In dieser Weiterbildung erlernen Sie die Entwicklung von Frontend Webanwendungen unter Verwendung von React, ergänzt durch fundierte Kenntnisse in HTML und CSS sowie den Einsatz der Frameworks Ionic und Capacitor. Sie werden in die Lage versetzt, plattformübergreifende Anwendungen zu erstellen, die sowohl auf mobilen Geräten als auch im Web funktionieren. Sie erwerben ein tiefgehendes Verständnis für die Strukturierung und Gestaltung von Frontend Webanwendungen mit HTML und CSS. Darauf aufbauend lernen Sie, interaktive Benutzeroberflächen mit React zu entwickeln und diese durch die Integration von Ionic und Capacitor für verschiedene Plattformen bereitzustellen. Ein besonderer Fokus liegt auf der Nutzung von Capacitor zur Implementierung nativer Funktionen innerhalb Ihrer Frontend Webanwendungen. Durch praxisorientierte Übungen und Projekte wenden Sie die erlernten Konzepte direkt an und vertiefen Ihr Wissen in der Entwicklung von Frontend Webanwendungen. Sie arbeiten an realitätsnahen Szenarien, um die Erstellung und Optimierung von plattformübergreifenden Anwendungen zu üben. Nach Abschluss der Weiterbildung sind Sie in der Lage, eigenständig Frontend Webanwendungen zu konzipieren und umzusetzen, die auf verschiedenen Plattformen performant und benutzerfreundlich funktionieren.

React Grundlagen und Umgebung
  • Setup, Erklärung der Umgebung von React und Hello World mit Fokus auf Frontend Webanwendungen
  • Komponente, Elemente und Handhabung mit Fehlermeldungen
  • API-Anbindungen für Frontend Webanwendungen
  • Formulare
  • Typensicherheit in JavaScript und TypeScript im Kontext von Frontend Webanwendungen
  • Router
  • Handhabung Redux in Frontend Webanwendungen
  • Testumgebung React

Ionic und Capacitor Entwicklung
  • Einführung in Ionic und Capacitor mit Bezug zu Frontend Webanwendungen
  • Die erste App mit Ionic und Capacitor
  • Navigation in Ionic und Capacitor für Frontend Webanwendungen
  • Dienste und Speicher in Ionic und Capacitor
  • Angular Essentials für Frontend Webanwendungen
  • UI-Komponenten in Ionic und Capacitor
  • Erstellen, Bereitstellen und Veröffentlichen von Frontend Webanwendungen
  • Ionic Native

Angular Grundlagen und Komponenten
  • Komponenten in Angular für Frontend Webanwendungen
  • Dynamische Templates in Angular
  • Services & Dependency Injection in Frontend Webanwendungen
  • Input Properties und Data Binding
  • Custom Events mit Output Properties in Frontend Webanwendungen anwenden
  • Template-Syntax und Struktur
  • Attribute- und Struktur-Direktiven im Rahmen von Frontend Webanwendungen
  • Routing und Navigation

HTML & CSS Basiskompetenzen
  • Grundlegender Aufbau von HTML-Dokumenten für Frontend Webanwendungen
  • HTML-Elemente für Seitenstrukturierung
  • Selektoren von CSS in Frontend Webanwendungen einsetzen
  • Vererbung und Kaskade in CSS
  • Box-Modell von CSS als Basis von Frontend Webanwendungen
  • Einführung in Cascading Stylesheets (CSS)
  • Responsive Layouts mit Fokus auf Frontend Webanwendungen
  • Textgestaltung mit CSS