Get To Know IT · Modul
Moderne Webentwicklung
Kurs
Code LAB
Dauer
12 Lektionen
Themen
Was Du lernen wirst.
- den grundlegenden Aufbau moderner WebApps verstehen
- Webseiten in wiederverwendbare Komponenten aufteilen
- State und dynamische Inhalte einsetzen
- grundlegendes Routing implementieren
- die Struktur eines modernen Webprojekts verstehen
- die Aufgabe von Frameworks einordnen
- Frontend und Backend voneinander unterscheiden
- grundlegende npm- und Node-Konzepte anwenden
- eine moderne, interaktive WebApp mit React entwickeln
Modul Inhalt
Was wir behandeln
- Was sind Komponenten?
- Wiederverwendbare UI-Elemente
- Komponentenstruktur
- Props und Datenübergabe
- Webseiten aus Komponenten aufbauen
- Was ist State?
- Dynamische Inhalte
- Benutzerinteraktionen
- Daten innerhalb einer Anwendung verändern
- Reaktive Benutzeroberflächen
- Warum benötigen WebApps Routing?
- Seiten und Views
- Navigation
- Dynamische Routen
- Single-Page Applications
- Aufbau eines modernen Webprojekts
- Dateien und Ordner
- Abhängigkeiten
- npm und package.json
- Entwicklungs- und Build-Prozesse
- Was ist ein Framework?
- Warum werden Frameworks eingesetzt?
- React als Beispiel
- Komponentenbasierte Entwicklung
- Vor- und Nachteile moderner Frameworks
- Was passiert im Frontend?
- Was passiert im Backend?
- Datenübertragung zwischen Frontend und Backend
- APIs als Schnittstelle
- Grundlegende Architektur einer WebApp
Bereit, das Modul zu starten?
Vertiefe dein Wissen, setze das Gelernte praktisch um und entwickle dein eigenes Projekt.
Modul buchen