Ionic - Plattformübergreifende Mobile App-Entwicklung
Classroom Schulung | Deutsch | Anspruch
Schulungsdauer: 2 Tage
Ziele
In dieser Schulung lernen die Teilnehmer 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.
Zielgruppe
- Softwareentwickler
- Software-Architekten
Voraussetzungen
Kenntnisse in HTML, CSS und JavaScript
Agenda
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
- 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
Über den Dozenten
Peter Hecker
Ziele
In dieser Schulung lernen die Teilnehmer 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.
Zielgruppe
- Softwareentwickler
- Software-Architekten
Voraussetzungen
Kenntnisse in HTML, CSS und JavaScript
Agenda
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
- 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