Introduction to basic web development using Python and Django framework.

1. Intro to Web Development
Using Python and Django
October 2017
Chariza Pladin
chariza.b.pladin@accenture.com

2. Chariza Baclor Pladin
2
- Bachelor of Science in Information
Technology (2014)
- I.T Instructor
- Data Analyst / Mobile App QA
Accenture Inc.

3. ● Introduction to Python
● Hello, Django
● Setting up Our First Django
App
● Creating and Populating
Database
● URLs and Views
● Q/A
Course Outline
3

4. Seminar Schedule
1 Hour Discussion
4
3 Hours Code Labs

5. ● Understand agenda’s outline
● Know and be familiarized
with some basic concept
about Python programming
language
● Write simple Python
program and
Django-powered web
page/sites
Outcomes
5

6. Introduction to
Python
6

7. Python
is your
friend.
7

8. Hello, Django
8

9. DJANGO
● A high-level Python web Framework
● Encourages rapid development, clean and pragmatic
design
● ‘For perfectionists with deadlines’
● ‘Focuses and automation and DRY’
● Widely supported and has many deployment options.
9

10. /Why choose
Django?/
10

11. Why use Django?
● The framework has templates, libraries and API designed to
work together for natural growth and connectivity.
● Django suits projects of any size, from small to the biggest
ones.
● Django uses Python which was one of the most popular
programming languages of 2015, and is now the most
popular language for those learning to code.
11

12. Why use Django?
● Django is a more fully featured kit than most of other
frameworks, it contains everything you need to build an app.
● Django adheres to D.R.Y. — Don’t Repeat Yourself —
philosophy. That means that the framework places a premium
on getting the absolute most out of very little code.
12

13. Why use Django?
13

14. Setting up
and
Basic Requirements
14

15. Requirements and Downloads
https://www.python.org/downloads/
15

16. Requirements and Downloads
https://www.jetbrains.com/pycharm/
16

17. Virtual Environment
- An isolated working copy of Python which allows you
to work on a specific project without worry of
affecting other projects It enables multiple
side-by-side installations of Python, one for each
project.
Install Virtual Environment
Command:
pip3 install virtualenv
17

18. Virtual Environment (cont.)
Create Virtual Environment
Command:
virtualenv -p python3 env
Virtual
environment
name
18

19. Virtual Environment (cont.)
Activate Virtual Environment
Command:
source env/bin/activate
19

20. Modify Pycharm Interpreter
Change Interpreter settings
● Preferences
○ Project First Project
■ Project Interpreter
● Name of virtual environment
20

21. Install Django
Command:
pip install django
21

22. Create our first
Django Web App
22

23. Create Web App
Command:
django-admin startproject <project_name>
Example:
django-admin startproject mysite
23

24. Create Web App(cont.)
24

25. Mysite - Components
25
● manage.py - lets app creator talk through terminal/shell.
● __init__.py - tells file is a python package.
● settings.py - holds the setting configuration of all the app
inside the web app.
● urls.py - has the access and settings of any url used.
● wsgi.py - used to deploy web app to a server.

26. Create Web App(cont.)
26
Main Website
App 1 App 2 App nth

27. Create Polls App
27

28. Create Polls App
28
Command:
python manage.py startapp polls
Important Note
Always make sure to check active directory
(before executing code) which is the
<project_name> directory.

29. Polls App(cont.)
29

30. Polls Directory - Components
30
● admin.py - -allows user to add features in the admin page
● __init__.py - tells file is a python package.
● apps.py - used to configure apps.
● models.py - database layout.
● tests.py - used to app testing.
● views.py - used to display database content.

31. First run Server
31
Command:
python manage.py runserver

32. First run Server(cont.)
32

33. Adding Models
33

34. Models
34
Object-oriented programming (OOP) is a style
of programming that focuses on using objects
to design and build applications.

35. Models(cont.)
35

36. Models - Polls
36
Question Choice
Number of
Votes
Choice TextPublish Date
Question
Text
Link

37. Creating the Models
37

38. Make Migrations
38
Command:
python manage.py makemigrations polls
Python manage.py migrate
Important Note
Go to settings.py under the <project_name>
and don’t forget to add ‘polls’.

39. Make Migrations(cont.)
39
What’s the use of Migration?
Migrations are Django’s way of propagating
changes you make to your models (adding a field,
deleting a model, etc.)

40. Make Migrations
40

41. Make Migrations(cont.)
41

42. Populating Database
42

43. Open Python Shell
43
The Python interactive console (also called the Python
interpreter or Python shell) provides programmers with a
quick way to execute commands and try out or test code
without creating a file.
Command:
python manage.py shell

44. Populating Database - Add a Question
44

45. Populating Database(cont.) - Display Question and Choice Objects
45

46. Populating Database - Add Choices
46

47. Django Admin Tool
47

48. Admin Tool
48
Command:
python manage.py createsuperuser
Python manage.py runserver
Important Note
This command will prompt asking for
username, email address and a password.

49. Admin Tool(cont.)
49

50. Admin Tool(cont.)
50

51. Adding Database files to Admin Tool
51
Open admin.py

52. Adding Database files to Admin Tool(cont.)
52

53. Adding Database files to Admin Tool(cont.)
53

54. Adding Database files to Admin Tool(cont.)
54

55. Adding Database files to Admin Tool(cont.)
55

56. Playing with URLs
56

57. URLs and Views
57
2 step process to display data:
1. Link urls.py in the main directory to the new urls.py in
the poll directory.
2. Link views.py to the file.

58. Create New URL
58

59. Create New URL
59
Open mysite directory > urls.py

60. Step 2:
Create a
new urls.py
inside polls
directory
60

61. Configure new urls.py
61
Open polls directory > urls.py

62. HTTP Response
62
Django uses request and response objects to pass state
through the system.
When a page is requested, Django creates an HttpRequest
object that contains metadata about the request. Then Django
loads the appropriate view, passing the HttpRequest as the
first argument to the view function. Each view is responsible
for returning an HttpResponse object.

63. Configure views.py
63
Open polls directory > views.py
Then run the server again
Command:
python manage.py runserver

64. Configure views.py
64

65. Setting up views
65

66. Setting up views
66
Open polls directory > views.py

67. Linking views to URLs
67
Open polls directory > urls.py

68. Display Questions from database
68
Open polls directory > views.py

69. Creating Templates
69

70. Django Templates
70
Django’s template engine provides a
powerful mini-language for defining the
user-facing layer of your application,
encouraging a clean separation of
application and presentation logic.

71. 71Creating Templates

72. 72Creating Templates(cont.)

73. 73Creating Templates(cont.)

74. Django Templates(cont.)
74
Important Note:
Django Template Language use different coding syntax
for loops and variables.
{% %} - used for loops.
{{ }} - used for variables

75. Django Templates(cont.)
75
Step 1: Create the template

76. Django Templates(cont.)
76
Step 1: Rendering templates

77. Quick Links
77
● https://www.djangoproject.com/
● https://github.com/django/django
● https://djangobook.com/
● https://www.fullstackpython.com/django.html
● https://djangopackages.org/

78. Quick Links(cont.)
78
https://www.edx.org/

79. Quick Links(cont.)
79

80. Sharing is
caring...
80

81. FREE PDFS!
81

82. Thank
you :)
82
Send me feedback :)