In diesem Modul beschäftigen wir uns eingehend mit den grundlegenden Bausteinen der Webentwicklung – HTML. Sie lernen die Struktur von HTML-Seiten sowie wichtige Tags und Attribute kennen, die die Grundlage jeder Webseite bilden. Am Ende dieses Abschnitts verfügen Sie über das nötige Wissen, um Inhalte effektiv zu strukturieren und mit der Erstellung wohlgeformter HTML-Dokumente zu beginnen.

In diesem Modul behandeln wir die Grundprinzipien von CSS, darunter auch, wie man HTML-Elemente mit verschiedenen Selektoren gestaltet. Von Element-Selektoren bis hin zu Klassen- und ID-Selektoren lernen Sie, wie Sie die Darstellung Ihrer Website optimieren können. Am Ende dieses Abschnitts sind Sie in der Lage, CSS einzusetzen, um das Erscheinungsbild Ihrer Webseiten zu gestalten.

In diesem Modul werden wir uns eingehend mit fortgeschrittenen CSS-Selektoren befassen, die als Kombinatoren bezeichnet werden. Diese Selektoren ermöglichen eine präzisere Gestaltung verschachtelter oder benachbarter Elemente. Sie sammeln praktische Erfahrungen mit Nachkommen-, Kind- und Nachbar-Selektoren, wodurch sich komplexe Layouts mit CSS einfacher gestalten lassen.

In diesem Modul beschäftigen wir uns mit Pseudoklassen und Pseudoelementen – zwei fortgeschrittenen CSS-Konzepten, mit denen Sie Elemente basierend auf dynamischen Benutzerinteraktionen gestalten können. Von Hover-Effekten bis hin zur Erstellung von Inhalten mit ::before und ::after – in diesem Abschnitt erfahren Sie, wie Sie Ihre CSS-Gestaltung auf die nächste Stufe heben können.

In diesem Modul konzentrieren wir uns auf Techniken zur Textformatierung, mit denen Sie die Typografie auf Ihren Webseiten gestalten können. Sie lernen, Schriftarten anzupassen, den Zeilenabstand zu steuern und lesbaren, optisch ansprechenden Text zu erstellen. Am Ende dieses Abschnitts werden Sie über fundierte Kenntnisse zur Textbearbeitung mit CSS verfügen.

In diesem Modul werden wir uns damit befassen, wie man in CSS mit Farben und Farbverläufen arbeitet. Sie lernen die verschiedenen Möglichkeiten kennen, Farben zu definieren, und erfahren, wie Sie mithilfe von Farbverläufen sanfte Übergänge zwischen ihnen erstellen können. Am Ende dieses Abschnitts werden Sie in der Lage sein, lebendige, farbenfrohe Designs für Ihre Webseiten zu erstellen.

In diesem Modul behandeln wir die verschiedenen CSS-Einheiten und wie sie die Abmessungen von Elementen steuern. Von Pixeln bis hin zu prozentbasierten Einheiten – Sie werden verstehen, wann und wie Sie die einzelnen Einheiten für ein responsives und flexibles Webdesign einsetzen.

In diesem Modul werden wir uns mit den grundlegenden CSS-Layouttechniken befassen, die beim Entwerfen von Websites zum Einsatz kommen. Du wirst dich intensiv mit dem CSS-Box-Modell auseinandersetzen und lernen, wie man Floats, Clearfix, Flexbox und Grid-Systeme für moderne Weblayouts implementiert. Am Ende dieses Abschnitts wirst du in der Lage sein, komplexe Webseiten-Designs zu gestalten.

In diesem Modul lernen wir, wie man die CSS-Eigenschaft „transform“ einsetzt, um komplexe Transformationen wie Verschieben, Drehen und Skalieren von Elementen durchzuführen. Sie sammeln praktische Erfahrungen mit interaktiven Effekten und dynamischen Designs mithilfe von CSS-Transformationen.

In diesem Modul beschäftigen wir uns mit CSS-Übergängen und damit, wie Sie damit Änderungen von Eigenschaftswerten animieren können. Sie lernen, die Geschwindigkeit, das Timing und die Verzögerung von Übergängen zu steuern und diese in Verbindung mit Transformationen einzusetzen, um flüssige, optisch ansprechende Web-Interaktionen zu erstellen.

In diesem Modul beschäftigen wir uns eingehend mit CSS-Animationen und konzentrieren uns dabei auf die @keyframes-Regel. Sie lernen, dynamische Animationen zu erstellen und dabei Timing, Wiederholungen und Richtung zu steuern. Am Ende dieses Abschnitts werden Sie in der Lage sein, Animationen einzusetzen, die Ihre Webseiten zum Leben erwecken.

In diesem Modul stellen wir Ihnen SASS vor, einen leistungsstarken CSS-Präprozessor, der die Möglichkeiten von CSS erweitert. Sie lernen, wie Sie SASS in Ihren Projekten einrichten und dessen Funktionen wie Variablen, Verschachtelung und Mixins nutzen, um die Lesbarkeit und Wiederverwendbarkeit Ihres Codes zu verbessern.

In diesem Modul beschäftigen wir uns mit Bootstrap, einem beliebten Frontend-Framework zur Erstellung responsiver Websites. Sie lernen, wie Sie das Rastersystem und die Utility-Klassen von Bootstrap nutzen, um flexible Layouts und interaktive Komponenten wie Schaltflächen, Modal-Fenster und Formulare zu gestalten.

In diesem Modul geben wir Ihnen praktische Aufgaben, bei denen Sie alles, was Sie gelernt haben, anwenden können. Von der Erstellung von Navigationsleisten bis hin zur Gestaltung responsiver Layouts – diese Übungen vermitteln Ihnen die praktischen Erfahrungen, die Sie benötigen, um sich in der Webentwicklung auszuzeichnen.