Ionic - Plattformübergreifende Mobile App-Entwicklung

Ziele der Schulung

In dieser 3-tägigen Schulung "Ionic - Plattformübergreifende Mobile App-Entwicklung" lernen Sie, moderne plattformübergreifende Mobile Apps mit dem Ionic Framework effizient zu entwickeln und bereitzustellen. Sie erwerben praxisorientierte Fähigkeiten zur Konzeption, Umsetzung und Optimierung von Anwendungen für iOS, Android und Progressive Web Apps (PWA) auf Basis von TypeScript sowie eines Frontend-Frameworks wie Angular oder React.

Sie verstehen die Architektur von Ionic-Anwendungen, den Einsatz von Web-Technologien als Grundlage mobiler Apps sowie die Integration nativer Funktionen über Capacitor-Plugins. Darüber hinaus lernen Sie, performante und benutzerfreundliche Oberflächen zu gestalten, Navigation und Routing umzusetzen sowie zentrale Aspekte wie Testing, Debugging und Fehleranalyse systematisch anzugehen.

Ein weiterer Schwerpunkt liegt auf der praktischen Bereitstellung von Anwendungen: Sie lernen, Apps für unterschiedliche Plattformen zu konfigurieren, Builds zu erstellen und diese für die Veröffentlichung in den gängigen App-Stores vorzubereiten. Ergänzend erhalten Sie Einblicke in Performance-Optimierung, Sicherheitsaspekte und alternative Deployment-Optionen wie Desktop-Anwendungen.

Nach dem Seminar sind Sie in der Lage, anspruchsvolle plattformübergreifende Anwendungen eigenständig zu entwickeln, effizient zu testen und professionell bereitzustellen.

Zielgruppe Seminar

• Softwareentwickler
• Software-Architekten

Voraussetzungen

• Erfahrungen in HTML, CSS, JavaScript bzw. TypeScript
• Basiskenntnisse in Angular oder React

Seminarinhalt

Kernkonzepte

• Grundlagen von Ionic
• Plattformübergreifende Entwicklung mit Ionic
• Web-Technologien als Basis
• Was sind PWAs?

Erste Schritte

• Übersicht
• Einrichtung der Umgebung
• CLI-Installation
• Pakete mit npm einbinden

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 Themings
• Plattform-Stile
• CSS-Variablen
• Farben gestalten
• Themen laden
• Verwenden des Dark-Modes
• Fortgeschrittene Techniken
• Nutzen des Farbgenerators

Programmierung (wahlweise mit Angular oder React)

• Ionic-Architektur
• Erstellen einer App
• Den App-Lebenszyklus verstehen
• Verteilung auf das mobile Endgerät
• Live-Reload nutzen
• Navigation und Routing
• Konfigurationen
• Verwenden der Ionic-Plattform-API und Capacitor-Plugins
• Nutzen der Kamera
• Animationen verwenden
• Gesten abfragen
• Testen der App
• Nutzung von Datenspeicher
• Optimierung der App-Leistung
• Erstellen einer PWA
• Optionen für Desktop (Electron/Tauri im Überblick)
• Sicherheit implementieren

Problembehebung in der Entwicklung

• Fehleranalyse und -behebung
• 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 an den Apple iOS App Store
• Weitergabe an den Google Android Play Store

Open Badge für dieses Seminar - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erhalten Sie zusätzlich zu Ihrem Teilnehmerzertifikat ein digitales Open Badge (Zertifikat) – Ihren modernen Nachweis für erworbene Kompetenzen.

Ihr Open Badge ist jederzeit in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com-Konto verfügbar. Mit wenigen Klicks können Sie diesen digitalen Nachweis in sozialen Netzwerken teilen, um Ihre Expertise sichtbar zu machen und Ihr berufliches Profil gezielt zu stärken.

Übersicht: Mobile App Entwicklung Schulungen Portfolio

Mehr zu den Vorteilen von Badges

Seminare kurz vor der Durchführung