JavaScript Frontend Developer Zertifizierung mit KI

Dieser Kurs verbindet klassische Frontend-Entwicklung mit KI-unterstütztem Programmieren. JavaScript ist eine komplexe Programmiersprache, mit der sich dynamische Webseiten erzeugen und an die Benutzenden anpassen lassen. Die vielseitige Skriptsprache ermöglicht die Entwicklung am Frontend, Backend sowie von mobilen Apps und Browser-Erweiterungen. Du lernst, interaktive Webanwendungen – beispielsweise für Online-Shops oder Firmenpräsenzen –im Browser zu programmieren. KI begleitet dich dabei in zwei Rollen: als Werkzeug im Entwicklungsalltag und als Bestandteil der Anwendungen selbst. Du bindest KI-Sprachmodelle über eigene Schnittstellen ein, entwickelst KI-gestützte Funktionen wie Chat und Textverarbeitung und lernst, generierten Code sicher zu prüfen.

JavaScript Einführung Teil 1

• JavaScript und die Webentwicklung
• Markdown als Dokumentations-, Prompt- und KI-Ausgabeformat
• Einrichtung von KI-Assistenten, Prompting-Grundregeln (Kontext, Rolle,Format)
• Variablen und Datentypen
• Operatoren
• Control Flow Statements und Iteration

JavaScript Einführung Teil 2

• String-Methoden
• Funktionen: Deklaration und Funktionsausdruck
• Übergabeparameter, Rückgabewerte, Default-Parameter, Guards
• Funktionen
• Anonyme Funktionen und Arrow Functions
• Scope und Closures
• Arrays und Array-Methoden
• Higher Order Functions
• Schleifen
• DOM-Selection und CSS-Selektoren
• Arbeiten mit Klassenlisten
• Event Handling: Mouse- und Keyboard-Events, Event-Objekt
• IDL- und Content-Attribute, Data-Attribute, berechnete Stilwerte
• KI zur Fehlererklärung: Stacktraces lesen statt Lösungen kopieren

JavaScript für Fortgeschrittene

• Objekte und Objektmethoden
• Destructuring von Objekten und Arrays
• Rekursion
• Mehrdimensionale Arrays
• Aufbau von Promises und das Async-Await-Konstrukt
• Fehlerbehandlung in asynchronem Code
• Parallele und sequenzielle Requests
• Module: CommonJS und ESM
• Node und npm, Überblick der Node-Standardbibliothek
• DOM Creation und Traversal
• Templates und Separation of Concerns

Browser APIs

• JSON
• REST APIs
• FETCH API
• Web Animation
• Erster LLM-Call mit fetch
• Backend-Proxy zur Absicherung von API-Keys

Debugging und Testing

• Browser DevTools
• Unit Testing mit Vitest
• Testrunner und Testorganisation
• Assertions
• Mocks und Stubs
• Code Qualität
• Refactoring und Clean Code
• KI-gestützte Testerstellung und Refactoring mit anschließendem Review

TypeScript

• Primitive und komplexe Datentypen
• Interfaces
• Klassenund Vererbung
• Statische Typprüfung
• Union Types und Intersection Types
• Type Guards
• Type Assertions
• Integration von TypeScript mit bestehendem JavaScript-Code
• Typisierung per KI-Autocompletion im Editor und deren Grenzen
• Migration von JavaScript nach TypeScript mit agentischen KI-Werkzeugen
• Generics

React

• Komponenten und Props
• Module und Module Bundlers
• Vite
• State Management mit React Hooks
• Handling User Interaction and Events
• React Router
• Arbeiten mit Formularen
• Arbeiten mit APIs und Datenhandling
• Testing in React
• Performance-Optimierung und Deployment

KI-Integration in Webanwendungen

• LLM-APIs: Modelle, Kontextfenster, Tokens und Kosten
• System-Prompt und User-Prompt
• Anbieterabstraktion über einen eigenen Backend-Proxy
• Chat-Komponente in React mit Konversationsverlauf
• Streaming-Responses im UI
• Strukturierte Ausgaben mit JSON und Schema-Validierung
• Tool Calling / Function Calling
• Retrieval Augmented Generation: Chunking, Embeddings, Ähnlichkeitssuche
• KI-Bildmodelle: Überblick, Lizenz- und Rechtefragen, Assets für eigene Projekte
• Prompt Injection, Rate Limiting und Kostenkontrolle
• Kurzüberblick DSGVO und EU AI Act

Kursabschluss mit praxisorientierten Aufgaben und Multiple-Choice-Fragen sowie einem Abschlussprojekt: KI-gestützte Webanwendung mit Review-Pflicht für generierten Code

Zusatzangebot:
Copilot-Anwenderschulung
KI-Führerschein:

• Risikomanagement für KI-Systeme
• Vom KI-Einsteiger zum KI-Fortgeschrittenen
• Grundlagen des Promptens