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