Successfully reported this slideshow.
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.

Le Wagon - Web 101

2,980 views

Published on

Introduction to the Web's basic mechanisms for Le Wagon's future students.

Published in: Technology

Le Wagon - Web 101

  1. 1. Web 101
  2. 2. How does a website work? 2 machines communicating You, at home, on your laptop… Somewhere in Ireland, in a Datacenter…
  3. 3. How do they communicate? 🤔
  4. 4. HTTP Base protocol of the Web (!= Internet) HYPER TEXT TRANSFER PROTOCOL
  5. 5. • A protocol to transfer resources (== files) • System of request / response • Between a client and a server HTTP
  6. 6. When a user… • Clicks on a link, or • Types a url in the address bar, or • Submits a form…
  7. 7. The client sends… An HTTP request to the server HTTP request with URL GET https://lewagon.com
  8. 8. The server receives… …the HTTP request If the content asked is static (GET http://lewagon.com) The server fetches the HTML file And sends it back to the client in the HTTP response
  9. 9. The server receives… …the HTTP request If the content asked is dynamic (GET http://facebook.com/zuck is a different HTML than http://facebook.com/boris.paillard) The server builds the HTML file using server language (php/Ruby/ Python…) and SQL queries to Database And sends it back to the client in the HTTP response Ruby SQL DB
  10. 10. HTTP request with URL GET https://lewagon.com The browser processes… …the HTML file to display the web page HTTP response with HTML file
  11. 11. Flow Recap. • When a user clicks on a link / types a URL / submits a form • The client sends (via a browser) an HTTP request to a server • The server builds an HTML file (which is just text) • The server sends it back to the client in an HTTP response • The client processes the HTML file to display the web page On a website…
  12. 12. Thank you

×