Website Programmierung bildet die Grundlage moderner Webentwicklung und richtet sich an Personen, die Webseiten technisch umsetzen oder bestehende Internetauftritte pflegen möchten. Im Fokus stehen die Kerntechnologien HTML, CSS und JavaScript, ergänzt durch Grundlagen zu Serverstrukturen und Content-Management-Systemen. Ziel ist das Verständnis, wie Inhalte, Layout und Funktionalität einer Website zusammenwirken. Neben technischen Konzepten wird auch auf Standards, Barrierefreiheit und die Bedeutung sauberer Code-Strukturen eingegangen. Der Kurs bietet somit eine systematische Einführung in die Website Programmierung von der Planung bis zur Umsetzung.

1. Grundlagen der Website Programmierung2. Website Programmierung - Aufbau und Struktur3. Frontend-Entwicklung und Gestaltung4. Website Programmierung - Funktion und Interaktivität
Grundlagen der Website Programmierung
  • HTML (= HyperText Markup Language) definiert die Struktur und den Aufbau einer Webseite.
  • CSS (= Cascading Style Sheets) steuert das Design, Layout und die visuelle Darstellung.
  • JavaScript erweitert die Seite um dynamische Funktionen und Interaktivität.
  • Browser interpretieren Quellcode und stellen Inhalte entsprechend den Webstandards dar.

Website Programmierung - Aufbau und Struktur
  • Planung von Inhaltsstruktur, Navigation und logischem Seitenaufbau.
  • Einbindung externer Ressourcen wie Schriftarten, Bilder oder Stylesheets.
  • Verständnis von DOM (= Document Object Model) als Grundlage der Interaktion zwischen Code und Darstellung.
  • Einsatz von Tools zur Codevalidierung und Fehlerkontrolle.

Frontend-Entwicklung und Gestaltung
  • Anwendung responsiver Gestaltung für verschiedene Endgeräte (Desktop, Tablet, Smartphone).
  • Nutzung moderner CSS-Techniken wie Flexbox und Grid zur strukturierten Anordnung von Elementen.
  • Einbindung von Frameworks (z. B. Bootstrap) zur Vereinheitlichung von Layouts.

Website Programmierung - Funktion und Interaktivität
  • Grundlagen der Ereignissteuerung in JavaScript (Event Handling).
  • Verwendung einfacher Skripte für Formulare, Navigation oder Animationen.
  • Überblick zu Schnittstellen (APIs) und Datenaustausch zwischen Client und Server.
  • Einführung in Sicherheitsaspekte: Datensicherheit, HTTPS und Eingabevalidierung.