HTML & CSS Grundlagen

Dieser Lernpfad führt dich systematisch in die Webentwicklung ein. Du lernst HTML für die Struktur und CSS für das Design von Webseiten kennen. Jedes Modul baut auf dem vorherigen auf und enthält praktische Aufträge, die dich zum selbstständigen Experimentieren anregen.

Am Ende des Lernpfads kannst du komplette, responsive Webseiten erstellen und bist bereit für moderne JavaScript-Frameworks.

lock

Modul 1: Mein erstes HTML-Dokument

Bevorstehend

Lerne die Grundstruktur eines HTML-Dokuments kennen und erstelle deine erste Webseite

lock

Modul 2: Texte strukturieren

Bevorstehend

Lerne, wie du Texte mit Überschriften, Absätzen und Listen richtig strukturierst

lock

Modul 3: Bilder und Links

Bevorstehend

Bringe Leben in deine Webseite mit Bildern und Navigation

lock

Modul 4: Tabellen und Formulare

Bevorstehend

Strukturiere Daten in Tabellen und erstelle interaktive Formulare

lock

Modul 5: Erste CSS-Styles

Bevorstehend

Lerne, wie du mit CSS Farben, Schriften und Grössen anpasst

lock

Modul 6: Das Box Model verstehen

Bevorstehend

Lerne, wie Abstände, Rahmen und Grössen in CSS funktionieren

lock

Modul 7: Layouts mit Flexbox

Bevorstehend

Erstelle flexible, responsive Layouts mit CSS Flexbox

lock

Modul 8: CSS Grid

Bevorstehend

Erstelle komplexe 2D-Layouts mit CSS Grid

lock

Modul 9: Responsive Design

Bevorstehend

Mache deine Webseite auf allen Geräten nutzbar mit Media Queries

lock

Modul 10: HTML & CSS kombiniert

Bevorstehend

Wende alles Gelernte an und baue eine komplette Landing Page

JavaScript Frameworks

Nachdem du HTML und CSS beherrschst, ist es Zeit für den nächsten Schritt: JavaScript-Frameworks!

In dieser Lerneinheit kannst du selbst wählen, welches Framework du lernen möchtest. Alle drei Module haben das gleiche Ziel: Du baust eine 'Meine Lieblingsfilme'-App mit Filter- und Bearbeitungsfunktionen.

Tipp: Svelte ist am einsteigerfreundlichsten, React am verbreitetsten in der Industrie, Vue liegt dazwischen.

Modul 11a: Mit Svelte starten

Bevorstehend

Baue deine erste interaktive App mit Svelte - dem einsteigerfreundlichsten Framework

Modul 11b: Mit Vue.js starten

Bevorstehend

Lerne Vue.js - das progressive Framework für moderne Web-Apps

Modul 11c: Mit React starten

Bevorstehend

Lerne React - das meistgenutzte JavaScript-Framework der Welt