JavaScript für Fortgeschrittene

Diese Agenda ist auch Bestandteil (1.-3. Tag) des Kurses

• Einstieg und JavaScript-Grundlagen
  
  • Individuelle Lernziele und Erwartungen klären
  • Datentypen, Operatoren, Typumwandlung und Gleichheit
  • Gültigkeitsbereiche mit let und const, Kontext mit this, Closures
  • Hoisting verstehen, IIFEs im Bestandscode erkennen
  • JavaScript-Engines, Call Stack und Speicherverwaltung
  
  
• Projekt-Setup und Browser-Debugging
  
  • Projektinitialisierung, Abhängigkeiten und Skripte mit npm
  • Entwicklungsserver mit Vite, TypeScript im Überblick
  • Chrome und Firefox DevTools mit Breakpoints, Call Stack und Watch-Ausdrücken
  • Konsole und Netzwerkanfragen untersuchen
  • Laufzeit und Speicherverbrauch mit Profilern und Heap Snapshots analysieren
  
  
• Moderne Sprachmittel und Datenverarbeitung
  
  • Arrow Functions, Destructuring, Spread, Rest und Template Literals
  • Optional Chaining, Nullish Coalescing und logische Zuweisungen
  • Standardparameter, Kurzschreibweisen und berechnete Eigenschaftsnamen
  • Neuerungen der jährlichen ECMAScript-Editionen einordnen
  • Arrays mit map, filter, reduce, flatMap, at und toSorted verarbeiten
  • Objekte mit Object.entries, Object.fromEntries und Object.groupBy verarbeiten
  • Map, Set, neue Set-Methoden und WeakMap
  • Flache und tiefe Kopien, structuredClone und Object.freeze
  
  
• Iteratoren und Generatoren
  
  • Symbols, Iterator-Protokoll und for...of
  • Generatorfunktionen und Iterator Helpers
  
  
• Objektorientiertes JavaScript und Metaprogrammierung
  
  • Prototypen und Prototypenkette
  • Klassen mit Konstruktoren, Methoden, Gettern, Settern und statischen Membern
  • Private Felder und Kapselung
  • Vererbung und Komposition im Vergleich, Method-Chaining
  • Well-known Symbols, Proxy und Reflect für Validierung und Beobachtung von Zugriffen
  • WeakRef und Speicherverwaltung
  
  
• Module und Anwendungsaufbau
  
  • ES-Module mit import, export, Default Exports und Named Exports
  • Dynamisches import() und Lazy Loading
  • Produktionsbuild und Bundling mit Vite
  • Verzeichnisstruktur, Schichten und Abhängigkeiten größerer Anwendungen
  • Web Components mit Custom Elements, Shadow DOM, Templates und Slots
  
  
• Asynchrones JavaScript und Fehlerbehandlung
  
  • Event Loop, Microtasks und Macrotasks
  • Promises verketten und mit all, allSettled, any und race kombinieren
  • async und await einsetzen, Top-Level await
  • Fetch API und Abbruch von Anfragen mit AbortController
  • Asynchrone Iteratoren mit for await...of, Streams und Web Worker im Überblick
  • try/catch/finally, eigene Fehlerklassen und Fehlerursachen mit cause
  • Fehler in asynchronem Code und globale Fehlerbehandlung
  
  
• Entwurfsmuster in JavaScript
  
  • Factory Pattern, Module Pattern und Singleton
  • Observer Pattern und Ereignisse mit EventTarget und CustomEvent
  • Strategy und Decorator im Überblick