Ionic - Plattformübergreifende Mobile App-Entwicklung

Kernkonzepte

• Grundlagen von Ionic
• Plattformübergreifende Entwicklung mit Ionic
• WebView als Basis
• Was sind PWAs?

Erste Schritte

• Übersicht
• Einrichtung der Umgebung
• CLI-Installation
• Pakete und CDN

Grundlagen der Entwicklung

• Start eines Projekts
• Vorschau einer App
• Scaffolding von Elementen
• Entwickeln für iOS
• Entwickeln für Android
• Tipps zur Entwicklung
• Die Hardware-Zurück-Taste
• Die Mobile-Tastatur

Gestaltung von App-Oberflächen

• Strukturierung einer App
• Einsatz von Responsiven Rastern
• Verwendung von globalen Stylesheets
• Einsatz von CSS-Dienstprogrammen

Theming von App-Oberflächen

• Grundlagen des Theming
• Plattform-Stile
• CSS-Variablen
• CSS-Schattenbereiche
• Farben gestalten
• Themen laden
• Verwenden des Dark-Mode
• Fortgeschrittene Techniken
• Nutzen des Farbgenerator

Programmierung mit Angular, React und Vue.js

• Ionic-Architektur und -Konzeption
• Erstellen einer App
• Nutzen der Kamera
• Speichern von Fotos
• Laden von Fotos
• Verteilung auf das mobile Endgerät
• Live-Reload nutzen
• Den App-Lebenszyklus verstehen
• Navigation und Routing
• Konfigurationen
• Verwenden der Ionic-Plattform-API
• Animationen verwenden
• Gesten abfragen
• Testen der App
• Nutzung von Datenspeicher
• Optimierung der App-Leistung
• Erstellen von Progressive Web-Anwendungen (PWA)
• Sicherheit implementieren

Problembehebung in der Entwicklung

• Fehleranalyse und Fehlerbehebung
• Build-Fehler interpretieren und lösen
• Laufzeit-Fehler interpretieren und lösen
• Native-Plattform-Fehler interpretieren und lösen
• CORS-Fehler interpretieren und lösen

App-Bereitstellung im Überblick

• Weitergabe in den Apple iOS App Store
• Weitergabe in den Google Android Play Store
• Erstellen einer Progressiven Web-Anwendung (PWA)
• Erstellen einer Electron Desktop Anwendung

In dieser 2-tägigen Schulung "Ionic - Plattformübergreifende Mobile App-Entwicklung" lernen Sie die Entwicklung und Verteilung/Bereitstellung von iOS-, Android- und PWA-Apps auf Basis des Ionic Framework mit JavaScript (alternativ TypeScript) und einem Frontend-Framework wie Angular, React und VueJS.

• Erfahrungen in HTML, CSS, JavaScript
• Basiskenntnisse in Angular, React oder VueJS

Die Schulung bietet Ihnen eine ausgewogene Mischung aus Theorie und Praxis in einer erstklassigen Lernumgebung. Profitieren Sie vom direkten Austausch mit unseren projekterfahrenen Trainern und anderen Teilnehmern, um Ihren Lernerfolg zu maximieren.

• Softwareentwickler
• Software-Architekten