Frontend-Entwicklung: Framework und Development

Frontend-Entwicklung + Framework + UX Design + Programmierung


Diese Weiterbildung vermittelt Kenntnisse in der Frontend-Entwicklung, der Nutzung von Frameworks und UI-Design. Die Teilnehmer lernen, Schnittstellen zu entwickeln und automatisierte Tests durchzuführen, um Webanwendungen zu gestalten.


Modul 1: Frontend Entwicklung und Schnittstellen
Modul 2: React und Angular im Frontend Development
Modul 3: UI Frameworks & visuelle Strukturmodelle im UX Design
Modul 4: Grundlagen der objektorientierten Programmierung


Frontend Entwicklung und Schnittstellen

• HTML5, CSS3, JavaScript und responsive Design zur Entwicklung von komponentenbasierten User Interfaces.


• Verwendung von Frameworks wie React, Vue.js oder Angular sowie strukturierter Layoutgestaltung.


• Einsatz von GitHub zur Code-Verwaltung, Versionssicherung und kollaborativer Entwicklung im Team.


• Anwendung von WCAG-Kriterien, Anbindung von Schnittstellen und Einführung in automatisiertes Testing.

React und Angular im Frontend Development

• Framework-Vergleich in der Praxis: Einführung in React und Angular, Unterschiede in Struktur, Syntax, Komponenten und State-Management.


• Projektbasierte Entwicklung: Erstellung interaktiver Webanwendungen mit TypeScript, HTML5, CSS3 und gängigen Frontend-Frameworks.


• Toolchain & Workflow: Einsatz von GitHub, npm, Docker Compose und modularer Entwicklung im JavaScript-Development.


• Komponenten & Schnittstellen: Aufbau dynamischer User Interfaces, Anbindung von APIs und Umsetzung responsiver Designs mit Flexbox und Grid.

UI Frameworks & visuelle Strukturmodelle im UX Design

• Strukturelle Grundlagen: Vermittlung von UI-Komponentenmodellen mit Fokus auf usability, grid design und ui framework.


• Frameworkbasierte Gestaltung: Einsatz von compose android, android compose und swift ui zur Interface-Entwicklung.


• Prototyping-Tools: Umsetzung von app wireframe, prototyping software und figma ui im gestalterischen Entwicklungsprozess.


• Test & Umsetzung: Validierung durch ui test, Integration in frontend-Systeme und Versionsverwaltung mit git.

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.

Nach Absolvierung der Maßnahme verfügen die Teilnehmenden über Kenntnisse, um Frameworks zielgerichtet einzusetzen, visuelle Strukturmodelle zu erstellen und objektorientierte Programmierkonzepte in der Entwicklung von Webanwendungen zu integrieren.