Successfully reported this slideshow.
Your SlideShare is downloading.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
UO WEB DEV
Big Kids Development
Creating a Robust Server Side Web App
Celebrememe Looked Like This:
Flask
Server
Twitter
API
What did
Kanye Say?
Here are
Kanye’s last 20
tweets
#yeezyboost.
Cl...
Flask
Server
Twitter
API
What did
Kanye Say?
Here are
Kanye’s last 20
tweets
#yeezyboost.
Client
We spent our whole time
t...
Flask
Server
#yeezyboost.
Client
But what about this
whole thing?
● Flask is a web framework. It provides you with the tools, libraries and technologies
that allow you to build a web appli...
Django Flask
How Do These Things Work?
1. User lands on a URL. Server, (Flask), finds
which function is associated with that URL
2. Fun...
1) Flask finds URL
associated with function
2)Function is run
3) Function passes
variables to HTML file
www.placeful.com/m...
4) Template HTML File
Renders Data and displays
page
Real nice. Just a little .db file that lives on your server/local
machine.
We are millennials. We shouldn’t have to write SQL.
Turns RAW SQL statements into classes in your language of
choice.
Object Relational Mapping (ORM)
But how does the code
from our server get put
into our HTML?
It scans our HTML file, finds the template tags, for example
{{ message.text }}, and inserts the variables from our server...
<p>{{messages.text}}</p>
becomes
<p>What’s happening?</p>
Creating a server side web app
Creating a server side web app
Upcoming SlideShare
Loading in …5
×
  • Be the first to comment

  • Be the first to like this

Creating a server side web app

  1. 1. UO WEB DEV
  2. 2. Big Kids Development Creating a Robust Server Side Web App
  3. 3. Celebrememe Looked Like This: Flask Server Twitter API What did Kanye Say? Here are Kanye’s last 20 tweets #yeezyboost. Client
  4. 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. 5. Flask Server #yeezyboost. Client But what about this whole thing?
  6. 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. 7. Django Flask
  8. 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. 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. 10. 4) Template HTML File Renders Data and displays page
  11. 11. Real nice. Just a little .db file that lives on your server/local machine.
  12. 12. We are millennials. We shouldn’t have to write SQL.
  13. 13. Turns RAW SQL statements into classes in your language of choice. Object Relational Mapping (ORM)
  14. 14. But how does the code from our server get put into our HTML?
  15. 15. It scans our HTML file, finds the template tags, for example {{ message.text }}, and inserts the variables from our server side web app.
  16. 16. <p>{{messages.text}}</p> becomes <p>What’s happening?</p>

    Be the first to comment

    Login to see the comments

Views

Total views

216

On Slideshare

0

From embeds

0

Number of embeds

2

Actions

Downloads

2

Shares

0

Comments

0

Likes

0

×