Webentwicklung

Dauer

28–38 Wochen

Vorher

Grundlagen der Informatik

Führt zu

Frontend-Entwicklung, Backend-Entwicklung, Full-Stack-Entwicklung

Für alle, die Dinge bauen wollen, die andere sofort im Browser nutzen können.

1. Stufe 1: HTML, CSS und wie das Web funktioniert , 4–6 Wochen

   Was Sie lernen

   • Semantisches HTML
   • Barrierefreiheit
   • CSS-Layout mit Flexbox und Grid
   • Responsives Design
   • Entwicklerwerkzeuge im Browser

   Kostenlose Quellen

   • Learn web development Kurs, MDN (Mozilla)
   • Learn HTML, CSS and Accessibility Kurs, web.dev (Google Chrome team)

   Bauen: Eine persönliche Seite, die auf dem Handy funktioniert und einen Barrierefreiheits-Check besteht.

   Weiter, wenn: Sie können das Layout einer Website, die Ihnen gefällt, selbst nachbauen.

2. Stufe 2: JavaScript gründlich , 6–8 Wochen

   Was Sie lernen

   • DOM und Events
   • Funktionen, Closures und Objekte
   • Promises und async/await
   • Daten von APIs laden
   • Module

   Kostenlose Quellen

   • The Modern JavaScript Tutorial Buch, javascript.info
   • The Odin Project Kurs, The Odin Project (open source)

   Bauen: Eine App, die eine öffentliche API nutzt, etwa eine Wetter- oder Büchersuche.

   Weiter, wenn: Sie bauen eine interaktive Seite ohne Framework.

3. Stufe 3: Ein Frontend-Framework und TypeScript , 6–8 Wochen

   Was Sie lernen

   • Komponenten und Zustand
   • Formulare und Validierung
   • Routing
   • TypeScript-Typen
   • Komponenten testen

   Kostenlose Quellen

   • Learn React Doku, React team
   • The TypeScript Handbook Doku, Microsoft
   • Full Stack Open Kurs, University of Helsinki

   Bauen: Eine App mit mehreren Seiten, Formularen, gespeichertem Zustand und einigen Tests.

   Weiter, wenn: Sie können erklären, wann und warum eine Komponente neu rendert.

4. Stufe 4: Backend und Datenbanken , 8–10 Wochen

   Was Sie lernen

   • HTTP im Detail
   • REST-APIs bauen
   • Login, Sessions und Tokens
   • PostgreSQL
   • Automatisierte Tests

   Kostenlose Quellen

   • Learn Node.js Doku, OpenJS Foundation
   • HTTP Doku, MDN (Mozilla)
   • PostgreSQL Tutorial Doku, PostgreSQL Global Development Group

   Bauen: Eine API mit Benutzerkonten und Datenbank, mit Tests, die Ihr Frontend nutzt.

   Weiter, wenn: Sie entwerfen eine API, speichern Daten sicher und testen sie.

5. Stufe 5: Sicher veröffentlichen , 4–6 Wochen

   Was Sie lernen

   • Eine App deployen
   • Umgebungsvariablen und Geheimnisse
   • HTTPS
   • Continuous Integration
   • Die OWASP Top 10

   Kostenlose Quellen

   • OWASP Top 10 Doku, OWASP Foundation
   • OWASP Cheat Sheet Series Doku, OWASP Foundation
   • GitHub Actions documentation Doku, GitHub

   Bauen: Veröffentlichen Sie Ihre App mit automatischen Tests bei jedem Push und prüfen Sie sie gegen die OWASP Top 10.

   Weiter, wenn: Fremde nutzen Ihre App, und Sie merken es, wenn sie ausfällt.

Zurück zu allen Pfaden