Frontend Development: Grundlagen und fortgeschrittene Techniken

In diesem Kursabschnitt konzentrieren wir uns auf die Entwicklung von Schnittstellen mit modernen Technologien und KI-Elementen.

1. HTML5, CSS3 und Responsive Design
  • Flexbox
  • DOM-Manipulation, Events, Debugging

2. React
  • Komponenten, State, Routing, Lifecycles
  • KI: Debugging-Assistenz, Code-Erklärung, UI-Ideen

3. JavaScript
  • Grundlagen und fortgeschrittene Themen: Variablen, Funktionen, Arrays, Objekte, OOP
  • Higher-Order Functions, Scope, Closures, Error-Handling
  • Asynchrone Programmierung (Promises, Async/Await)
  • KI: Analyse von KI-Code, Optimierungsvorschläge

Backend Development: Serverseitige Technologien und Anwendungen

Dieser Abschnitt behandelt die Server- und Datenbanktechnologien zur Unterstützung der Frontend-Entwicklung.

1. Node.js und Express.js
  • APIs, REST
  • Server-Side Rendering, Authentifizierung & Autorisierung
  • Deployment & API-Testing
  • KI: Dokumentation, Testgenerierung, Workflow-Unterstützung

2. Databases
  • MongoDB & Mongoose
  • CRUD, Datenmodellierung, Schema-Design
  • KI: Validierung, Dokumentation, Analyse von KI-Ausgaben

Codequalität, Tools & Workflow: Best Practices zur Optimierung

Wir lernen effektive Methoden zur Codeverwaltung und Einhaltung von Standards.

1. Git & GitHub
  • Git Flow, Kommandozeile
  • Coding Conventions (KISS, DRY, SOC), Projektstruktur
  • KI: Code Reviews, Refactoring, Workflow-Automatisierung

Projektarbeit: Praktische Anwendung der erworbenen Kenntnisse

In diesem Abschnitt wenden wir die erlernten Konzepte in praktischen Projekten an.

1. Tägliche Labs & Mini-Projekte
  • Integration von KI-Funktionen in Webapplikationen
  • Abschlussprojekt: Full-Stack-Anwendung mit KI-Komponente
  • Pair-Programming, Teamarbeit, Präsentationen

Ziel des Kurses: Moderne Webentwicklung mit KI-Integration

Ziel ist die Entwicklung von Webanwendungen mit aktuellen Technologien und einem verantwortungsvollen Einsatz von KI im Entwicklungsprozess.