Webentwicklung + Frontend + Backend + API
Diese Weiterbildung vermittelt Kenntnisse in der Entwicklung von Webanwendungen. Sie umfasst die Grundlagen der Webentwicklung, komponentenbasierte Ansätze, API-Konzepte, CSS-Techniken und UI/UX-Entwicklung mit Fokus auf aktuelle Frameworks und Tools.
Modul 1: Einführung in die Web Entwicklung
Modul 2: Komponentenbasierte Entwicklung mit React und Angular
Modul 3: API-Konzepte im Backend Development
Modul 4: CSS in der responsiven Webgestaltung
Modul 5: UI/UX Entwicklung mit komponentenbasierten Frameworks
Modul 6: GraphQL – API-Struktur und Datenmodellierung
Einführung in die Web Entwicklung- Grundlagen der Webentwicklung: Einführung in HTML, CSS & JavaScript für responsives Webdesign und barrierefreie und zugängliche Webseiten.
- Frontend & UI Design: Entwicklung benutzerfreundlicher Interfaces mit CSS Grid, Webflow, Wireframes und WCAG-konformem Webdesign.
- Backend & Datenbanken: Einstieg in APIs, SQL Datenbanken, Node.js und die Anbindung serverseitiger Komponenten für dynamische Webseiten.
- Tools & Frameworks: Arbeiten mit GitHub, Git, Vue.js und Angular – von der Codeverwaltung bis zum Full Stack Development mit Clean Code.
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.
API-Konzepte im Backend Development- Einführung in REST-Architekturen, JSON-Formate, HTTP-Methoden und Datenübertragung zwischen Services und Webanwendungen.
- Erstellung von APIs mit Node.js oder Java, Definition von Endpunkten und Integration externer Systeme in Backend-Strukturen.
- Zugriff auf SQL-Datenbanken über API-Routen, Verarbeitung von Abfragen und Datenstrukturen im Server-Response.
- Dokumentation, Versionierung und Tests mit GitHub, API-Tools und Docker Compose im Backend Development.
CSS in der responsiven Webgestaltung- Einführung in CSS: Grundlagen zur Gestaltung von Webseiten, Einsatz von Selektoren, Eigenschaften und Strukturierung mit CSS3.
- Layouts & Techniken: Erstellung responsiver Oberflächen mit Flexbox, CSS Grid und Media Queries für Webdesign-Projekte.
- Designsysteme & Best Practices: Anwendung von Style Guides, Komponenten-Logik und Frameworks im Frontend Development.
- Integration & Versionierung: Arbeit mit HTML, GitHub, Coding-Standards und CSS-Organisation für skalierbare Webentwicklungen.
UI/UX Entwicklung mit komponentenbasierten Frameworks- Interface-Komponenten: Aufbau von Designsystemen mit user interface coding, framework ui und responsive UI-Strukturen.
- Design & Layout: Nutzung von flexbox, grid design und compose zur Erstellung flexibler Web- und App-Komponenten.
- Prototyping mit Tools: Anwendung von sketch, figma developer und wireframe website zur Interface-Simulation.
- Entwicklung & Kontrolle: Einsatz von git, docker compose und ui testing zur Sicherung und Abstimmung modularer Interfaces.
GraphQL – API-Struktur und Datenmodellierung- GraphQL verstehen: Anfrageaufbau, Response-Struktur und Abgrenzung zu REST APIs in datengetriebenen Webanwendungen mit JSON.
- Serverseitige Entwicklung: API-Anbindung mit Node.js, TypeScript, SQL Datenbanken und modularen Abfrage-Schemata.
- Tooleinsatz im Projekt: Git, GitHub und JavaScript Frameworks wie Angular zur Integration von GraphQL im Webstack.
- Code und Struktur: Modellierung, Datenfluss und saubere Schnittstellenlogik nach Clean Code Prinzipien im API-Design.
Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, Webanwendungen mit Frontend- und Backend-Technologien zu entwickeln und zu verwalten, einschließlich der Nutzung von Tools wie GitHub, Docker, und Frameworks wie React und Angular.
