Der Kurs JavaScript Module & Build behandelt die strukturierte Organisation von JavaScript-Code und grundlegende Build-Prozesse in modernen Webprojekten. Teilnehmende lernen, wie Module definiert, importiert und wiederverwendet werden und wie Build-Werkzeuge Skripte bündeln, optimieren und für den Einsatz im Browser vorbereiten. Ziel ist ein sachliches Verständnis von modularer Strukturierung und technischen Schritten im Build-Prozess.
1. Grundlagen - Module in JavaScript2. Strukturierung und Abhängigkeiten3. Build-Prozesse und Bundling4. Anwendung und Projektorganisation1. Grundlagen - Module in JavaScript
- Einführung in Modul-Konzepte und ihre Rolle im Projektaufbau
- Syntax für Import und Export von Funktionen, Objekten und Konstanten
- Unterschiede zwischen Modul- und klassischen Skriptdateien
- Verständnis des Modul-Ladeverhaltens im Browser
2. Strukturierung und Abhängigkeiten
- Aufteilung von Logik in klar abgegrenzte Module
- Verwaltung von Abhängigkeiten zwischen Modulen
- Vermeidung zirkulärer Referenzen und unklarer Zuständigkeiten
- Organisation von Verzeichnissen für größere JavaScript-Projekte
3. Build-Prozesse und Bundling
- Grundidee von Bundling, Minifizierung und Transpiling
- Einbindung grundlegender Build-Tools oder Skripte
- Erzeugung optimierter Ausgabedateien für den Browser
- Umgang mit Quellkarten zur Fehlersuche im gebündelten Code
4. Anwendung und Projektorganisation
- Aufbau eines einfachen Modulprojekts mit Build-Schritt
- Definition von Einstiegspunkten und Ausgabestrukturen
- Trennung von Entwicklungs- und Produktionskonfiguration
- Vorbereitung auf den Einsatz umfangreicher Toolchains