Der Weg, der vor dir liegt
So funktioniert das Web: Eine Website ist eine Menge von Dateien, mit dem Inhalt in HTML, dem Aussehen in CSS und dem Verhalten in JavaScript. Die Dateien liegen auf einem Server, und der Browser lädt sie über ihre URL herunter und macht daraus die Seite, die du siehst.
Bisher hast du nur fertige Seiten verändert. Jetzt lernst du, sie selbst zu schreiben, Schritt für Schritt. So sieht der Weg aus:
- HTML. Du beginnst ganz von vorn und lernst, Seiten mit Überschriften, Listen, Links, Bildern, Tabellen und Formularen zu schreiben.
- CSS. Farben, Schriften, Abstände und Layouts in Zeilen, Spalten und Rastern.
- Projekt: die Kino-Website. Mit beiden Sprachen baust du die Website des Kinos Sternenlicht, eines kleinen alten Kinos: eine Startseite mit den Filmen dieser Woche und den Ticketpreisen und eine Seite mit dem Programm.
- Online stellen. Du lädst die Website des Kinos auf einen Server, und sie bekommt eine eigene Adresse, die du an jeden schicken kannst.
- JavaScript. Du lernst zu programmieren und Seiten auf Klicks und Formulare reagieren und Daten laden zu lassen.
- Projekt: das Programm des Kinos. Die Programmseite wird lebendig: Besucher wählen einen Tag, suchen ihre Plätze aus und buchen Tickets.
- Tailwind CSS. Eine moderne Art, Seiten mit fertigen Klassen zu gestalten, die viele heutige Websites verwenden.
- Projekt: das Kino in Tailwind. Du gibst der Kino-Website mit Tailwind ein neues Aussehen.
- React. Web-Apps aus Komponenten, also Teilen einer Seite, die du einmal schreibst und die sich von selbst aktualisieren.
- Projekt: das Kino in React. Zum Schluss baust du das Kino als React-App nach und stellst sie online.
Mach dir keine Sorgen, wenn du dir nicht alles aus dieser Lektion merkst: Der HTML-Kurs fängt bei null an und erklärt alles noch einmal, langsam. Aber bevor du gehst, signiere deine Seite.
So schreibst du es:
Anweisungen
- 1
Gegen Ende von
index.htmlsteht ein Footer zwischen<footer>und</footer>. Ersetze darin(dein Name)durch deinen Namen und führe die Seite ein letztes Mal aus.