Full Stack JavaScript Entwickler Kurs

Lektion 1 • HTML- und CSS-Grundlagen

Wiederholt die semantische HTML-Struktur und CSS-Layout-Modelle einschließlich Flexbox und Grid. Diese Fähigkeiten unterstützen jede Frontend-Komponente, die in den folgenden Kapiteln erstellt wird.

Lektion 2 • Versionskontrolle mit Git

Vermittelt Branching, Committing, Merging und Remote-Workflows mit Git. Die Versionskontrolle bildet die Grundlage für jede kollaborative und Deployment-Aufgabe in späteren Kapiteln.

Lektion 3 • Konfiguration der Entwicklungsumgebung

Installiert und konfiguriert Node.js, VS Code, Git und Terminal-Tools. Eine konsistente lokale Umgebung verhindert Tooling-Reibungsverluste während des gesamten Kurses.

Lektion 1 • Arrays, Objekte und Destrukturierung

Vermittelt Array- und Objektmanipulation, Spread-/Rest-Syntax und Destrukturierungsmuster. Diese Muster erscheinen in jeder React-Komponente und jedem Node.js-Modul in späteren Kapiteln.

Lektion 2 • Asynchrones JavaScript

Behandelt den Event Loop, Callbacks, Promises und die async/await-Syntax. Asynchrone Fertigkeiten sind für alle API-Aufrufe und Datenbankoperationen in den Backend-Kapiteln unerlässlich.

Lektion 3 • Variablen, Typen und Operatoren

Behandelt let, const, primitive Typen, Typumwandlung und Operatorpriorität. Beseitigt häufige Fehler, die durch missverstandenes JavaScript-Typverhalten verursacht werden.

Lektion 4 • ES-Module und modernes Tooling

Führt die ES-Modulsyntax, Bundler und Transpiler ein. Die Teilnehmer verstehen, wie moderner JavaScript-Code organisiert und für die Produktionsbereitstellung vorbereitet wird.

Lektion 1 • React-Grundlagen und JSX

Führt das Komponentenmodell von React, die JSX-Syntax und das virtuelle DOM ein. Etabliert das mentale Modell, das für alle nachfolgenden React-State- und Lifecycle-Arbeiten benötigt wird.

Lektion 2 • State-Management mit Hooks

Behandelt useState, useEffect, useRef und benutzerdefinierte Hooks zur Verwaltung von Komponenten-State und Seiteneffekten. Hooks sind der primäre Mechanismus für dynamisches Verhalten in modernem React.

Lektion 3 • React Router und Navigation

Implementiert clientseitiges Routing mit React Router, einschließlich verschachtelter Routen und geschützter Routen. Navigationsmuster sind für jede mehrseitige React-Anwendung erforderlich.

Lektion 4 • Datenabruf und API-Integration

Integriert REST-APIs in React mit fetch, Axios und React Query. Verbindet das Frontend mit Backend-Diensten, die in späteren Kapiteln erstellt werden.

Lektion 1 • npm-Ökosystem und Paketverwaltung

Vermittelt Abhängigkeitsverwaltung, semantische Versionierung und das Veröffentlichen von Paketen. Saubere Paketverwaltung verhindert Sicherheitslücken und Versionskonflikte.

Lektion 2 • Streams und Buffer

Behandelt lesbare, schreibbare und Transform-Streams für effiziente Datenverarbeitung. Stream-Kenntnisse sind entscheidend für Datei-Uploads, Proxys und APIs mit hohem Durchsatz.

Lektion 3 • Node.js-Laufzeitumgebung und Kernmodule

Untersucht den Node.js Event Loop, das Modulsystem und integrierte Module wie fs, path und os. Bietet die Laufzeitgrundlage für den gesamten Backend-Code im Kurs.

Lektion 1 • Authentifizierung und Autorisierung

Implementiert JWT-basierte Authentifizierung und rollenbasierte Zugriffskontrolle in Express. Die Sicherheitsmuster hier werden in jeder geschützten Route der Full-Stack-App wiederverwendet.

Lektion 2 • Eingabevalidierung und Fehlerbehandlung

Implementiert Request-Validierung mit Joi oder Zod und zentralisierte Fehlerbehandlungs-Middleware. Robuste Validierung und Fehlerantworten sind in Produktions-APIs unverzichtbar.

Lektion 3 • API-Tests und Dokumentation

Testet Endpunkte mit Jest und Supertest und dokumentiert die API mit OpenAPI/Swagger. Getestete, dokumentierte APIs sind ein professioneller Standard für die Teamzusammenarbeit.

Lektion 4 • Middleware-Architektur

Erläutert die Middleware-Pipeline, integrierte Middleware und die Integration von Drittanbieter-Middleware. Middleware steuert jeden übergreifenden Aspekt in einer Express-Anwendung.

Lektion 1 • Relationales Datenbankdesign

Behandelt Normalisierung, Entity-Relationship-Modellierung und Primär-/Fremdschlüssel-Constraints. Ein solides Schema-Design verhindert Datenanomalien in Produktionssystemen.

Lektion 2 • ORM mit Prisma oder Sequelize

Bildet Datenbanktabellen mit einem ORM auf JavaScript-Modelle ab und verwaltet Schema-Migrationen. ORMs beschleunigen die Entwicklung und erzwingen Schema-Konsistenz über Umgebungen hinweg.

Lektion 3 • Caching mit Redis

Verwendet Redis für In-Memory-Caching, Sitzungsspeicherung und Ratenbegrenzung. Caching reduziert die Datenbanklast und verbessert die API-Antwortzeiten in der Produktion.

Lektion 4 • NoSQL mit MongoDB und Mongoose

Entwirft Dokumentenschemata, führt CRUD-Operationen aus und verwendet Aggregations-Pipelines in MongoDB. NoSQL-Kenntnisse ergänzen SQL für flexible, dokumentenorientierte Datenanforderungen.

Lektion 1 • Datei-Uploads und Medienverarbeitung

Implementiert mehrteilige Datei-Uploads mit Multer und speichert Assets in Cloud-Objektspeichern. Dateiverarbeitung ist eine erforderliche Funktion in den meisten realen Anwendungen.

Lektion 2 • End-to-End-Feature-Entwicklung

Erstellt ein vollständiges Feature vom Datenbankschema über den API-Endpunkt bis zur React-UI. Integriert alle vorherigen Fähigkeiten in einen einzigen vertikalen Ausschnitt einer Produktionsanwendung.

Lektion 3 • Echtzeitkommunikation mit WebSockets

Erstellt bidirektionale Echtzeitfunktionen mit Socket.IO auf Server- und Client-Seite. Echtzeitfähigkeiten unterscheiden moderne Anwendungen von traditionellen Request-Response-Apps.

Lektion 4 • Server-Sent Events und Polling

Implementiert SSE für einseitigen Server-Push und vergleicht es mit Long Polling. Die Wahl der richtigen Echtzeitstrategie hängt vom Anwendungsfall und den Infrastrukturbeschränkungen ab.

Lektion 1 • Containerisierung mit Docker

Paketiert Node.js- und React-Apps in Docker-Container und orchestriert sie mit Compose. Container gewährleisten Umgebungsparität zwischen Entwicklung und Produktion.

Lektion 2 • Sicherheitshärtung für die Produktion

Wendet HTTPS, Sicherheitsheader, Abhängigkeitsprüfung und Secrets-Management auf Produktions-Deployments an. Die Sicherheitshärtung ist das letzte Tor, bevor eine App echte Benutzer bedient.

Lektion 3 • Logging, Monitoring und Alerting

Implementiert strukturiertes Logging, Metrik-Erfassung und Uptime-Alerting für Produktions-Apps. Observability ermöglicht die schnelle Diagnose von Fehlern, bevor Benutzer erheblich beeinträchtigt werden.

Lektion 4 • Cloud-Deployment-Strategien

Stellt containerisierte Apps mit Managed Services und Infrastructure as Code auf Cloud-Plattformen bereit. Cloud-Deployment-Fähigkeiten sind für jede professionelle Full-Stack-Rolle erforderlich.