Web

1. 1

   Was ist das Web

   Willkommen. Falls du dir noch nie Gedanken darüber gemacht hast, was eigentlich passiert, wenn du eine URL in einen Browser tippst, bist du hier...

   Client-server modelBrowser as a clientURL structureWhat happens between typing and rendering
   20 Min.
2. 2

   HTTP vs HTTPS

   Stell dir vor, du sitzt im Café am kostenlosen WLAN. Jemand anderes in demselben Netzwerk kann mit nichts Exotischerem als einem Paket-Sniffer jede...

   Plaintext HTTPHTTPS as HTTP over TLSConfidentialityIntegrityAuthenticityPadlock UI
   15 Min.
3. 3

   Aufbau von Anfrage und Antwort

   Du weißt bereits, dass ein Browser einen Request schickt und ein Server eine Response zurückschickt. Was du noch nicht gesehen hast: wie diese beiden...

   Request lineHeadersBodyStatus codesMethodsCurl -v
   30 Min.
4. 4

   Cookies, Sitzungen und Tokens

   HTTP hat kein Gedächtnis. Jeder einzelne Request, den du schickst, wird vom Server so behandelt, als hätte er dich noch nie gesehen, selbst wenn du...

   Set-CookieHttpOnlySecureSameSiteServer sessionsJWT+1
   25 Min.
5. 5

   DNS erklärt

   Du lässt eine Domain auf einen neuen Server zeigen, die Änderung ist eingetragen, und von deinem Laptop aus klappt es, bei jemand anderem im Team...

   RootTLDAuthoritative serverRecursive resolverAAAAA+6
   25 Min.
6. 6

   TLS und Zertifikate

   TLS ist die Schicht, die einfaches HTTP in HTTPS verwandelt. Am Ende dieser Lektion weißt du grob, was während des Handshakes passiert, was ein...

   TLS handshakeClientHelloServerHelloCertificateKey exchangeCA chain of trust+2
   30 Min.
7. 7

   CORS

   Dein Frontend läuft auf localhost:3000, deine API auf localhost:8000, und die Anfrage, die in curl einwandfrei funktioniert, scheitert im Browser mit...

   Same-origin policyOriginPreflight OPTIONSAccess-Control-Allow-OriginAccess-Control-Allow-MethodsAccess-Control-Allow-Headers+1
   30 Min.
8. 8

   REST-API-Grundlagen

   Du sollst eine bestehende API um einen Endpunkt erweitern und bleibst schon bei der ersten Entscheidung hängen: heißt es POST /users/42/deactivate...

   Resources as nounsMethods as verbsStatus codesIdempotencyHATEOASVersioning
   25 Min.
9. 9

   WebSockets und SSE

   Dein Feature lautet: die neue Nachricht in dem Moment anzeigen, in dem sie ankommt. Alles, was du bisher gelernt hast, setzt voraus, dass der Client...

   Long pollingWebSocket upgradeFull-duplex framesServer-Sent EventsWhen to pick each
   25 Min.
10. 10

    Caching und CDNs

    Deine Startseite braucht 900 Millisekunden zum Aufbauen, und für den zehntausendsten Besucher baut sie genau dasselbe wie für den ersten. In dieser...

    Browser cacheProxy cacheCDN edgeCache-ControlETagIf-None-Match+2
    25 Min.
11. 11

    Sicherheits-Header

    Ein Security-Review landet mit vierzehn Punkten auf deinem Tisch, und sechs davon entpuppen sich als Response-Header, die du nicht sendest. Das ist...

    Content-Security-PolicyStrict-Transport-SecurityX-Content-Type-OptionsX-Frame-OptionsFrame-ancestorsReferrer-Policy+1
    25 Min.
12. 12

    Ratenbegrenzung und Drosselung

    Um 09:14 laufen die Anfragen an deine API für alle in Timeouts. Deployt wurde nichts. Es stellt sich heraus: Die Integration eines Kunden hat eine...

    Token bucketLeaky bucketFixed windowWhere to enforce429Retry-After+1
    20 Min.
13. 13

    Monitoring und Protokollierung

    Es ist drei Uhr nachts und eine Kundin meldet, dass der Checkout fehlschlägt. Du hast einen Namen, einen ungefähren Zeitpunkt und ein System, das...

    Structured logsCorrelation IDsTracesSpansFour golden signalsLog vs metric+1
    20 Min.
14. 14

    Abschlussprojekt: Ein kleiner Webserver

    Jede Lektion dieses Kurses hat einen Header von außen erklärt. Du hast gelernt, was Cache-Control zusagt, was Access-Control-Allow-Origin erlaubt,...

    Serving HTTPCache headersCORS headersSecurity headersCurl -v304 Not Modified+1
    40 Min.

Jede Lektion, jedes Quiz und jede Tutor-Antwort erscheint in deiner Sprache. Der KI-Tutor antwortet in der Sprache, in der du fragst.

See how hiring teams interview engineers on Web, in production-like environments.