JavaScript Developer mit React

Der Kurs erläutert mit JavaScript eine clientseitige Skriptsprache für dynamische Webseiten. Ebenfalls wird mit Ajax das Konzept der asynchronen Datenübertragung vorgestellt und ein Einstieg in die Bibliothek React gegeben. Sie erfahren, wie Künstliche Intelligenz im Beruf eingesetzt wird.

JavaScript Developer

JavaScript Grundlagen (ca. 7 Tage)

Einführung
ECMA-Script-Versionen
Einbinden in HTML-Seiten
Sprachelemente: Variablen, Konstanten, Typisierung
Primitive Datentypen: Number, String, Boolean
Collection-Datentypen: Arrays, Objekte, arithmetische Operatoren
Kontrollstrukturen: Bedingte Anweisungen, Schleifen, Funktionen
Blockscope
Lokales Speichern: Webstorage, IndexedDB
Fehlerbehandlung

Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI‐Technologien
sowie Anwendungsmöglichkeiten im beruflichen Umfeld

DOM-Manipulation mit JavaScript (ca. 4 Tage)

Grundlagen
HTML selektieren
Inhalt und Attribute
Styling
Events, Event-Objekt, Bubbling
Observer
- Intersection-Observer
- Mutation-Observer
DOM-Elemente anlegen, kopieren, verschieben, löschen

AJAX (ca. 1 Tag)

Einführung
Funktionsweise
Voraussetzungen
HTTP-Anfragen
XMLHttpRequest-Objekt
Web Services
- JSON
- XML/XML-Response

Frameworks/Libraries (ca. 2 Tage)

Eigene Bibliothek erstellen
jQuery

Projektarbeit (ca. 6 Tage)

Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse

JavaScript Vertiefung (ca. 7 Tage)

Canvas, Zeichnen, Animieren
Array-Methoden, Copy by Reference
Spread-Syntax, Destructuring
Objekte anlegen mit Konstruktoren, Klassen, Factories
Getter und Setter, Statische Methoden
Felder, Private Felder, Alternativen
Vererbung von Klassen
Prototyping
Datentypen Map und Set
Promise, Verkettung, Async-Await-Syntax
ES6-Import
Webworker

NodeJS (ca. 4 Tage)

Aufbau und Installation
Built-in Module, Custom Module, NPM
Upload zu NPM
Dateityp MD
Webserver erstellen (Express)
Eigene Middleware
Fetch-Syntax für AJAX-Anfragen
Dateien auf Server hochladen
Echtzeitkommunikation mit Websockets
Kommunikation mit Datenbank (noSQL)

Single Page Application (ca. 3 Tage)

ReactJS:
- Einführung, theoretische Betrachtung, Installation
- Virtuelle DOM 
- Expressions, State-Hook, Effect-Hook
- Komponenten, Verschachtelung, Parameterübergabe
- Benutzereingaben, Inhaltsupdate, Eventlistener
- Routing
VueJS:
- Einführung, theoretische Betrachtung
- Virtuelles DOM
- Einbindung, Expressions, Direktiven
- Eventlistener, Data-Binding, Methoden
- Eigene Direktiven
- Components, Verschachtelung
- Routing
Web Components:
- Vorteile und Nachteile
- Custom Elements, Shadow DOM
- Einbindung von HTML-Templates und CSS-Dateien
- Übergabe von Parametern, Slots, Attributen
- Custom Events anlegen und aufrufen

Projektarbeit (ca. 6 Tage)

Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse

React JavaScript-Bibliothek

Moderne JavaScript Frameworks und Bibliotheken (ca. 1 Tag)

Grundlagen moderner Frontend-Frameworks
One Way Data Flow
JSX
JavaScript Ausdrücke

Grundlagen React (ca. 0,5 Tage)

Anwendungsstruktur

Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI‐Technologien
sowie Anwendungsmöglichkeiten im beruflichen Umfeld

React-Komponenten (ca. 7,5 Tage)

Komponenten und deren Eigenschaften
Hierarchien von Komponenten
Kommunikation zwischen Komponenten
Listen
Interaktive Komponenten
Event-Modell und -Verarbeitung
Funktions- und Klassenkomponenten
React State
React Router
Style-Angaben
Render-Verhalten
Formulare erstellen und validieren
Lebenszyklus
React, State und Effect Hooks

Anwendungen (ca. 6 Tage)

Serveranbindung
Virtual DOM 
Flux und Redux
Redux Toolkit
Serverseitiges Rendering
Vergleich verschiedener Frameworks
Kombination mit anderen Frameworks

Projektarbeit (ca. 5 Tage)

Zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse

Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.