Get To Know IT · Modul

Webseitenentwicklung

Kurs

Code LAB

Dauer

6 Lektionen

Themen

Was Du lernen wirst.

  • die grundlegende Struktur einer Webseite mit HTML erstellen
  • Webseiten mit CSS gestalten und layouten
  • grundlegende responsive Designs umsetzen
  • JavaScript im Browser einsetzen
  • auf Benutzerinteraktionen und Events reagieren
  • HTML, CSS und JavaScript miteinander kombinieren
  • eine eigene funktionierende und interaktive Webseite entwickeln

Modul Inhalt

Was wir behandeln

  • Aufbau einer HTML-Datei
  • Elemente und Attribute
  • Überschriften, Texte, Bilder und Links
  • Listen und einfache Formulare
  • Strukturierung von Webseiten
  • Farben, Schriften und Abstände
  • Selektoren
  • Box Model
  • Klassen und IDs
  • Gestaltung von HTML-Elementen
  • Grundlegende Layout-Techniken
  • Flexbox
  • Positionierung
  • Navigation und Seitenstruktur
  • Gestaltung einer übersichtlichen Benutzeroberfläche
  • Unterschiedliche Bildschirmgrössen
  • Mobile vs. Desktop
  • Media Queries
  • Grundlagen eines responsiven Layouts
  • Grundlagen von JavaScript
  • Variablen und Funktionen
  • Elemente auf einer Webseite auswählen und verändern
  • JavaScript mit HTML und CSS verbinden
  • Klicks und Benutzereingaben
  • Event Listener
  • Interaktive Buttons
  • Dynamische Inhalte
  • Einfache interaktive Funktionen

Bereit, das Modul zu starten?

Vertiefe dein Wissen, setze das Gelernte praktisch um und entwickle dein eigenes Projekt.

Modul buchen
Get To Know IT | Webseitenentwicklung