Frontend Entwicklung für Fortgeschrittene: React und Angular

Frontend-Entwicklung + Webanwendungen + JavaScript + Objektorientierung


Diese Weiterbildung vermittelt Kenntnisse in der Entwicklung von Websystemen mit Fokus auf fortgeschrittene Frontend-Technologien. Themenschwerpunkte sind die Komponentenentwicklung mit React und Angular sowie die Anwendung von JavaScript und objektorientierter Programmierung.


Modul 1: Frontend Entwicklung für Websysteme
Modul 2: Komponentenbasierte Entwicklung mit React und Angular
Modul 3: JavaScript – strukturierte Webentwicklung
Modul 4: Grundlagen der objektorientierten Programmierung


Frontend Entwicklung für Websysteme

• Webentwicklung mit HTML, CSS und JavaScript zur Erstellung modularer Komponenten und strukturierter Benutzeroberflächen im Frontend.


• Arbeiten mit React, Angular oder Vue.js sowie Nutzung von CSS Grid, Flexbox und UI Frameworks zur Gestaltung responsiver Webseiten.


• Code-Versionierung mit GitHub, Branch-Management und Anwendung gängiger Workflows in kollaborativen Entwicklungsprozessen.


• Testing-Grundlagen, Umsetzung der WCAG-Regeln und Anbindung von Schnittstellen zur Integration externer APIs im Webfrontend.

Komponentenbasierte Entwicklung mit React und Angular

• Einführung in Angular und React, Vergleich von Konzepten, Komponentenstruktur, Syntax und State-Handling mit TypeScript.


• Implementierung von Webanwendungen mit HTML5, CSS3, JavaScript und Frameworks für das Frontend Development.


• Toolchain-Nutzung mit npm, GitHub und Docker Compose zur Verwaltung modularer Anwendungen im Entwickler-Workflow.


• Entwicklung von UI-Komponenten, Schnittstellenintegration über API und responsives Layout mit Grid und Flexbox.

JavaScript – strukturierte Webentwicklung

• Grundlagen von JavaScript: Einstieg in Syntax, Datentypen und DOM-Manipulation zur dynamischen Gestaltung interaktiver Webseiten.


• Webentwicklung: Einsatz von Frameworks wie Vue.js & Angular, Entwicklung responsiver UIs mit HTML5, CSS3 und JavaScript.


• Backend & Schnittstellen: Anbindung von APIs und Datenbanken mit Node.js, JSON, SQL und Verständnis für API Schnittstellen.


• Tools & Best Practices: Arbeiten mit Git, GitHub und Clean Code – sauberes Coding und klare Projektstruktur im JavaScript Development.

Grundlagen der objektorientierten Programmierung

• OOP-Konzepte: Aufbau von Klassen, Nutzung von Objekten, Prinzipien der Kapselung und Zusammenspiel über Schnittstellen.


• Programmieren im Team: Entwicklung objektorientierter Module mit GitHub, Clean Code und API-gestützter Anwendungsstruktur.


• Codearchitektur mit OOP: Nutzung von Frameworks, Strukturierung mit Patterns und Trennung funktionaler Softwareeinheiten.


• Schnittstellen und Datenzugriff: SQL Datenbank, API Schnittstellen und Datenhaltung im objektorientierten Softwaredesign.

Am Ende der Weiterbildung beherrschen die Teilnehmenden die Entwicklung modularer Webanwendungen und die Anwendung von JavaScript sowie objektorientierter Prinzipien. Sie nutzen Tools wie GitHub und Docker Compose zur Verwaltung komplexer Projekte.