Intro to Web Development Using Python and Django
- 1. Intro to Web Development Using Python and Django October 2017 Chariza Pladin [email protected]
- 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
- 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
- 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
- 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
- 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
- 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.
- 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
- 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
- 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.)
- 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
- 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.
- 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
- 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.
- 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
- 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
- 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.
- 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/
- 81. FREE PDFS! 81
- 82. Thank you :) 82 Send me feedback :)