Webentwicklung
HTML, CSS und Responsive Design
Das CSS Box-Modell verstehen
Verstehe das CSS Box-Modell mit Margin, Padding, Border und Content und lerne, wie Elemente ihren Platz einnehmen.
Animationen & Transitions in CSS
Lerne, wie du sanfte Übergänge mit Transitions und komplexe Animationen mit @keyframes erstellst.
Flexbox meistern
Lerne CSS Flexbox von Grund auf: Flex-Container, Flex-Items, Ausrichtung und praktische Layouts für den Alltag.
Display & Position in CSS
Verstehe die CSS-Eigenschaften display und position und lerne, wie du Elemente präzise auf der Seite platzierst.
Farben & Schriften in CSS
Lerne die verschiedenen Farbformate in CSS kennen, binde Web Fonts ein und gestalte ansprechende Typografie.
Media Queries in CSS
Lerne, wie du mit Media Queries dein Layout an verschiedene Bildschirmgrössen, Gerätetypen und Nutzerpräferenzen anpasst.
Moderne CSS Features 2026
Entdecke die neuesten CSS-Features: Container Queries, Subgrid, Scroll-Animationen, color-mix(), :has() und mehr.
CSS Grid Layout
Lerne CSS Grid von Grund auf: Zeilen und Spalten definieren, Elemente platzieren und komplexe Layouts erstellen.
Layouts in der Praxis
Setze Flexbox und Grid in der Praxis ein: Baue reale Webseiten-Layouts, kombiniere Techniken und lerne bewährte Patterns.
Mobile First Ansatz
Lerne den Mobile First Ansatz kennen: Warum du zuerst für Mobilgeräte designen solltest und wie du es in der Praxis umsetzt.
Pseudo-Klassen & Pseudo-Elemente
Lerne CSS Pseudo-Klassen wie :hover, :focus, :has() und Pseudo-Elemente wie ::before und ::after kennen.
Responsive Design Grundlagen
Verstehe die Grundlagen von Responsive Design: Viewport, relative Einheiten, fluid Layouts und warum es wichtig ist.
Responsive Bilder & Medien
Lerne, wie du Bilder und Medien für alle Bildschirmgrössen optimierst mit srcset, picture, und modernen CSS-Techniken.
CSS Selektoren verstehen
Lerne alle wichtigen CSS-Selektoren kennen: Element-, Klassen-, ID-Selektoren, Kombinatoren und die Spezifität.
CSS Custom Properties (Variablen)
Lerne CSS Custom Properties kennen: Variablen definieren, Themes erstellen und dynamische Styles mit modernem CSS.
Was ist CSS? Webseiten gestalten lernen
Erfahre, was CSS ist, wie es funktioniert und wie du damit deine HTML-Seiten in ansprechende Designs verwandelst.
Barrierefreiheit (Accessibility)
Lerne, wie du Webseiten für alle Menschen zugänglich machst: ARIA-Attribute, Tastaturnavigation und Screenreader-Support.
Bilder & Medien in HTML
Lerne, wie du Bilder, Videos und Audio in deine Webseite einbindest und für verschiedene Geräte optimierst.
Projekt: Blog-Layout erstellen
Baue ein vollständiges Blog-Layout mit HTML und CSS: Artikelseite, Sidebar, Kommentare und responsives Design.
Projekt: Landing Page erstellen
Baue eine professionelle Landing Page mit HTML und CSS - komplett von Grund auf mit Hero-Sektion, Features und Footer.
Projekt: Portfolio-Webseite erstellen
Baue dein persönliches Portfolio mit HTML und CSS: Hero-Bereich, Projekte, Skills, Über-mich-Sektion und Kontaktformular.
Deine erste Webseite erstellen
Erstelle Schritt für Schritt deine erste vollständige HTML-Seite und lerne die grundlegende Struktur kennen.
Formulare erstellen in HTML
Lerne, wie du HTML-Formulare mit Eingabefeldern, Validierung und barrierefreien Labels erstellst.
Links & Navigation in HTML
Lerne, wie du Links erstellst, verschiedene Linktypen verwendest und eine Navigation für deine Webseite baust.
Listen & Tabellen in HTML
Lerne, wie du geordnete und ungeordnete Listen erstellst, Tabellen baust und Daten übersichtlich darstellst.
Semantisches HTML
Lerne, wie du semantische HTML-Elemente richtig einsetzt, um Bedeutung, Barrierefreiheit und SEO zu verbessern.
SEO Grundlagen für HTML
Lerne die wichtigsten HTML-Techniken für Suchmaschinenoptimierung: Meta-Tags, strukturierte Daten und Open Graph.
HTML-Struktur verstehen
Lerne, wie HTML-Dokumente aufgebaut sind, was Block- und Inline-Elemente sind und wie der Browser HTML verarbeitet.
Texte & Überschriften in HTML
Lerne alle wichtigen HTML-Tags für Texte, Überschriften, Zitate und Textformatierung kennen.
Was ist HTML? Die Sprache des Webs verstehen
Erfahre, was HTML ist, warum es das Fundament jeder Webseite bildet und wie du damit deine ersten Inhalte strukturierst.
HTML & CSS: Deine erste Webseite
Baue deine erste Webseite von Grund auf - HTML für die Struktur, CSS für das Design.