HTML: Die Sprache hinter jeder Webseite
HTML ist das strukturelle Fundament des Webs — jeder Browser-Tab, jede Formularübermittlung und jedes eingebettete Video beginnt mit Markup. Dieser Track baut echte Flüssigkeit in HTML auf – von den Regeln, die ein gültiges Dokument bestimmen, bis hin zu den Browser-APIs und Komponentenmodellen, die in modernen Production-Sites verwendet werden. Das Ziel ist nicht nur, Tags zu schreiben, sondern zu verstehen, warum es jedes Element gibt und was es Browsern, assistiven Technologien und Suchmaschinen signalisiert.
Was Sie lernen werden
Sie beginnen mit Dokumentstruktur, Textinhalten, Links, Bildern und Listen, dann geht es weiter zu Tabellen, Formularen und Formularvalidierungsattributen. Der Track behandelt semantische HTML5-Elemente, das <head> und Metadaten, Audio und Video sowie die Grundlagen der Barrierefreiheit einschließlich ARIA-Rollen und -Attributen. Spätere Kurse behandeln benutzerdefinierte Datenattribute, HTML-Templates, die Canvas- und SVG-Elemente, Web Storage, die Drag-and-Drop-API, SEO und Social-Media-Meta-Tags sowie HTML-E-Mail-Templates. Fortgeschrittene Abschnitte befassen sich mit Shadow DOM, Web Components und benutzerdefinierten Elementen, HTML-Modulen und Import Maps, Progressive Enhancement, Internationalisierung, Sicherheit, History- und Navigation-API, dem Intersection Observer und der Erstellung von HTML für Progressive Web Apps.
Der Lernpfad
Vierzig Kurse führen von A1 über A2 und B1 bis B2 und enden mit einem C1-Capstone zu HTML at Scale. Die A1- und A2-Kurse etablieren die Grundlagen – Dokumentstruktur, semantische Elemente, Formulare und Metadaten. B1 führt in Barrierefreiheit, ARIA, Canvas, SVG und Browser-Speicher ein. B2 ist der größte Block und behandelt Web Components, Shadow DOM, Performance, Sicherheit, Internationalisierung und den Intersection Observer. Der abschließende C1-Kurs, HTML at Scale, behandelt die Muster und Einschränkungen, die wichtig sind, wenn HTML über große Codebasen hinweg geschrieben, getestet und verwaltet wird.
So funktioniert es
Jeder Kurs ist in kurze, praktische Lektionen aufgeteilt, die Sie im integrierten Code-Editor mit Echtzeit-Feedback absolvieren. Ein KI-Tutor ist verfügbar, wann immer Sie feststecken, und Sie machen Fortschritte in Ihrem eigenen Tempo – jede Lektion ist eigenständig, sodass Sie jederzeit zu jedem Thema als Referenz zurückkehren können.