Lernziele

Allgemeine Lernziele

Nach erfolgreichem Abschluss des Lehrgangs sind die Studierenden in der Lage:

1. Eine moderne Website von Grund auf zu konzipieren, zu entwickeln und bereitzustellen

2. Die Architektur von Webseiten zu verstehen und geeignete Technologien für spezifische Anforderungen auszuwählen

3. Technische Probleme in Webprojekten zu diagnostizieren und effizient zu lösen

4. Mit den aktuellen Standards, Werkzeugen und Workflows der Webentwicklung zu arbeiten

Spezifische Lernziele nach Themenfeldern

CMS - Content Management Systeme

• Grundkonzepte von Content Management Systemen verstehen
• Ein CMS-System einrichten und konfigurieren
• Inhalte über ein CMS verwalten und strukturieren
• Templates und Themes in CMS-Systemen anpassen
• Benutzerverwaltung und Rollen in CMS-Systemen konfigurieren

HTML

• Die semantisch korrekte Strukturierung von Webinhalten beherrschen
• Formulare für Benutzereingaben erstellen und validieren
• Das HTML-Dokumentobjektmodell und dessen Struktur verstehen
• HTML5-Elemente und APIs für moderne Webanwendungen einsetzen
• Die Browser-Entwicklerwerkzeuge kennen und einsetzen

CSS

• Webseiten mittels CSS ansprechend gestalten und formatieren
• Responsive Layouts erstellen, die sich an verschiedene Bildschirmgrössen anpassen
• Flexbox und Grid für moderne Layouttechniken einsetzen
• CSS-Animationen und Übergänge implementieren
• CSS-Variablen und moderne CSS-Features nutzen

JavaScript Grundlagen

• Die Syntax und Grundkonzepte von JavaScript beherrschen
• Variablen, Datentypen und Kontrollstrukturen korrekt einsetzen
• Funktionen verwenden und verstehen
• Mit Arrays und Objekten arbeiten und deren Methoden anwenden
• Moderne ES6+-Features in JavaScript-Code einsetzen
• Fehlerbehandlung und Debugging in JavaScript implementieren

JavaScript DOM

• DOM-Elemente selektieren, manipulieren und erzeugen
• Event-Handler für Benutzerinteraktionen implementieren
• Dynamische Inhalte in Webseiten generieren und aktualisieren
• Client-seitige Formulardaten validieren und verarbeiten
• Lokale Datenspeicherung mit localStorage und sessionStorage

AJAX/JSON

• AJAX-Anfragen durchführen und Daten asynchron laden
• JSON-Daten verarbeiten und manipulieren
• RESTful APIs konsumieren und mit externen Datenquellen arbeiten
• Asynchrone Programmierung mit Promises und async/await implementieren
• Fehlerbehandlung bei AJAX-Anfragen implementieren

Praktische Projektarbeit

• Eine vollständige statische Website mit HTML, CSS und JavaScript entwickeln
• Interaktive Elemente und dynamische Inhalte implementieren
• Die entwickelte Website testen, debuggen und optimieren
• Eine Website in einer Webumgebung bereitstellen
• Responsive Design für verschiedene Geräte implementieren

Übergreifende Kompetenzen

• Technische Entscheidungen basierend auf Projektanforderungen treffen
• Probleme im Entwicklungsprozess systematisch analysieren und lösen
• Effizient im Kontext moderner Webtechnologien recherchieren und lernen
• Code-Qualität und -Wartbarkeit bewerten und verbessern
• Moderne Webstandards und Best Practices anwenden