Programming in HTML5 with JavaScript and CSS3 — Web-Frontend-Grundlagen

Dieser Kurs bietet eine praxisorientierte Einführung in die drei Kerntechnologien der modernen Webentwicklung: HTML5, CSS3 und JavaScript. Teilnehmende erwerben das Wissen und die praktischen Fähigkeiten, um vollständige, interaktive Webseiten und -anwendungen zu erstellen. Der Kurs richtet sich an Personen, die in die Webentwicklung einsteigen oder ihre Grundlagenkenntnisse systematisch ausbauen möchten, und bildet den Einstiegspunkt in weiterführende Schulungspfade für Webanwendungen und Windows Store-Apps. Alle Übungen werden mit Visual Studio 2017 unter Windows 10 durchgeführt.

Der erste Themenblock legt das Fundament mit HTML5 und CSS3. Teilnehmende lernen den Aufbau moderner HTML5-Dokumente kennen, nutzen semantische Elemente und gestalten Seiten mit CSS3. Dabei werden sowohl Layout-Techniken (Flexbox, Grid) als auch Responsivität für verschiedene Bildschirmgrößen behandelt.

• Struktur eines HTML5-Dokuments und semantische Elemente
• CSS3-Grundlagen: Selektoren, Box-Modell, Farben, Schriften
• Flexbox und Grid für modernes Seiten-Layout
• Media Queries für responsives Webdesign
• CSS3-Animationen und Übergänge

Im zweiten Block steht JavaScript als Programmiersprache für das Web im Mittelpunkt. Teilnehmende erlernen die Grundlagen der Programmierlogik — Variablen, Datentypen, Schleifen, Verzweigungen und Funktionen — und wenden sie direkt in HTML5-Seiten an. Moderner JavaScript-Code (ES6+) wird eingeführt, und der Einsatz von Babel zur Browser-Kompatibilität wird erläutert.

• JavaScript-Grundlagen: Variablen, Datentypen, Operatoren
• Kontrollstrukturen: Schleifen, Bedingungen, Ausnahmebehandlung
• Funktionen, Closures und Scope-Konzepte
• ES6+-Syntax: Arrow Functions, Template Literals, Destructuring
• Babel-Transpilierung für browserübergreifende Kompatibilität

Der dritte Block behandelt HTML5-Formulare und Datenkommunikation. Die Erfassung und Validierung von Benutzereingaben ist ein zentrales Element jeder Webanwendung. Teilnehmende lernen, wie Formulare mit HTML5-Attributen und JavaScript-Code robust validiert werden und wie die Kommunikation mit Server-APIs über XMLHTTPRequest und die moderne Fetch-API funktioniert.

• HTML5-Formulare: Eingabetypen, Pflichtfelder, Validierungsattribute
• JavaScript-basierte Client-seitige Formularvalidierung
• XMLHTTPRequest: Aufbau asynchroner Server-Anfragen
• Fetch-API: Moderne Alternative für HTTP-Kommunikation
• JSON-Daten verarbeiten und in Webseiten einbinden

Der vierte Block erkundet fortgeschrittene HTML5-APIs und Performance-Themen. Offline-fähige Anwendungen, Canvas-Grafik, Web Sockets und Web Workers ermöglichen leistungsstarke Nutzererlebnisse, die über einfache HTML-Seiten weit hinausgehen. Auch die Bündelung mit WebPack für den Produktionseinsatz wird vermittelt.

• Service Worker und Cache API für Offline-Funktionalität
• Canvas-Elemente für programmatische Grafiken
• Skalierbare Vektorgrafiken (SVG) in Webseiten
• Web Sockets für Echtzeit-Datenkommunikation
• Web Workers für parallele Hintergrundprozesse
• WebPack: Konfiguration und Optimierung für die Produktion

Praxisblock (Übungseinheiten und Laborprojekte) Alle Übungsszenarien sind darauf ausgerichtet, realistische Webanwendungsszenarien nachzubilden und die erlernten Techniken direkt anzuwenden. Teilnehmende bauen im Verlauf des Kurses verschiedene Arten von Webanwendungen auf.

• Aufbau einer vollständigen Webseite mit HTML5 und CSS3 von Grund auf
• Implementierung eines responsiven Layouts mit Media Queries und Flexbox
• Erstellung eines interaktiven Formulars mit HTML5-Validierung
• Anbindung einer öffentlichen REST-API mit der Fetch-API
• Aufbau einer einfachen Single-Page-Anwendung mit JavaScript
• Integration von Canvas für eine animierte Grafikkomponente
• Implementierung einer Web-Socket-Verbindung für Live-Updates
• Einrichtung eines Web Workers für eine rechenintensive Hintergrundaufgabe
• Offline-Erweiterung einer bestehenden Webanwendung mit Service Worker
• Konfiguration eines WebPack-Builds für den Produktionseinsatz
• Code-Review und Refactoring des eigenen Anwendungscodes
• Abschlusspräsentation einer vollständig entwickelten Mini-Anwendung

Die abschließende Phase des Kurses gibt Raum für die Reflexion und den Transfer des Erlernten. Teilnehmende bewerten ihre eigenen Projekte kritisch, diskutieren Verbesserungsmöglichkeiten und skizzieren nächste Lernschritte. Das persönliche Beratungsangebot unterstützt dabei, einen konkreten Weiterentwicklungsplan für die eigene Karriere in der Webentwicklung zu erstellen und die für das eigene Ziel relevanten Anschlussqualifikationen zu identifizieren.

Der Kurs richtet sich an Einsteiger in die Webentwicklung sowie an Personen mit vereinzelten Vorkenntnissen, die ihre Fähigkeiten systematisch ausbauen möchten. Programmiererfahrung ist hilfreich, aber nicht zwingend notwendig.

• Personen ohne oder mit wenig Vorkenntnissen in der Webentwicklung
• Quereinsteiger aus kaufmännischen oder gestalterischen Berufen
• Entwickler mit Kenntnissen in anderen Sprachen, die ins Web-Frontend einsteigen wollen
• Studierende und Auszubildende im IT-Bereich, die praktische Web-Grundlagen erwerben möchten
• IT-Fachkräfte, die eine Microsoft-nahe Zertifizierung im Web-Bereich anstreben

Der Kurs wird überwiegend im Combined-Learning-Format durchgeführt und verbindet Live-Online- oder Präsenzphasen mit angeleiteten Selbstlerneinheiten. Im Mittelpunkt stehen praktische Laboraufgaben, die systematisch von einfachen HTML-Seiten zu vollständigen, interaktiven Webanwendungen führen. Lehrergeführte Demonstrationen, Code-Reviews im Kursverband und regelmäßige Feedbackgespräche unterstützen den Lernfortschritt. Der Kurs verwendet Visual Studio 2017 unter Windows 10 als Entwicklungsumgebung.

Die Kursdauer liegt üblicherweise zwischen zwei Wochen und drei Monaten, abhängig vom Lernformat und der Intensität. Vollzeitvarianten ermöglichen einen schnellen, konzentrierten Abschluss, während Teilzeitoptionen die Parallelführung mit beruflichen Verpflichtungen erlauben. Der genaue Kursplan wird im persönlichen Beratungsgespräch festgelegt.

Nach Abschluss erhalten Teilnehmende ein international anerkanntes Herstellerzertifikat sowie ein Lehrgangszertifikat von New Horizons. Das Herstellerzertifikat belegt die erworbenen Kernkompetenzen in HTML5, CSS3 und JavaScript und ist in der Webentwicklungsbranche ein anerkannter Qualifikationsnachweis.

HTML5, CSS3 und JavaScript sind die unverzichtbaren Grundlagentechnologien des modernen Webs. Wer diese drei Kernkompetenzen beherrscht, verfügt über die Basis für nahezu jede Karriere in der Webentwicklung — von Frontend über Full-Stack bis hin zu spezialisierten App-Entwicklungsrollen. Der Kurs vermittelt nicht nur isolierte Syntax-Kenntnisse, sondern ein tiefes Verständnis dafür, wie Webanwendungen konzipiert, strukturiert und optimiert werden. Dieses Grundlagenwissen ist zeitlos und bildet die Grundlage für den souveränen Einsatz beliebiger JavaScript-Frameworks wie React, Angular oder Vue.js. Der praxisorientierte Aufbau mit realen Laborszenarien stellt sicher, dass das Gelernte direkt anwendbar ist. Teilnehmende verlassen den Kurs nicht nur mit theoretischem Wissen, sondern mit konkreten Projektergebnissen, die sie im Portfolio oder im Bewerbungsgespräch vorzeigen können. Die Breite der behandelten Technologien — von Offline-APIs über Web Sockets bis zu WebPack — vermittelt ein vollständiges Bild des heutigen Web-Entwicklungs-Ökosystems und bereitet optimal auf weiterführende Qualifikationen vor. Für Teilnehmende, die Fördermöglichkeiten nutzen möchten, bestehen bei AZAV-zertifizierten Trägern gute Voraussetzungen für eine Finanzierung über Bildungsgutscheine der Agentur für Arbeit oder des Jobcenters. Auch das Qualifizierungschancengesetz, die Berufsförderung der Bundeswehr, Leistungen zur Rehabilitation und Förderungen der Deutschen Rentenversicherung kommen je nach individueller Situation in Betracht. Im Beratungsgespräch vor Kursbeginn werden die in Frage kommenden Förderwege gemeinsam ermittelt und der passende Ansatz gefunden.