Code-Challenges für CSS

Dies ist das Repository für den LinkedIn Learning Kurs Code-Challenges für CSS. Den gesamten Kurs finden Sie auf LinkedIn Learning.

Hinter den Code-Challenges stecken kompakte spannende Programmierrätsel auf unterschiedlichen Schwierigkeitsstufen. Die Schwerpunkte der 13 Aufgaben liegen beim geschickten Einsatz von Variablen bzw. Custom Properties für dynamisches CSS und bei den aktuellen Layoutmodulen Grid und Flexbox.

Zu jeder Aufgabe liefert Ihre Trainerin Florence Maurice gleich die passende Lösung, doch können Sie Ihren Lösungsweg auch ganz leicht mitprogrammieren und testen, denn dieser Kurs zeichnet sich durch eine nahtlose Integration in GitHub Codespaces, einer cloudbasierten Entwicklungsumgebung (IDE), aus. Sie müssen keinen lokalen Rechner einrichten und können direkt zu jeder Zeit praktische Übungen durchführen. Die Installation und Aktivierung der Sandbox wird zum Start des Kurses ausführlich dargestellt. Da jede Aufgabe in sich abgeschlossen ist, können Sie den Kurs in beliebiger Reihenfolge und in Ihrem eigenen Tempo absolvieren.

So rätseln Sie mit:

1. Sehen Sie sich im Kurs auf LinkedIn Learning die Aufgabenstellung an
2. Wechseln Sie in den Branch main und öffnen Sie die passenden Datei im Order Challenges

Branches

Dieses Repository hat zwei Branches: main und solutions. Im main-Branch finden Sie alle Übungsdateien im Unterordner test. Diese Übungsdateien enthalten das Grundgerüst, um die Programmierrätsel zu lösen, insbesondere die Tests, die bestanden werden müssen.

Im Branch solutions finden Sie die fertigen Lösungen des Autors Thomas Rose, samt aller Tests aus dem main-Branch.

Installation

Um die Übungsdateien nutzen zu können und selbst mitzucoden, können Sie GitHub Codespaces nutzen oder das Repository klonen und alle Abhängigkeiten selbst installieren.

Codespaces (empfohlen)

Um mitzurätseln und die Aufgaben selbst zu lösen, legen Sie sich einen eigenen Codespace für den Branch main an. Dazu benötigen Sie einen github-Account.

1. Klicken Sie auf den Button Code, dann auf Codespaces und schließlich auf Create codespace on main.

Ohne Codespaces

1. Installieren Sie git
2. Installieren Sie node
3. Klonen Sie das Repository
4. Führen Sie im Terminal npm install aus, um die nötigen Abhängigkeiten zu installieren.

Autor

Florence Maurice

Trainerin und Autorin für Webtehmen

Sehen Sie sich andere Kurse des Autors auf LinkedIn Learning an.