HTML, CSS, JavaScript - kompakt inkl. Einsatz von KI-Tools

Seminarziel

Sie können moderne Webseiten von Grund auf selbst entwickeln.

Im Laufe des 3-tägigen praktischen Seminars und Workshops lernen Sie, mit den 3 Sprachen HTML, Cascading Stylesheets und JavaScript Struktur, Inhalte, deren Aussehen und Verhalten sowie komplexe Client-Server-Kommunikation (Daten- und Statusaustausch) umzusetzen. 

Sie entwickeln ein responsives Layout, entwerfen ein einfaches Formular und lernen, wie Sie Programmlogik und die Kommunikation mit Servern umsetzen. 
Sie beherrschen die Grundlagen von HTML5 und verstehen welche Aufgaben mit welchen Sprachelementen gelöst werden können. 

Sie verstehen das Zusammenspiel und haben einen Ansatz für eine professionelle Architektur. Sie verstehen und beherrschen HTML und Barrierefreiheit, CSS und den Aufbau von UI-Komponenten und schreiben einfache DOM-Programme zum Abfragen, Verändern der Oberfläche und für die Kommunikation und den Datenaustausch mit Servern. 

Inhalt

• HTML 5 
  • Wichtige HTML5-Elemente 
  • Semantik und Verwendung 
  • Das Document Object Model (DOM) 
  • Aufbau von Seitentemplates 
  • HTML für Content und andere Inhalte
  • HTML für Barrierefreiheit 
  • Semantik, Roles und ARIA Attribute 
  • Grundlagen für den Aufbau einer HTML Komponenten Bibliothek 
• CSS 3 + 4 
  • Grundlagen in der Anwendung von CSS3 
  • Selektoren und Gewichtungen, Media Queries 
  • Architektur komplexer CSS-Themen 
  • Klassen, Pseudoklassen 
  • Styles für responsive Layouts: Flexbox, Grid 
  • Styles für Typografie und Schriften 
  • Icons und grafische Elemente 
  • Aufbau von Komponenten-Styles 
  • Styles für Themes 
  • Variablen und Funktionen 
• Tipps und Tools für HTML und CSS 
• Javascript (ECMAScript 6+) 
  • Sprachüberblick ES6+ 
  • Programmablaufsteuerung 
  • Eventlistener, Eventhandler 
  • Funktionen und arrow functions 
  • DOM Manipulationen 
  • Content laden mit AJAX, fetch, JSON 
  • Asyncrones Verhalten 
  • fetch, Promises, async 
• Praktische Unterstützung durch KI
  • Überblick über gängige KI-Tools (z. B. Windsurf)
  • Code-Erstellung mit Copilot Web
  • Autovervollständigung & kommentarbasiertes Coding
  • Prompting für Code & Fehlersuche
  • Unterstützung bei Dokumentation & Refactoring