1. UO WEB DEV

2. Big Kids Development
Creating a Robust Server Side Web App

3. Celebrememe Looked Like This:
Flask
Server
Twitter
API
What did
Kanye Say?
Here are
Kanye’s last 20
tweets
#yeezyboost.
Client

4. Flask
Server
Twitter
API
What did
Kanye Say?
Here are
Kanye’s last 20
tweets
#yeezyboost.
Client
We spent our whole time
talking about this interaction.

5. Flask
Server
#yeezyboost.
Client
But what about this
whole thing?

6. ● Flask is a web framework. It provides you with the tools, libraries and technologies
that allow you to build a web application.
● Flask is a micro-framework.
We want to build a dynamic site.

7. Django Flask

8. How Do These Things Work?
1. User lands on a URL. Server, (Flask), finds
which function is associated with that URL
2. Function is run
3. Function passes info to template HTML file
4. Template HTML file renders data and
displays the page

9. 1) Flask finds URL
associated with function
2)Function is run
3) Function passes
variables to HTML file
www.placeful.com/messages/73.1/75.1

10. 4) Template HTML File
Renders Data and displays
page

12. Real nice. Just a little .db file that lives on your server/local
machine.

13. We are millennials. We shouldn’t have to write SQL.

14. Turns RAW SQL statements into classes in your language of
choice.
Object Relational Mapping (ORM)

15. But how does the code
from our server get put
into our HTML?

16. It scans our HTML file, finds the template tags, for example
{{ message.text }}, and inserts the variables from our server
side web app.

17. <p>{{messages.text}}</p>
becomes
<p>What’s happening?</p>