Einführung in die Arbeit mit Build Tools für JavaScript

Passt der Kurs zu dir?

1. 1
   Grundkenntnisse in HTML und CSS, weil JavaScript genau diese Seitenelemente liest und verändert.
2. 2
   Ein Rechner mit aktuellem Browser, Node.js und einem Code-Editor wie Visual Studio Code, auf dem du Pakete aus der npm-Registry installieren darfst.
3. 3
   Englisch zum Lesen der Framework-Dokumentation von React, Angular oder Vue, die du nach dem Kurs selbst weiterverfolgst.

Das lernst du

1. 1
   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.
2. 2
   Du lernst, wie Build Tools in den Gesamtprozess der Webentwicklung integriert sind.
3. 3
   Du setzt JavaScript ein - vom DOM-Handling bis zur asynchronen Programmierung.
4. 4
   Du verwaltest Quellcode mit Git und organisierst Branches für Team-Workflows.
5. 5
   Du automatisierst Aufgaben wie Testing, Linting, Bundling und Deployment.
6. 6
   Du setzt Best Practices zu Performance, Barrierefreiheit und Sicherheit um.
7. 7
   Kursinhalte
8. 8

   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.

1. 1

   Lichtenstein

   Blended Learning · Vollzeit · 1–3 Monate · 1.000–5.000 €

2. 2

   Potsdam

   Blended Learning · Vollzeit · 1–3 Monate · 1.000–5.000 €

3. 3

   Offenbach am Main

   Blended Learning · Vollzeit · 1–3 Monate · 1.000–5.000 €

4. 4

   Berlin

   Blended Learning · Vollzeit · 1–3 Monate · 1.000–5.000 €

5. 5

   Regensburg

   Blended Learning · Vollzeit · 1–3 Monate · 1.000–5.000 €

Förderwege

Wer deinen Kurs zahlt

Was dir die Qualifikation beruflich bringt

1. 1

   Interaktive Oberflächen bauen

   Mit React, Angular oder Vue zerlegst du eine Oberfläche in Komponenten, die Daten anzeigen und auf Eingaben reagieren. So entstehen Buchungsmasken, Dashboards oder Shopseiten, die sich ohne Neuladen aktualisieren. Beispiel: Du baust ein Formular, das freie Termine einer Praxis live über eine Schnittstelle lädt.

2. 2

   Server und Schnittstellen mit Node.js

   Mit Node.js schreibst du Server und Schnittstellen in derselben Sprache wie das Frontend und tauschst Daten im JSON-Format aus. Die Kurse mit Docker Compose zeigen, wie du Anwendung und Datenbank gemeinsam startest. Beispiel: Du entwickelst eine kleine API, die Bestellungen entgegennimmt und in einer Datenbank ablegt.

3. 3

   Apps für Smartphones

   Ionic mit Angular und React Native übertragen dein Webwissen auf Apps für Android und iOS aus einer gemeinsamen Codebasis. Die Kurse zu TypeScript für mobile Anwendungen vertiefen diesen plattformübergreifenden Ansatz. Beispiel: Du baust für einen Sportverein eine App, mit der Mitglieder Hallenzeiten buchen.

Themen