Welcome to Your Web Development Classroom

Lerne die Grundlagen moderner Webentwicklung – von HTML & CSS bis hin zu JavaScript, TypeScript und Git. 5 Tage, 5 Themen, 5 Mini-Projekte.

📑 Kursfolien

Tag 1: Basics & Tooling

HTML-Grundlagen, Struktur und erste Website.

View Slides

Tag 2: Building Blocks

CSS-Regeln, Analyse von Layouts, Kontrollfluss in JS.

View Slides

Tag 3: Power of JS Objects

Operatoren, Objekte, Arrays & Funktionen.

View Slides

Tag 4: Secure World with TypeScript

JS verstehen, TS einsetzen & sinnvoll kommentieren.

View Slides

Tag 5: Recap & Outlook (Angular + Git)

Versionskontrolle mit Git und Teamarbeit via Merge Requests.

View Slides

🧩 Mini-Projekte

Mini-Projekt 1: My First Website

Erstelle eine einfache HTML-Seite mit Text, Bild und Link.

Open Repo

Mini-Projekt 2: Style Your Page

Nutze CSS, um Farben, Abstände und Schriftarten zu gestalten.

Open Repo

Mini-Projekt 3: JavaScript Logic

Erstelle ein JS-Programm mit Objekten, Arrays & Funktionen.

Open Repo

Mini-Projekt 4: TypeScript Challenge

Entwickle ein TypeScript-Programm mit Datentypen und Kommentaren.

Open Repo

Mini-Projekt 5: Git Collaboration

Arbeite im Team mit Branches, Commits und Merge Requests.

Open Repo

📚 Weiterführendes

Cheat Sheets

Kurzübersichten zu HTML, CSS, JS und Git.

Open

Toolbox

Hilfreiche Online-Tools: Playground, Validatoren & Farbwähler.

Explore

Next Steps: Angular

Lerne, wie du deine Kenntnisse mit Angular weiter ausbauen kannst.

Learn More

🎓 Student Access

Gib deinen Zugangscode ein, um auf zusätzliche Kursmaterialien, Lösungen und Bonusübungen zuzugreifen.