Webentwicklung Lernen

Lerne Frontend-webentwicklung mit HTML, CSS und JavaScript im Zusammenspiel – ab Lektion eins. Für alle vom Anfänger bis zum Senior.

WAS DRIN IST

• 41 Kurse, 163 kurze Lektionen: A1–C2

• Live-Code-editor: HTML, CSS und JavaScript nebeneinander; sofortige Vorschau darunter auf dem Handy

• Projektvorlagen für HTML, React, Vue, Angular, Node oder TypeScript

• 20 Schritt-für-Schritt-Projekte: Rezeptseite, Kontaktformular, Kartenraster, Navigationsleiste, Datentabelle und mehr

• 15 Debugging-Missionen mit echten Bugs: defektes 375px-Layout, Bild verschlechtert LCP, Formular blockiert Tab-Navigation, Speicherleck in Komponente, Test lokal erfolgreich, in CI fehlgeschlagen

• Abschlussprüfung und Abschlusszertifikat

• 22 Sprachen

EIN WEG, VOM ANFÄNGER BIS ZUM SENIOR

• Webgrundlagen, HTML, Formulare, semantisches Markup

• CSS-Grundlagen, Variablen, Übergänge, Animationen, Flexbox, Grid

• Responsives Design für alle Bildschirme

• JavaScript, Arrays, Objekte, ES6+, DOM, Browser-APIs, async

• Entwicklertools, Git, Team-Workflow, Module, Build-Tools

• TypeScript: Grundlagen bis fortgeschrittene Muster

• React-Grundlagen, useEffect, Datenabruf, fortgeschrittene Hooks und Muster

• Vue 3, Composition API, fortgeschrittene Muster

• Zustandsverwaltung, REST-APIs, WebSockets, Echtzeit-UI

• Serverseitiges Rendering: Next.js, Nuxt 3; Progressive Web Apps (PWA)

• Barrierefreiheit, Tests, Performance, Sicherheit

• CSS-Architektur, Designsysteme, CI/CD, moderne Tools

ÜBEN, DAS HÄNGEN BLEIBT

• Quiz und Wiederholungen

• Spickzettel: 83 Einträge zu Syntax und Mustern

• 50 beantwortete Bewerbungsfragen für Frontend developer und Webentwickler

• Bibliothek bearbeitbarer Codebeispiele

• Code, Notizen und Lieblingslektionen speichern

• Coding-Challenges: Freunde per Code einladen oder gegen zufällige Gegner antreten

• Weltweite Coding-Challenge: täglich drei globale Runden in JavaScript, Python und weiteren Sprachen

• Streaks, XP, Rangliste, tägliche Erinnerungen

KI-MENTOR

• Frage KI zu Bugs, Konzepten, Fehlern, Lektionen oder deinem Code

• KI-Spielwiese: Seite beschreiben, um Code zu generieren

• Kostenlos: täglich 3 KI-Fragen; Pro: unbegrenzt

FÜR WEN ES IST

• Anfänger, die in die Webentwicklung einsteigen möchten

• Studierende, die begleitend zu einem Kurs in Webentwicklung üben

• Designer, die ihre Entwürfe umsetzen

• HTML/CSS-Entwickler, die JavaScript, TypeScript und Frameworks lernen

• Quereinsteiger, die sich auf ihren ersten Job in der Frontend-Entwicklung vorbereiten

SO FUNKTIONIERT ES

1. Starte kostenlos: Willkommen in der Frontend-Entwicklung

2. Bearbeite einen Codebereich; sieh die aktualisierte Vorschau

3. Lerne JavaScript, responsives Layout, TypeScript, React, Vue

4. Setze angeleitete Projekte um; behebe echte Bugs

5. Bestehe die Abschlussprüfung für dein Zertifikat

KOSTENLOS UND Pro

Kostenlos: erster Kurs, erstes angeleitetes Projekt, zwei Debugging-Missionen, Code-editor, täglich 3 Fragen an den KI-Mentor; enthält Werbung. Pro: alle Kurse, Projekte und Missionen, Zertifikatsprüfung, unbegrenzte KI-Nutzung; entfernt Werbung.