Lernziele

Allgemeine Lernziele

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

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

2. Die Architektur einer Webanwendung 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 Themenbereichen

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

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
• Asynchrone Programmierung mit Promises und async/await 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
• AJAX-Anfragen durchführen und Daten asynchron laden

Node.js und Express.js

• Eine Node.js-Entwicklungsumgebung einrichten und konfigurieren
• Server-seitige JavaScript-Anwendungen mit Node.js entwickeln
• Web-Server und REST-APIs mit Express.js implementieren
• Middleware-Konzepte verstehen und anwenden
• Routing und HTTP-Methoden in Express.js konfigurieren
• Fehlerbehandlung und Logging in Node.js-Anwendungen implementieren
• Node.js-Anwendungen in einer Produktionsumgebung bereitstellen

MongoDB

• Grundkonzepte von NoSQL-Datenbanken und dokumentenorientierter Datenspeicherung verstehen
• Eine MongoDB-Datenbank einrichten und konfigurieren
• CRUD-Operationen mit MongoDB durchführen
• Daten in MongoDB modellieren und strukturieren
• MongoDB mit Node.js über Mongoose verbinden
• Abfragen und Aggregationen in MongoDB erstellen
• Transaktionen und Indizierung in MongoDB anwenden

React.js

• Die Grundprinzipien und das Komponentenmodell von React verstehen
• React-Komponenten erstellen und im Projekt verwenden
• State und Props für die Datenverwaltung in React nutzen
• Formulare und Benutzereingaben in React verwalten
• Routing in Single-Page-Applications mit React Router implementieren
• React-Anwendungen für die Produktion bereitstellen

Web-Architekturen

• Client-Server-Architekturen und deren Kommunikationsmuster verstehen
• RESTful Webservices entwerfen und implementieren

Praktische Projektarbeit

• Eine vollständige Webapplikation mit Frontend und Backend entwickeln
• Die gelernte MERN-Stack-Technologie (MongoDB, Express.js, React.js, Node.js) anwenden
• Daten zwischen Client und Server asynchron austauschen
• Die entwickelte Anwendung testen, debuggen und optimieren
• Eine Webapplikation in einer Cloud-Umgebung bereitstellen
• Optional: Benutzerauthentifizierung und -autorisierung 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