Du möchtest moderne Webseiten entwickeln und dabei sowohl saubere HTML-Grundstrukturen als auch interaktives Verhalten mit JavaScript beherrschen? In diesem Kurs erarbeitest du dir Schritt für Schritt den gesamten Frontend-Workflow - von den Basics der Webseitenstruktur über visuelles Styling bis hin zu dynamischer Funktionalität und professionellem Deployment.

  • Du lernst
  • HTML semantisch korrekt aufzubauen und um HTML5-Elemente zu erweitern
  • Layouts mit CSS zu gestalten und responsive umzusetzen
  • das Document Object Model (DOM) mit JavaScript zu verändern und Nutzerinteraktionen abzubilden
  • fortgeschrittene JavaScript-Konzepte wie asynchrone Programmierung, Module, OOP und Framework-Einsatz anzuwenden
  • Performance-, Test- und Accessibility-Strategien in Webprojekten zu integrieren
  • Projekte versioniert zu verwalten und sicher zu deployen

Weiterbildungsinhalte

Zeitgemäße Webentwicklung setzt ein solides Verständnis der zugrunde­liegenden Technologien voraus. Der Kurs verbindet theoretische Grundlagen mit praktischen Übungen, um Webanwendungen strukturiert zu planen, umzusetzen und zu warten. Dabei liegt der Fokus auf den Wechselwirkungen zwischen HTML, CSS und JavaScript sowie den Anforderungen an Usability, Barrierefreiheit und Suchmaschinenoptimierung.

Grundlagen der Webentwicklung
  • Werkzeuge, Editoren und Entwicklungsumgebungen
  • Prinzipien von Webdesign, User Experience und Web-Accessibility
  • Überblick zu HTTP, Browser-Rendering und SEO-Grundlagen

HTML-Grundlagen
  • Seitenstruktur, Tags und Attribute
  • Textformatierung, Links, Tabellen und Formulare
  • Semantisches HTML und ARIA-Rollen
  • Neue Elemente und APIs in HTML5

CSS und Responsive Design
  • Selektoren, Box-Modell und Typografie
  • Flexbox, Grid und Positionierung
  • Animationen, Transitions und Microinteractions
  • Medienabfragen und Mobile-First-Strategien

JavaScript-Basics
  • Syntax, Datentypen und Kontrollstrukturen
  • DOM-Manipulation und Event-Handling
  • Formularvalidierung und Fehlerbehandlung
  • AJAX und Fetch API für asynchrone Datenabfragen

Fortgeschrittenes JavaScript
  • Objektorientierung, Prototypen und Klassen
  • Module, Bundler und Build-Prozesse
  • Promises, async/await und Concurrency-Patterns
  • Nutzung von Bibliotheken und Frameworks (z. B. React, Vue) im Überblick
  • Debugging-Tools und Unit-Testing

Best Practices & Deployment
  • Teststrategien, Continuous Integration und Code-Reviews
  • Performance-Optimierung und Caching
  • Barrierefreiheit (WCAG) und semantische Anreicherung
  • Versionskontrolle mit Git und kollaboratives Arbeiten
  • Hosting-Optionen, Deployment-Pipelines und Wartung

Information zu Unterricht und Prüfung

Der Unterricht findet online und auf Deutsch statt. Nach erfolgreichem Abschluss aller Module und einer praxisorientierten Projektarbeit erhältst du ein Zertifikat, das deine erworbenen Kompetenzen in HTML, CSS und JavaScript bestätigt.

Zusätzliche Extras
  • Praxisprojekt mit individuellem Feedback
  • Code-Katas und Live-Coding-Sessions zur Vertiefung
  • GitHub-Portfolio-Aufbau und Bewerbungsunterstützung

Zielgruppe

Der Kurs richtet sich an Berufseinsteiger*innen im digitalen Umfeld, Quereinsteiger*innen aus design- oder medienspezifischen Berufen sowie an Mitarbeitende aus IT-Abteilungen, die ihre Kenntnisse in Frontend-Entwicklung systematisch ausbauen möchten. Grundlegende Computer- und Internetkenntnisse werden vorausgesetzt.