The document outlines the key parts of web applications including the front-end, middleware, and back-end. It then provides a roadmap for learning the four main clusters of knowledge needed for web development: back-end development using Python frameworks like Django and Flask, front-end development using HTML5, CSS, and JavaScript, version control using Git, and deployment using Heroku. Specific resources like Codecademy, Mozilla Developer Network, and books from ImportPython are recommended for learning each area.

1. Presented By:
Raman Balyan
Twitter: @raman_balyan

2. Parts Of Web Applications
Front-end
• Presentation layer
Middleware
• Relays information b/w front-end & back-end
Back-end
• Where data is stored, analyzed & processed

3. WEB
SERVER
APPLICATION
CODE DATABASE
VERSION
CONTROL
USER

4. Roadmap I Wish I Had Been Given
Four Clusters Of Knowledge:
• Back-end Development
Need to learn one framework with the Python
• Front-end Development
How to make content appear in people’s browser
• Version Control
Organize code and collaborate with others
• Deployment
How to get your site on internet

5. Back-end Development
Learn Python
• Install Python 2.7 https://www.python.org
• Resources :
Codecademy.com
Pythonlearn.com
Learn python the hard way
https://github.com/mjhea0/thinkful-mentor
https://medium.com/learning-journalism-tech/five-mini-programming-
projects-for-the-python-beginner-21492f6ce0f3

6. What Are Frameworks?
• Reside above three layers, abstracting away much of the
processes that occur within each
• Simplify Web development by handling repetitive tasks
Front-end
Middle
ware
Back-end Model
Controller
View

7. Frameworks Classification
• Full (high-level)
Come with many pre-installed components and lot of low-level
task automation.
• Micro (low-level)
Come with few pre-installed components and less low-level
task automation

8. Python Frameworks
• Full (high-level): Django, web2py, Turbogears
• Micro (low-level): Flask, Pyramid, CherryPy, bottle.py
Where To Learn
• Books from Importpython.com
• fullstackpython.com
P.S: Beginner’s should start with low-level frameworks

9. Front-end Development
Learn HTML5/CSS & Javascript
• https://developer.mozilla.org/en-US/
• Codecademy.com
• http://eloquentjavascript.net/

10. Version Control
Learn Git
• http://git-scm.com/
• http://www.sbf5.com/~cduan/technical/git/

11. Deployment
Learn Heroku
• https://devcenter.heroku.com/ Production
Dev.
Environment

12. Set Up Dev. Environment
• Python 2.7 Installed
• Install Text Editor (Sublime)
• Install Pip
• Install Virtualenv
• Install Git

13. Ask Your Questions?
Raman Balyan
Twitter: @raman_balyan
Email: balyan.raman@gmail.com