React und TypeScript

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

• Erfahrungen mit HTML und gute JavaScript Kenntnisse

Entwicklung moderner Frontend-Anwendungen

• Überblick und Gemeinsamkeiten von React / Next.js
• deklarative / datengetriebene Architektur
• Komponenten - eigene HTML-Tags definieren

JavaScript Grundlagen für React

• Entwicklung mit node.js und npm
• JavaScript Versionen und Neuerungen
• Module (import und export)
• Pfeilfunktionen
• Funktionale Programmierung in JavaScript

React-Templatesprache

• JavaScript-basierte Templatesyntax: JSX
• Binden von Inhalten und Props
• Event-Handler
• Elemente wiederholen
• if / else
• CSS-Klassen und Stile

Komponenten: Grundbausteine moderner Web-Anwendungen

• Einbinden vorgefertigter Komponenten
• Definieren eigener Komponenten
• Props und Events in eigenen Komponenten
• Prop- Event- und State-Typen in TypeScript
• Datenfluss zwischen Komponenten
• Komponenten inspizieren mit den React Developer Tools

React Router

• Client-seitiges Routing
• Anzeigen verschiedener Ansichten basierend auf der Route

APIs aus React abfragen

• senden von HTTP-Requests via fetch
• verwenden des effect-Hooks, um HTTP-Requests auszulösen

TypeScript Grundlagen für React

• Statische vs Dynamische Typisierung
• Typendeklaration bei Variablen, Funktionen, Arrays und Objekten
• Type Aliases und Interfaces
• Type Assertions, Generics

C

• Entwickler