Ionic - Plattformübergreifende Mobile App-Entwicklung

Ziele

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.

Zielgruppe

• Softwareentwickler
• Software-Architekten

Voraussetzungen

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

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 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

Open Badge - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.

Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.

Mehr zu den Vorteilen von Badges

Kurz vor Durchführung