How the Internet Works

How the Internet Works

By Konstantin Tennhard

37f941943817785d0d2ccce1e63cd476?s=128

Rails Girls Frankfurt

March 25, 2013
Tweet

Transcript

  1. 2.
  2. 4.
  3. 6.

    A user’s point of view Your browser just retrieved a

    web page for you – in less than a fraction of a second. That’s it. As a user you don’t need to understand anything else. That’s the beauty of the Internet – it’s easy.
  4. 7.
  5. 8.

    A developer’s point of view There just happened a lot:

    Network requests were issued, resources were obtained, and finally a visual representation was generated and presented to the user.
  6. 11.

    Informal Protocol For users, there are often multiple ways to

    communicate with a computer and they are usually less formalized. Formal Protocol Communication between electronic entities, e.g., servers and clients, is formalized and therefore follows strict rules.
  7. 12.

    Informal Protocol For users, there are often multiple ways to

    communicate with a computer and they are usually less formalized. Formal Protocol Communication between electronic entities, e.g., servers and clients, is formalized and therefore follows strict rules.
  8. 14.
  9. 15.
  10. 17.
  11. 25.
  12. 26.

    HTTP Hyper Text Transfer Protocol GET / HTTP/1.1 Host: railsgirls.com

    HTTP/1.1 200 OK Content-Length: 2785 Content-Type: text/html <!doctype html> <html lang="en"> <!-- Content omitted --> </html>
  13. 27.
  14. 29.

    Types of Resources Generated Data • Documents (HTML, XML, JSON)

    Static Files • Documents (HTML, XML, JSON) • Code (JavaScript, CSS) • Images (PNG, JPG, GIF, etc.) • Videos
  15. 30.

    Hyper Text Markup Language HTML <html> <head> <title>Rails Girls</title> </head>

    <body> <p>Hello Rails Girls Frankfurt!</p> </body> <html> Hello Rails Girls Frankfurt!
  16. 31.

    Cascading Style Sheets CSS p { text-align: center; font-weight: bold;

    font-family: sans-serif; font-size: 36px; } Hello Rails Girls Frankfurt!