Die moderne Webentwicklung erfordert automatisierte Prozesse, klare Strukturen und wiederholbare Abläufe. Build Tools für JavaScript unterstützen dabei, Quellcode zu bündeln, zu testen, zu optimieren und auszuliefern. In diesem Kurs wird Schritt für Schritt das notwendige Hintergrundwissen vermittelt - von den Grundlagen der Webentwicklung bis hin zum effizienten Einsatz von Automatisierungs- und Build-Werkzeugen.
- Du lernst, wie Build Tools in den Gesamtprozess der Webentwicklung integriert sind.
- Du setzt JavaScript ein - vom DOM-Handling bis zur asynchronen Programmierung.
- Du verwaltest Quellcode mit Git und organisierst Branches für Team-Workflows.
- Du automatisierst Aufgaben wie Testing, Linting, Bundling und Deployment.
- Du setzt Best Practices zu Performance, Barrierefreiheit und Sicherheit um.
Kursinhalte
Ein detaillierter Überblick über alle Themenblöcke, die im Unterricht behandelt werden:
Grundlagen der Webentwicklung- Web-Architektur, Client-Server-Modell und HTTP
- Entwicklungsumgebungen, Editoren und Browser-Tools
- Einführung in Webdesign, User Experience und Web-Zugänglichkeit
- Einfluss von SEO auf Front-End-Strukturen
JavaScript Basiswissen
- Syntax, Datentypen und Kontrollstrukturen
- DOM-Manipulation und Ereignisbehandlung
- Formularverarbeitung und AJAX-Kommunikation
- Fehlerbehandlung und Debugging mit Browser-Tools
Fortgeschrittene JavaScript-Techniken
- Objektorientierte Programmierung und Modularität
- Asynchrone Muster: Callbacks, Promises, async/await
- Einsatz von Bibliotheken und Frameworks im Build-Prozess
- Performance-Analyse und Code-Optimierung
Versionskontrolle mit Git
- Grundkommandos: init, clone, commit, push
- Branching- und Merging-Strategien für Teams
- Arbeit mit Remotes und Pull Requests
- Tagging, Releases und Zusammenarbeit mit CI-Systemen
Automatisierung & Build Tools
- Aufgaben-Automatisierung mit NPM-Scripts, Gulp oder Grunt
- Modul-Bundling mit Webpack, Rollup oder Vite
- Asset-Optimierung: Minifizierung, Tree-Shaking, Code-Splitting
- Continuous Integration und automatisiertes Deployment
Best Practices in der Webentwicklung
- Unit-, Integration- und End-to-End-Tests einbinden
- Performance-Monitoring und Ladezeiten verbessern
- Barrierefreiheit gemäß WCAG berücksichtigen
- Wartung, Versionsmanagement und Dokumentation
Softwarearchitektur & Sicherheit
- Schichtenmodelle und komponentenbasierte Architektur
- Datenmodelle und API-Design
- Sicherheitskonzepte: Authentifizierung, Autorisierung, OWASP Top 10
- Datenschutzanforderungen in Build-Pipelines
Information zu Unterricht und Zertifikat
Der Unterricht findet online und in deutscher Sprache statt. Er kombiniert Live-Sessions mit praxisorientierten Übungen und betreuten Projekten. Nach bestandener Abschlussaufgabe erhalten Teilnehmende ein Zertifikat, das die erworbenen Kompetenzen bescheinigt.
Zusätzliche Extras- Praxisprojekt mit eigenem Repository
- Feedback-Runden zu Code-Qualität
- Zugriff auf Beispielkonfigurationen und Cheat-Sheets
- Optionales Bewerbungs- und Portfolio-Coaching
Zielgruppe
Der Kurs richtet sich an Entwickler*innen, Quereinsteiger*innen und Webdesigner*innen, die ihre JavaScript-Kenntnisse vertiefen und Build-Tools sicher einsetzen möchten. Grundlegende Erfahrung in HTML und CSS ist hilfreich, jedoch nicht zwingend erforderlich.