Einführung
  • Willkommen im Kurs
  • Wie du das meiste aus dem Kurs holst
Einrichtung
  • Visual Studio Code Installieren
  • Wichtiger Hinweis!
  • Sprache in Visual Studio Code ändern
HTML Grundlagen
  • Hallo Welt und Dateiendungen
  • Grundgerüst einer HTML Datei
  • Kommentare
  • HTML Unterlagen
  • Was passiert wenn man eine Seite besucht
  • Woraus besteht Webentwicklung
  • Installieren der Live Server Extension
  • Überschriften in HTML
  • Absätze und Zeilenumbrüche
  • Quiz 1
  • Links in HTML
  • Bilder
  • Übung 1 Text
  • Übung 1
  • Ungeordnete und geordnete Liste
  • Quiz 2
  • Das Lang Attribut
  • Text formatieren in HTML
  • Verwendung von Symbolen
  • Übung 2 Text
  • Übung 2
  • UTF - 8 und seine Geschichte
  • UTF-8 und die Auswirkung auf HTML
  • Formulare
  • Formulare mit Radiobuttons
  • Weitere Input Typen
  • Quiz 3
  • Input Attribute
  • Übung 3 Text
  • Übung 3
CSS Grundlagen
  • Was ist CSS
  • CSS Unterlagen
  • Unser erstes Style - Inline CSS
  • Internes Style Sheet
  • Kommentieren in CSS
  • Das Div Tag
  • Quiz 4
  • Farbenlehre
  • CSS Übung 1 Text
  • CSS Übung 1
  • Links stylen
  • Fonts
  • ID Selektor
  • Class Selektor
  • CSS Übung 2 Text
  • CSS Übung 2
  • Quiz 5
  • Selektoren gruppieren
  • Selektoren erweitert
  • Hintergrundfarbe und - bild ändern
  • Margin, Padding, Border
  • Listen stylen
  • Tabellen stylen
  • CSS Übung 3 Text
  • CSS Übung 3
  • Position
  • Float
  • Display
  • Allign
  • Pseudoklassen
  • Quiz 6
  • Formulare stylen
  • CSS Übung 4 Text
  • CSS Übung 4
  • Overflow
Projekt HTML und CSS
  • Unterlagen für unser erstes HTML & CSS-Projekt
  • Worum geht es in diesem Abschnitt
  • Projektstart
  • Container mittig platzieren
  • Bild einbinden und display block
  • Bild verschönern (box-shadow)
  • Text- vs. Box-Shadow
  • externe Schriftart laden
  • Etwas Feinschliff
  • Weitere Unterseiten einbauen und Projekt abschließen
Expertenwissen: CSS (Teil 1)
  • Unterlagen für das Expertenwissen CSS (Teil 1)
  • Animationen in CSS
  • Animationen in CSS (Teil 2)
  • Position: absolute vs. relative
  • Farbverläufe: Linear-Gradient
  • Projekt: Position und Gradient (inkl. Aufgabe)
  • Projekt: Position und Gradient (Musterlösung)
  • Expertenwissen (optional): vw vs. vh
Expertenwissen CSS (Teil 2)
  • Unterlagen für das Expertenwissen CSS (Teil 2)
  • Expertenwissen Gradients
  • Pseudoselectors in CSS
  • Pseudoelemente
  • Exkurs: Font-Awesome