Block- und Inline Container ElementeUnterschied Block- und Inline-ElementenDas <div>-Element (Block-Container)Das <span>-Element (Inline-Container)
Bilder und MedienBilder einfügen <img>Audio einfügen <audio>Video einfügen <video>Einbettungen <iframe>
Semantisches HTMLWarum Semantik wichtig istSemantische Elemente (<header>, <main>, <footer>)SEO-Grundlagen
Selektoren im DetailElement-, Klassen- und ID-SelektorenAttributselektorenInteraktions-PseudoklassenStruktur-Pseudoklassen (:first-child, :last-child, :nth-child(n), etc.)Pseudo-Elemente (::before, ::after)Kombinatoren (>, +, ~)
Farben und HintergründeFarbdefinitionen (RGB, HEX, HSL)Hintergrundbilder und -farbenFarbverläufe (Gradients)Transparenz (opacity, rgba, hsla, ...)Hintergrundgrößen und -positionen
Text und SchriftgestaltungSchriftarten und -größenTextausrichtungTextdekoration (unterstrichener Text etc.)Zeilenhöhe, Buchstabenabstand und Wortabstand
Layout und PositionierungDisplay-Typen (block, inline, inline-block, none)Positionierung (static, relative, absolute, fixed, sticky)Float und Clearz-index
FlexboxFlexbox GrundlagenEigenschaften des Flexbox ContainersEigenschaften der Flex-ItemsFlexbox Responsive
CSS GridEinführung Grid LayoutGrid Layout ContainerGaps im GridGrid Items platzierenGrid AreasCSS Grid Funktionen
JavaScript EinbindenExterne JavaScript-Datei JavaScript direkt im HTML-DokumentInline-JavaScript im HTML-Element
Grundlagen der SpracheVariablen und KonstantenDatentypenOperatorenStringsArrays und Array-FunktionenObjekteBedingungen (if/else, switch)SchleifenFunktionenScope und Hoisting
EventsGrundlagen von EventsDas Event-ObjektMaus-EventsTastatur-EventsFormular-EventsFenster und Dokument-EventsDrag-and-Drop-EventsCSS-Klassen mit Events verändernEvents auf mehreren ElementenEvent Bubbling und Event DelegationEvent Listener verwalten
Elemente im DOM verwaltenWas sind Dynamische Elemente?Neue Elemente in DOM erstellenElemente in das DOM einfügenElemente aus DOM entfernenElemente im DOM ersetzen
Elemente dynamisch verändernInhalte Dynamisch ändernCSS- Klassen dynamisch verwaltenAttribute dynamisch ändernCSS-Eigenschaften per JavaScript ändern
