Episode 10 - Wie funktioniert das WWW?

Aua-uff-Code!

Show Notes und Links

• Internet und WWW
• Request-Response-Cycle
• Statische und dynamische Webseiten
• Domainnamen
• IP-Adressen
• Web-Server
• Standardports: 80 Webserver, 443 https, 25 smtp und viele mehr.
• Apache Server
• ngnx
• lighttpd
• HTTP/2
• spdy
• Fehlermeldungen
• Get-Request
• Post-Request
• Put-Request
• Cookies
• Disqus
• Wordpress
• Index.php und mod_php
• Model View Controller Konzept
• Rails
• jQuery
• Google Maps
• Podlove Webplayer
• JSON
• PHP
• Perl
• Node.js
• Dokuwiki
• API
• Framework
• Visualisierung des Ladevorgangs in den Google Chrome Developer Tools:

Kapitel

1. Intro und Begrüßung (00:00:00)

2. Thema heute: Wie funktioniert das WWW? (00:00:19)

3. Abgrenzung WWW zu Internet (00:01:40)

4. Request Response Cycle (00:02:33)

5. Statische und dynamische Webseiten (00:03:38)

6. Auflösung von Domainnamen, IP-Adressen, DNS-Server (00:04:18)

7. HTTPS und HTTP. Wann wo wie wird verschlüsselt. (00:09:34)

8. Zuweisung von IP-Adressen und wo kommen denn die Domains her? (00:10:50)

9. Der Weg des IP-Request. Was sind Ports und welche sind relevant? (00:12:08)

10. Ein Serverprozess (Daemon) verteilt die Requests. (00:15:18)

11. Beispiele für Server: Apache, nginx, lighttpd (00:16:05)

12. Antwort des Servers auf den Request. Headerinformationen. Statuscodes. (00:17:04)

13. Erste Antwort ist eine HTML-Seite. Index HTML sagt, wo der Rest ist. (00:20:06)

14. Dinge, die noch geladen werden müssen: Z.B. CSS und Javascript. (00:20:51)

15. Requests im Browser anschauen mittels Entwicklertools. (Screenshot) (00:23:16)

16. Max. 6 Requests parallel bei bis zu 300 Requests pro Seite. Beschleunigung mit http2, spdy. (00:24:14)

17. Fehlermeldungen, wenn Requests schief gehen. 404, 500er-Fehler. (00:26:02)

18. Sogar aua-uff-co.de hat Cookies im Kommentarformular von Diqus. (00:28:21)

19. Arten von Requests: Get-Request, Post-Requests, (Put-Request). (00:29:24)

20. Was sind und machen Cookies? Braucht man sie und wenn ja, wozu? (00:34:31)

21. Abschließendes zu statischen Seiten. Cache kann implementiert werden. (00:39:34)

22. Dynamische Webseiten. Bsp.: die Seite von Anna. Wordpress. (00:41:25)

23. Apache Server, index.php und mod_php (00:42:10)

24. Konzept eines Servers. (00:45:35)

25. Model View Controller Konzept. Bsp. Framework Rails (00:48:44)

26. Nötig für Webprogrammierung HTML, CSS, Javascript oder entsprechende Frameworks wie jQuery. (00:49:34)

27. Browser lernen an Funktionalität dazu: Bsp. jQuery, Google Maps, Podlove Webplayer. (00:52:31)

28. Erst nach JavaScript-Bibliothek suchen, bevor man JavaScript selber schreibt. (00:56:11)

29. Sehr gebräuchliches Format für Konfigurationsdateien: JSON. (00:57:58)

30. Programmiersprachen zum Lesen von Daten aus Datenbanken: PHP, Perl, Node.js, Ruby. (00:58:28)

31. Dokuwiki arbeitet ohne Datenbanken. (01:01:41)

32. Framework lernen, wenn Skriptsprachen zu mühselig sind. Bsp. Podlove. (01:02:44)

33. Wenn man nur Daten von anderen Websites darstellen will reicht API. Kein Framework nötig. (01:04:29)

34. Verabschiedung und Outro. (01:09:04)