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

Über den Dozenten

Peter Hecker

Tags

Diese Seite weiterempfehlen