Getting Started with Django

Slides for tutorial @ ArabNet Digital Summit 2012 - Developer Days (Video http://www.youtube.com/watch?feature=player_detailpage&v=gxeT8vX5FFc)

Transcript

1. Getting Started With Beshr Kayali Friday, May 4, 12
2. Why Django? and a little bit of history Friday, May 4, 12
3. Newsroom Environment 1 Friday, May 4, 12
4. Experienced Web Developers 2 Friday, May 4, 12
5. Python Programming Language Friday, May 4, 12
6. Python Programming Language Friday, May 4, 12
7. The Zen of Python import this Friday, May 4, 12
8. Introduction to Python A Quick Friday, May 4, 12
9. Introduction to Python • Beautiful, clean-looking syntax A Quick Friday, May 4, 12
10. Introduction to Python • Beautiful, clean-looking syntax • Built-in high-level data types: strings, lists, dictionaries, etc. A Quick Friday, May 4, 12
11. Introduction to Python • Beautiful, clean-looking syntax • Built-in high-level data types: strings, lists, dictionaries, etc. • Organizational structure: functions, classes, modules, and packages A Quick Friday, May 4, 12
12. Introduction to Python • Beautiful, clean-looking syntax • Built-in high-level data types: strings, lists, dictionaries, etc. • Organizational structure: functions, classes, modules, and packages • Compile on the fly to byte code A Quick Friday, May 4, 12
13. Introduction to Python • Beautiful, clean-looking syntax • Built-in high-level data types: strings, lists, dictionaries, etc. • Organizational structure: functions, classes, modules, and packages • Compile on the fly to byte code • Extensions in C & C++ A Quick Friday, May 4, 12
14. A Django Project Friday, May 4, 12
15. A Django Project Model-view-controller (MVC) Friday, May 4, 12
16. A Django Project Model Model-view-controller (MVC) Friday, May 4, 12
17. A Django Project Model View Model-view-controller (MVC) Friday, May 4, 12
18. A Django Project Model View Controller Model-view-controller (MVC) Friday, May 4, 12
19. A Django Project Model View Controller Model-view-controller (MVC) Friday, May 4, 12
20. A Django Project Friday, May 4, 12
21. A Django Project Translated into Django Friday, May 4, 12
22. A Django Project Translated into Django Model Friday, May 4, 12
23. A Django Project Translated into Django Model Controller Friday, May 4, 12
24. A Django Project Translated into Django Model Controller View Friday, May 4, 12
25. A Django Project Translated into Django Model Controller View Friday, May 4, 12
26. A Django Project Translated into Django Model Controller View models.py Friday, May 4, 12
27. A Django Project Translated into Django Model Controller View urls.py models.py Friday, May 4, 12
28. A Django Project Translated into Django Model Controller View views.py urls.py models.py Friday, May 4, 12
29. A Django Project Translated into Django Model Controller View templates/ views.py urls.py models.py Friday, May 4, 12
30. A Django Project Friday, May 4, 12
31. A Django Project Apps Friday, May 4, 12
32. A Django Project Apps Model Controller View Friday, May 4, 12
33. A Django Project Apps Model Controller View templates/ views.py urls.py models.py Friday, May 4, 12
34. A Django Project Apps Model Controller View templates/ views.py urls.py models.py App Friday, May 4, 12
35. A Django Project Apps Model Controller View templates/ views.py urls.py models.py App templates/ views.py urls.py models.py App Friday, May 4, 12
36. A Django Project Apps Model Controller View templates/ views.py urls.py models.py App templates/ views.py urls.py models.py App templates/ views.py urls.py models.py App Friday, May 4, 12
37. What does that actually look like? Friday, May 4, 12
38. Django Apps (Packages) Friday, May 4, 12
39. Django Apps (Packages) • Pluggable, reusable, replaceable, removable Friday, May 4, 12
40. Django Apps (Packages) • Pluggable, reusable, replaceable, removable • Powered by the community (Github, Bitbucket, Google Code) Friday, May 4, 12
41. Django Apps (Packages) • Pluggable, reusable, replaceable, removable • Powered by the community (Github, Bitbucket, Google Code) • Django Packages http://djangopackages.com Friday, May 4, 12
42. Django Apps (Packages) • Pluggable, reusable, replaceable, removable • Powered by the community (Github, Bitbucket, Google Code) • Django Packages http://djangopackages.com • Rating/Comments/Tutorials Friday, May 4, 12
43. Django Apps (Packages) • Pluggable, reusable, replaceable, removable • Powered by the community (Github, Bitbucket, Google Code) • Django Packages http://djangopackages.com • Rating/Comments/Tutorials • Pinax! Friday, May 4, 12
44. Friday, May 4, 12
45. Friday, May 4, 12
46. Open-Source Platform Built on Django Friday, May 4, 12
47. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application Friday, May 4, 12
48. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application agon-ratings a ratings app Friday, May 4, 12
49. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application agon-ratings a ratings app agora an extensible forum app for Django and Pinax Friday, May 4, 12
50. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application agon-ratings a ratings app agora an extensible forum app for Django and Pinax aiteo a question and answer app ala StackOverflow Friday, May 4, 12
51. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application agon-ratings a ratings app agora an extensible forum app for Django and Pinax aiteo a question and answer app ala StackOverflow biblion the eldarion.com blog app intended to be suitable for site- level company and project blogs Friday, May 4, 12
52. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application agon-ratings a ratings app agora an extensible forum app for Django and Pinax aiteo a question and answer app ala StackOverflow biblion the eldarion.com blog app intended to be suitable for site- level company and project blogs brabeion Friday, May 4, 12
53. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application agon-ratings a ratings app agora an extensible forum app for Django and Pinax aiteo a question and answer app ala StackOverflow biblion the eldarion.com blog app intended to be suitable for site- level company and project blogs brabeion dialogos Friday, May 4, 12
54. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application agon-ratings a ratings app agora an extensible forum app for Django and Pinax aiteo a question and answer app ala StackOverflow biblion the eldarion.com blog app intended to be suitable for site- level company and project blogs brabeion dialogos phileo Friday, May 4, 12
55. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application agon-ratings a ratings app agora an extensible forum app for Django and Pinax aiteo a question and answer app ala StackOverflow biblion the eldarion.com blog app intended to be suitable for site- level company and project blogs brabeion dialogos phileo kaleo Friday, May 4, 12
56. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application agon-ratings a ratings app agora an extensible forum app for Django and Pinax aiteo a question and answer app ala StackOverflow biblion the eldarion.com blog app intended to be suitable for site- level company and project blogs brabeion dialogos django-friends phileo kaleo Friday, May 4, 12
57. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application agon-ratings a ratings app agora an extensible forum app for Django and Pinax aiteo a question and answer app ala StackOverflow biblion the eldarion.com blog app intended to be suitable for site- level company and project blogs brabeion dialogos django-friends django-friends phileo kaleo Friday, May 4, 12
58. Open-Source Platform Built on Django agon a reusable Django points, positions and levels application agon-ratings a ratings app agora an extensible forum app for Django and Pinax aiteo a question and answer app ala StackOverflow biblion the eldarion.com blog app intended to be suitable for site- level company and project blogs brabeion dialogos django-friends django-friends pinax-shop phileo kaleo Friday, May 4, 12
59. Friday, May 4, 12
60. Overwhelmed? Friday, May 4, 12
61. Overwhelmed? Luckily, you don't have to go through all of this at the beginning! Friday, May 4, 12
62. Batteries Included Friday, May 4, 12
63. Batteries Included Admin Interface Friday, May 4, 12
64. Batteries Included Friday, May 4, 12
65. Batteries Included Databrowser Friday, May 4, 12
66. Batteries Included Friday, May 4, 12
67. Batteries Included Authentication Friday, May 4, 12
68. Batteries Included Friday, May 4, 12
69. Batteries Included Flatpages Friday, May 4, 12
70. Batteries Included Friday, May 4, 12
71. Batteries Included GeoDjango Friday, May 4, 12
72. Batteries Included Friday, May 4, 12
73. Batteries Included Internationalization Friday, May 4, 12
74. Batteries Included Friday, May 4, 12
75. Batteries Included Messages Friday, May 4, 12
76. Batteries Included Friday, May 4, 12
77. A Django Project The Structure Friday, May 4, 12
78. my_site/ A Django Project The Structure Friday, May 4, 12
79. my_site/ __init__.py A Django Project The Structure Friday, May 4, 12
80. my_site/ __init__.py manage.py A Django Project The Structure Friday, May 4, 12
81. my_site/ __init__.py manage.py urls.py A Django Project The Structure Friday, May 4, 12
82. my_site/ __init__.py manage.py urls.py settings.py A Django Project The Structure Friday, May 4, 12
83. my_site/ __init__.py manage.py urls.py settings.py my_app/ A Django Project The Structure Friday, May 4, 12
84. my_site/ __init__.py manage.py urls.py settings.py my_app/ models.py A Django Project The Structure Friday, May 4, 12
85. my_site/ __init__.py manage.py urls.py settings.py my_app/ models.py views.py A Django Project The Structure Friday, May 4, 12
86. my_site/ __init__.py manage.py urls.py settings.py my_app/ models.py views.py admin.py A Django Project The Structure Friday, May 4, 12
87. The Example An Online Bookstore! Friday, May 4, 12
88. Online Bookstore The Models Friday, May 4, 12
89. Online Bookstore The Models Author Friday, May 4, 12
90. Online Bookstore The Models Author Book Book Book Book Friday, May 4, 12
91. Online Bookstore The Models Author Book Book Book Book Author Friday, May 4, 12
92. Online Bookstore The Models Author Title Category Cover Description Book Book Book Book Author Friday, May 4, 12
93. Online Bookstore The Models Author Title Category Cover Description Book Book Book Book Author CharField URLField TextField Friday, May 4, 12
94. Online Bookstore The Models Author Title Category Cover Description Book Book Book Book Author ForeignKey CharField URLField TextField Friday, May 4, 12
95. Online Bookstore The Models Author Title Category Cover Description Book Book Book Book Author ForeignKey CharField URLField TextField Category Friday, May 4, 12
96. Online Bookstore The Models Author Title Category Cover Description Book Book Book Book Author ForeignKey CharField URLField TextField Name Description Domain Category Friday, May 4, 12
97. Online Bookstore The Models Author Title Category Cover Description Book Book Book Book Author ForeignKey CharField URLField TextField Name Description Domain Category CharField TextField Friday, May 4, 12
98. Online Bookstore The Models Author Title Category Cover Description Book Book Book Book Author ForeignKey CharField URLField TextField Name Description Domain Category CharField TextField IntegerField Friday, May 4, 12
99. Online Bookstore The Models Author Title Category Cover Description Book Book Book Book Author ForeignKey CharField URLField TextField Name Description Domain Category CharField TextField IntegerField DOMAIN_CHOICES = ((1, ‘Entertainment’) (2, ‘Fiction’), (3, ‘History’), (4, ‘Business & Finance’), (5, ‘Special Interest’)) Friday, May 4, 12
100. Online Bookstore The Models Friday, May 4, 12
101. Online Bookstore The Models Let’s see the code! Friday, May 4, 12
102. Online Bookstore The Models Friday, May 4, 12
103. Online Bookstore The Models Sync my DB for me please, Friday, May 4, 12
104. Online Bookstore The Models Friday, May 4, 12
105. Online Bookstore The Models and create my admin :) Friday, May 4, 12
106. Online Bookstore The Models Friday, May 4, 12
107. Online Bookstore The Views Friday, May 4, 12
108. Online Bookstore The Views CRUD (Create, Read, Update, Delete) Admin Interface Friday, May 4, 12
109. Online Bookstore The Views CRUD (Create, Read, Update, Delete) Admin Interface Django Friday, May 4, 12
110. Online Bookstore The Views CRUD (Create, Read, Update, Delete) Admin Interface Homepage View Django Friday, May 4, 12
111. Online Bookstore The Views CRUD (Create, Read, Update, Delete) Admin Interface Homepage View Django Domain View Category View Friday, May 4, 12
112. Online Bookstore The Views CRUD (Create, Read, Update, Delete) Admin Interface Homepage View Book View Django Domain View Category View Friday, May 4, 12
113. Online Bookstore The Views CRUD (Create, Read, Update, Delete) Admin Interface Homepage View Book View Django Domain View Category View Author View Friday, May 4, 12
114. Online Bookstore The Views CRUD (Create, Read, Update, Delete) Admin Interface Homepage View Book View Django Domain View Category View Author View Search View Friday, May 4, 12
115. Online Bookstore The Views CRUD (Create, Read, Update, Delete) Admin Interface Homepage View Book View Django User Interface Domain View Category View Author View Search View Friday, May 4, 12
116. Online Bookstore The Views CRUD (Create, Read, Update, Delete) Admin Interface Homepage View Book View Django User Interface Us Domain View Category View Author View Search View Friday, May 4, 12
117. Online Bookstore The Views Friday, May 4, 12
118. Online Bookstore The Views Let’s see the code! Friday, May 4, 12
119. Online Bookstore The Views Friday, May 4, 12
120. Online Bookstore The Templates Friday, May 4, 12
121. Online Bookstore The Templates CRUD Forms (Create, Read, Update, Delete) Admin Interface Friday, May 4, 12
122. Online Bookstore The Templates CRUD Forms (Create, Read, Update, Delete) Admin Interface Django Friday, May 4, 12
123. Online Bookstore The Templates CRUD Forms (Create, Read, Update, Delete) Admin Interface Homepage Template Django Friday, May 4, 12
124. Online Bookstore The Templates CRUD Forms (Create, Read, Update, Delete) Admin Interface Homepage Template Django Domain Template Category Template Friday, May 4, 12
125. Online Bookstore The Templates CRUD Forms (Create, Read, Update, Delete) Admin Interface Homepage Template Book Template Django Domain Template Category Template Friday, May 4, 12
126. Online Bookstore The Templates CRUD Forms (Create, Read, Update, Delete) Admin Interface Homepage Template Book Template Django Domain Template Category Template Author Template Friday, May 4, 12
127. Online Bookstore The Templates CRUD Forms (Create, Read, Update, Delete) Admin Interface Homepage Template Book Template Django Domain Template Category Template Author Template Search Results Template Friday, May 4, 12
128. Online Bookstore The Templates CRUD Forms (Create, Read, Update, Delete) Admin Interface Homepage Template Book Template Django User Interface Domain Template Category Template Author Template Search Results Template Friday, May 4, 12
129. Online Bookstore The Templates CRUD Forms (Create, Read, Update, Delete) Admin Interface Homepage Template Book Template Django User Interface Us Domain Template Category Template Author Template Search Results Template Friday, May 4, 12
130. Online Bookstore The Templates Friday, May 4, 12
131. Online Bookstore The Templates base.html <html> <title> {% block pagetitle %}{% endblock %} </title> <body> # page header stuff <div id=”main”> {% block pagecontent %} {% endblock %} </div> # page footer stuff </body> </html> Friday, May 4, 12
132. Online Bookstore The Templates <html> <title> {% block pagetitle %}{% endblock %} </title> <body> # page header stuff <div id=”main”> {% block pagecontent %} {% endblock %} </div> # page footer stuff </body> </html> Friday, May 4, 12
133. Online Bookstore The Templates <html> <title> {% block pagetitle %}{% endblock %} </title> <body> # page header stuff <div id=”main”> {% block pagecontent %} {% endblock %} </div> # page footer stuff </body> </html> Friday, May 4, 12
134. Online Bookstore The Templates <html> <title> {% block pagetitle %}{% endblock %} </title> <body> # page header stuff <div id=”main”> {% block pagecontent %} {% endblock %} </div> # page footer stuff </body> </html> Homepage Friday, May 4, 12
135. Online Bookstore The Templates <html> <title> {% block pagetitle %}{% endblock %} </title> <body> # page header stuff <div id=”main”> {% block pagecontent %} {% endblock %} </div> # page footer stuff </body> </html> Friday, May 4, 12
136. Online Bookstore The Templates <html> <title> {% block pagetitle %}{% endblock %} </title> <body> # page header stuff <div id=”main”> {% block pagecontent %} {% endblock %} </div> # page footer stuff </body> </html> Category: {{name}} Friday, May 4, 12
137. Online Bookstore The Templates <html> <title> {% block pagetitle %}{% endblock %} </title> <body> # page header stuff <div id=”main”> {% block pagecontent %} {% endblock %} </div> # page footer stuff </body> </html> Friday, May 4, 12
138. Online Bookstore The Templates <html> <title> {% block pagetitle %}{% endblock %} </title> <body> # page header stuff <div id=”main”> {% block pagecontent %} {% endblock %} </div> # page footer stuff </body> </html> Book: {{title}} Friday, May 4, 12
139. Online Bookstore The Templates <html> <title> {% block pagetitle %}{% endblock %} </title> <body> # page header stuff <div id=”main”> {% block pagecontent %} {% endblock %} </div> # page footer stuff </body> </html> Friday, May 4, 12
140. Online Bookstore The Templates <html> <title> {% block pagetitle %}{% endblock %} </title> <body> # page header stuff <div id=”main”> {% block pagecontent %} {% endblock %} </div> # page footer stuff </body> </html> Friday, May 4, 12
141. Online Bookstore The Templates <html> <title> {% block pagetitle %}{% endblock %} </title> <body> # page header stuff <div id=”main”> {% block pagecontent %} {% endblock %} </div> # page footer stuff </body> </html> #html_code Friday, May 4, 12
142. Online Bookstore The Templates Friday, May 4, 12
143. Online Bookstore The Templates Let’s see the code! Friday, May 4, 12
144. Online Bookstore The Templates Friday, May 4, 12
145. Online Bookstore The URLs Friday, May 4, 12
146. Online Bookstore The URLs CRUD (Create, Read, Update, Delete) Admin Interface Friday, May 4, 12
147. Online Bookstore The URLs CRUD (Create, Read, Update, Delete) Admin Interface Django Friday, May 4, 12
148. Online Bookstore The URLs CRUD (Create, Read, Update, Delete) Admin Interface Homepage URL Django Friday, May 4, 12
149. Online Bookstore The URLs CRUD (Create, Read, Update, Delete) Admin Interface Homepage URL Django Domain URL Category URL Friday, May 4, 12
150. Online Bookstore The URLs CRUD (Create, Read, Update, Delete) Admin Interface Homepage URL Book URL Django Domain URL Category URL Friday, May 4, 12
151. Online Bookstore The URLs CRUD (Create, Read, Update, Delete) Admin Interface Homepage URL Book URL Django Domain URL Category URL Author URL Friday, May 4, 12
152. Online Bookstore The URLs CRUD (Create, Read, Update, Delete) Admin Interface Homepage URL Book URL Django Domain URL Category URL Author URL Search URL Friday, May 4, 12
153. Online Bookstore The URLs CRUD (Create, Read, Update, Delete) Admin Interface Homepage URL Book URL Django User Interface Domain URL Category URL Author URL Search URL Friday, May 4, 12
154. Online Bookstore The URLs CRUD (Create, Read, Update, Delete) Admin Interface Homepage URL Book URL Django User Interface Us Domain URL Category URL Author URL Search URL Friday, May 4, 12
155. Code Friday, May 4, 12
156. Friday, May 4, 12
157. Images Used http://www.flickr.com/photos/14057191@N07/6412684613/ http://www.flickr.com/photos/redandjonny/2465706599/lightbox/ http://en.wikipedia.org/wiki/Newsroom http://www.flickr.com/photos/22339026@N00/129691678/ http://www.flickr.com/photos/89937132@N00/3811341189/ http://www.flickr.com/photos/11266609@N00/2561390195/ http://www.flickr.com/photos/94525703@N00/4247744344/ Friday, May 4, 12