LERNZIELE
- Du wendest HTML und CSS in der Praxis an
- Du erstellst eine HTML-Datei mit Header und Footer
- Du lernst, wie du ein Burger-Icon zu einem X animierst
- Du lernst, wie du mit JavaScript Inhalte ein- und ausblendest
- Du erhältst ein tieferes Verständnis für HTML-Strukturelemente
- Du lernst CSS-Code übersichtlich zu strukturieren
- Du erhältst ein tieferes Verständnis für die wichtigsten CSS-Eigenschaften
- Du passt das Design mit Media Queries an verschiedene Displaygrößen an
- Du setzt CSS-Flexbox in der Praxis ein
INHALT
Du kennst bereits die Grundlagen von HTML und CSS? Dir fehlt aber noch etwas der praktische Bezug? Dann ist dieser Kurs genau richtig für dich. Gemeinsam erstellen wir Lektion für Lektion eine anspruchsvolle Portfolio-Website mit einer seitlichen Navigation und kleinen Animationen. Ich nehme dich dabei an die Hand und erkläre dir jeden wichtigen Schritt.
Du sammelst dabei wichtige Erfahrung mit verschiedenen HTML-Elementen und CSS-Eigenschaften. Wir setzen CSS-Flexbox ein und nutzen Media Queries, um die Website responsive an verschiedene Endgeräte anzupassen. Der Kurs gibt dir die Sicherheit, um im Anschluss selbständig die Website mit eigenen Ideen weiter auszubauen.
ALLE LEKTIONEN IM ÜBERBLICK
SO LERNST DU MIT DIESEM KURS
In den Videokursen der heise academy lernst du IT-Themen anschaulich und verständlich. Du siehst den Experten bei der praktischen Arbeit zu und lässt dir dabei alles genau erklären. Das Wissen ist in kompakte Lerneinheiten unterteilt, sodass du den Kurs Schritt für Schritt durcharbeiten oder gezielt zu Lektionen springen kannst, die dich interessieren. Die persönliche Lernumgebung der heise academy hält viele Funktionen für dich bereit, die dich beim Lernen unterstützen:
- Flexibler Videoplayer mit vielen Steuerungsmöglichkeiten
- Wissensquiz zur Lernkontrolle
- Lernhistorie und Lernfortschritt
- Lesezeichen und Notizen
- Volltextsuche in den Videos
- Übungsmaterial zum Mitmachen
- Responsive Web-App und Videostreaming für alle Endgeräte
TECHNISCHE VORAUSSETZUNGEN
Für diesen Videokurs wird lediglich ein aktueller Browser (mit eingeschalteter JavaScript-Funktionalität) und eine Internetverbindung benötigt.
DEIN EXPERTE
Fabian Hiller ist TypeScript-Experte und Open-Source-Entwickler. Er ist Creator von Valibot (einer modularen, typsicheren Schema-Validierungs-Bibliothek) und Formisch (einer schema-basierten, framework-agnostischen Formular-Bibliothek für React, Solid, Vue, Svelte und mehr) sowie Co-Creator von Standard Schema, einer Spezifikation für interoperable TypeScript-Schema-Bibliotheken. Heute lebt und arbeitet Fabian in New York, wo er als Founding Engineer bei einem Startup tätig ist. Daneben pflegt und entwickelt er seine Open-Source-Projekte weiter, die inzwischen unter dem Dach der Open-Circle-Organisation gebündelt sind.