HTML Lernen - Coding Kurs

Lerne HTML Schritt für Schritt und erstelle echte Webseiten auf deinem Smartphone. Beginne mit deinem ersten Tag, lerne anschließend Formulare, Tabellen und semantisches HTML5 kennen und schließe mit Barrierefreiheit, Webkomponenten und HTML im großen Maßstab ab. Schreibe HTML-Code im Editor und beobachte in der Vorschau, wie die Seite live dargestellt wird.

Dieses HTML-Tutorial ist für Anfänger konzipiert und begleitet dich, während du dich weiterentwickelst. Jeder Kurs behandelt ein Thema, jede Lektion ist kurz und der Editor ist immer nur einen Fingertipp entfernt, damit du jedes neue Tag direkt nach dem Lesen üben kannst.

INHALT

• 40 Kurse und 159 kurze Lektionen, von Anfänger (A1) bis Fortgeschritten (C1)

• Ein Live-HTML-Editor mit sofortiger Vorschau: Schreibe dein Markup, füge CSS- und JavaScript-Dateien hinzu und beobachte, wie deine Website Gestalt annimmt

• 20 geführte Projekte, Schritt für Schritt: eine Rezeptbox-Seite, ein Kontaktformular, eine Fotogalerie, eine Navigationsleiste, eine barrierefreie Preistabelle und mehr

• 20 Debugging-Missionen: ein Registrierungsformular, das nichts versendet, ein Label, das niemand antippen kann, eine Seite, die verkleinert geladen wird

• Eine Abschlussprüfung und ein Abschlusszertifikat

• Die App ist in 22 Sprachen verfügbar

EIN KOMPLETTER KURS, VON ANFÄNGER BIS FORTGESCHRITTEN

• Dokumentstruktur, Text, Links, Bilder, Abbildungen und Listen

• Tabellen, Attribute und globale Attribute

• Formulare: grundlegende Eingabefelder, erweiterte Steuerelemente und Validierungsattribute

• Semantische HTML5-Elemente, der head-Bereich und Metadaten, Audio und Video

• Grundlagen der Barrierefreiheit, ARIA-Rollen und fortgeschrittene ARIA-Muster

• Datenattribute, Templates, Canvas, SVG und Iframes

• Webspeicher, Drag-and-drop, SEO und soziale Meta-Tags, E-Mail-Templates

• Performance, Webkomponenten, Shadow DOM, Import Maps und progressive Verbesserung

• Internationalisierung, Sicherheit, die History and Navigation API, Intersection Observer

• Markup für PWAs, Validierung und Tests sowie die nächsten Entwicklungen der Webplattform

NACHHALTIGES ÜBEN

• HTML-Quizze, um dein Wissen zu überprüfen

• Ein Spickzettel mit 80 Einträgen zu HTML-Tags, -Elementen und -Attributen

• 50 Interviewfragen mit klaren Antworten, nützlich vor einem Vorstellungsgespräch als Webentwickler

• Eine Codebibliothek mit kurzen Beispielen, die du öffnen und bearbeiten kannst

• Speichere deinen eigenen Code, Notizen und Lieblingslektionen

• Fordere einen Freund mit einem Code heraus oder spiele gegen einen zufälligen Gegner

• World Coding Challenge: drei globale Runden pro Tag, gelöst in Python, JavaScript und anderen Sprachen

• Serien, XP, eine Bestenliste und tägliche Erinnerungen, damit du weiter übst

AI-MENTOR

• Du kommst bei einem Tag oder Fehler nicht weiter? Frage den AI-Mentor zu einem Konzept oder deinem eigenen Code

• Kostenlose Nutzer erhalten ein tägliches AI-Kontingent; mit Pro ist es unbegrenzt

KOSTENLOS UND PRO

Der erste Kurs, das erste geführte Projekt, zwei Missionen und der Live-Editor sind kostenlos, mit einem täglichen AI-Kontingent. Pro schaltet alle Kurse, alle Projekte und Missionen, die Zertifikatsprüfung und unbegrenzte AI frei und entfernt Werbung.

Beginne noch heute, lerne HTML in deinem eigenen Tempo und erstelle deine erste Webseite in wenigen Minuten.