In sieben Tagen die Grundlagen der Webentwicklung lernen

In sieben Tagen die Grundlagen der Webentwicklung lernen

7 Std. Ruhig

Start

In einer Woche vom ersten HTML-Tag zur eigenen Website. HTML, CSS und JavaScript in überschaubaren Tagesportionen.

Eine Website zu bauen wirkt wie Magie, bis man die Bausteine kennt. In sieben Tagen legst du das Fundament: HTML für die Struktur, CSS für das Design und JavaScript für die Interaktion. Jeden Tag nimmst du dir ein Thema vor, sodass es nie zu viel wird und alles hängen bleibt.

Du startest mit HTML-Elementen wie Überschriften, Links und Bildern, gibst ihnen anschließend mit CSS und Flexbox Farbe und Layout. Danach bringst du deine Seite mit JavaScript und DOM-Manipulation zum Leben und sorgst mit Responsive Design dafür, dass alles auf jedem Bildschirm stimmt. Am letzten Tag führst du alles zusammen und baust deine allererste eigene Website, mit deinen eigenen Händen gebaut.

Tag 1: Lerne die Grundlagen von HTML, der Sprache für Webseiten. Erstelle Überschriften, Absätze, Links und Bilder.

Tag 2 und 3: Lerne CSS für Gestaltung und Layout (Farben, Schriftarten, Abstände, Padding) und vertiefe dich in CSS-Layout und Flexbox, um Elemente anzuordnen.

Tag 4: Lerne die Grundlagen von JavaScript: Variablen, Funktionen und Schleifen für dynamische Inhalte.

Tag 5: Lerne, das DOM mit JavaScript zu manipulieren, um Inhalte, Struktur und Stil zu verändern.

Tag 6: Lerne Responsive Design, damit deine Seiten auf jedem Bildschirm gut funktionieren.

Tag 7: Führe alles zusammen und baue deine erste eigene Website. Eine Übung, bei der du alles anwenden kannst.

Verwandte Playbooks

📚
Verwandt

3D-Druck verstehen, bevor du anfängst

Versteh kurz und knapp, wie 3D-Druck funktioniert: die Techniken, die Anwendungen, die Materialien und die Kosten für den Einstieg.

📚
Verwandt

SEO als Anfänger verstehen, so funktioniert Sichtbarkeit

Warum findet dich eine Website und eine andere nicht? Lerne die Grundlagen von SEO und die Prinzipien, auf denen es basiert.

📚
Verwandt

Deinen ersten Pest-Test in Laravel schreiben

Besserer Code mit weniger Bugs beginnt mit Tests. Schreibe und führe deinen allerersten Pest-Test in Laravel aus.

📚
Verwandt

Bereite dich online auf deine Motorrad-Theorieprüfung vor

Den Motorrad-Theorietest zu bestehen beginnt mit dem richtigen Lernen. Nutze Online-Übungsprüfungen und eine feste Methode, um selbstbewusst in den Prüfungsraum zu gehen.

📚
Verwandt

Wähle eine Fahrschule und plane deine erste Fahrstunde

Der erste Schritt zu deinem Führerschein ist die Wahl einer guten Fahrschule. Vergleiche, entscheide bewusst und buche gleich deine erste Stunde.

📚
Verwandt

Richte dein erstes kleines Aquarium ein

Von leerem Becken zur lebendigen Unterwasserwelt. Schritt für Schritt, auch wenn du noch nie Fische gehalten hast.

📚
Verwandt

Schädlinge mit Nematoden bekämpfen: natürlich und ohne Chemie

Kleine Bodenwürmchen, die schädliche Insekten beseitigen. Eine umweltfreundliche Alternative zu Pestiziden, so gehst du es an.

📚
Verwandt

Erkunde die Ordnerstruktur eines Laravel-Projekts

Wisse genau, wo alles in Laravel zu finden ist. Gehe Ordner für Ordner durch die Struktur und verstehe, wie ein Projekt aufgebaut ist.

📚
Verwandt

API-Authentifizierung mit Laravel Sanctum lernen

Sichere deine APIs wie ein Profi. Lerne, wie du Laravel Sanctum installierst, Tokens verwaltest und deine Routen schützt, Schritt für Schritt.

📚
Verwandt

Deine ersten Schritte mit Laravel

Tauche in die Webentwicklung mit einem der beliebtesten PHP-Frameworks ein. Installiere Laravel und baue deine allererste Route.

📚
Verwandt

Von Arabica bis Excelsa: lerne die Kaffeebohne zu schmecken

Woher deine Bohne stammt, bestimmt, wie deine Tasse schmeckt. Entdecke vier Sorten und koste gleich viel bewusster.

von PlayTryBe team