Web-Entwicklung: Frontend und Angular

Web-Entwicklung + Frontend + Angular + Frameworks


Diese Weiterbildung vermittelt Kenntnisse in der Entwicklung von Webanwendungen, der Nutzung von Frameworks und Tools sowie in der Umsetzung barrierefreier und responsiver Benutzeroberflächen. Teilnehmende erlernen die grundlegenden Techniken des Frontend Developments.


Modul 1: Web Entwicklung: Architektur und Umsetzung
Modul 2: Frontend Entwicklung für Webanwendungen
Modul 3: Komponentenbasierte Entwicklung mit React und Angular
Modul 4: User Interface Frameworks im digitalen Produktdesign


Web Entwicklung: Architektur und Umsetzung

• Markup & Stylesheets: HTML, CSS und JavaScript zur Entwicklung responsiver Webseiten unter Einhaltung barrierefreier Standards.


• Interface-Gestaltung: Umsetzung nutzbarer Frontends mit Webflow, CSS Grid, Wireframes und WCAG-konformem Design.


• API & Datenmanagement: Backend-Anbindung mit Node.js, API-Schnittstellen, relationalen SQL Datenbanken und JSON.


• Frameworks im Überblick: Git, GitHub, Vue.js, Angular und Clean Code für skalierbare Website-Entwicklung.

Frontend Entwicklung für Webanwendungen

• Grundlagen der Webentwicklung: Einführung in HTML, CSS, JavaScript und responsive Webdesign zur Gestaltung interaktiver Benutzeroberflächen.


• Frameworks & Tools: Arbeiten mit React, Angular oder Vue.js sowie Nutzung von CSS Grid, Flexbox und UI Frameworks für strukturierte Layouts.


• Versionskontrolle & Zusammenarbeit: Einsatz von GitHub, Code-Management und Workflow-Standards im agilen Frontend Development.


• Barrierefreiheit & Standards: Anwendung von WCAG, Testing-Prinzipien und Schnittstellenanbindung zur Optimierung der Usability.

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.

User Interface Frameworks im digitalen Produktdesign

• Grundlagen von UI Frameworks: Einführung in Struktur, Komponenten und Einsatzbereiche für responsive Web- und App-Oberflächen.


• Designsysteme & Komponenten: Anwendung von UIKit, SwiftUI, Flexbox und Compose für konsistente Interfaces und skalierbare UI-Architekturen.


• Prototyping & Gestaltung: Entwicklung interaktiver Interfaces mit Figma, Sketch oder Adobe XD unter Berücksichtigung von Usability-Prinzipien.


• Integration & Testing: Verbindung mit Codebases, UI Testing Workflows und Versionsverwaltung mit Git für kollaborative UI-Entwicklung.

Am Ende der Weiterbildung beherrschen die Teilnehmenden die Entwicklung skalierbarer Webanwendungen mit aktuellen Frameworks, die Implementierung responsiver Designs und die Anwendung von UI-Frameworks im digitalen Produktdesign.