Webentwicklung Grundlagen - HTML, CSS, JavaScript und modernes Web verstehen

Seminarziel

Nach dem Seminar verstehen Sie die grundlegenden Technologien und Konzepte moderner Webentwicklung. Sie kennen die Unterschiede zwischen Frontend und Backend, verstehen die Funktionsweise von Browsern und Webservern und können HTML-, CSS- und JavaScript-Grundlagen einordnen. Darüber hinaus erhalten Sie einen Überblick über Responsive Design, Frameworks, Datenbanken, Hosting, Deployment und SEO. Sie entwickeln ein technisches Gesamtverständnis für moderne Webseiten und können typische Technologien und Abläufe professionell einordnen.

Inhalt

• Tag 1 - Wie das Web funktioniert
  • Client, Server, HTTP und HTTPS verstehen
  • Funktionsweise von Browsern und Rendering
  • Einführung in DevTools
  • Unterschied zwischen Frontend und Backend
  • Statische und dynamische Webseiten
  • Einstieg in HTML-Grundlagen
• Tag 2 - HTML und CSS Grundlagen
  • Semantisches HTML richtig einsetzen
  • Grundlagen von CSS
  • Box-Modell, Farben, Schriften und Layouts
  • Layout-Techniken mit Grid und Flexbox
  • Überblick über CSS-Frameworks
• Tag 3 - JavaScript und Überblick über Frameworks
  • Was ist JavaScript und wofür wird es verwendet
  • DOM, Events und einfache Logik verstehen
  • Einführung in interaktive Webseiten
  • Was Frameworks wie React, Vue oder Angular lösen
  • Wann kein Framework benötigt wird
• Tag 4 - Responsive Design und Datenbanken
  • Mobile-First-Prinzipien verstehen
  • Responsive Layouts mit Media Queries
  • Typische Fehler im Responsive Design vermeiden
  • Grundlagen von Datenbanken
  • SQL und NoSQL konzeptionell erklärt
  • Warum Frontends nicht direkt mit Datenbanken arbeiten
• Tag 5 - Rechtliches, Hosting, Deployment und SEO
  • Grundlagen zu Datenschutz, DSGVO, BDSG und Urheberrecht
  • Einführung in die KI-Verordnung und digitale Inhalte
  • Was Hosting bedeutet und wie Webseiten veröffentlicht werden
  • Domain, Server, CDN sowie FTP und Git im Überblick
  • Grundlagen der Suchmaschinenoptimierung
  • HTML-Struktur, Performance und Meta-Daten
  • Accessibility und benutzerfreundliche Webseiten
• Abschluss - Das Gesamtbild moderner Webentwicklung verstehen
  • Zusammenspiel aller Technologien
  • Typische Abläufe in Webprojekten
  • Einordnung moderner Werkzeuge und Frameworks