Cross-Platform App Entwicklung mit Ionic

Transcript

1. Cross-Platform App Entwicklung mit Ionic
2. Christian Justus • Partner und Tech Lead bei Hybrid Heroes • Spezialisiert auf Cross-Platform Apps auf Basis von Webtechnologien • Ionic Trusted Partner
3. Am Anfang war eine App-Idee ... A) Serious Game B) Foto Community C) Streaming Suchmaschine D) News App
4. TODO * [ ] Know How * [ ] iOS * [ ] Android * [ ] Web * [ ] Geolocation * [ ] Push Benachrichtigungen * [ ] Offline-Funktionaliät * [ ] Gute Performance * [ ] In 3 Monaten fertig werden
5. Projektplan (Entwurf)
6. Projektplan (final)
7. Cross-platform Frameworks
8. Verbreitung
9. Lernkurve
10. Plattform-Unterstützung
11. Native APIs
12. Code-sharing
13. Komponenten-Bibliothek
14. Performance
18. HTML, CSS, JavaScript
19. Entwicklung im Browser
20. @Component({ selector: 'app-home', template: ` <ion-content> <ion-button class="hello-button" (click)="presentToast()"> Hello World!</ion-button> </ion-content> `, styles: ` .hello-button { --width: 200px; } ` }) export class HomePage { constructor(private toastCtrl: ToastController) {} async presentToast() { const toast = await this.toastCtrl.create({ message: 'Hello World!', position: 'middle' }); toast.present(); } }
21. Komponenten Bibliothek* * https://whatwebcando.today
23. Plattformen
24. Ionic Native
26. State of Progressive Web Apps* Voll unterstützt Home Screen Icon, Vollbild, Ortungsdienste, Media Capture, Payment Teilweise unterstützt ⚠ Offline, Push Benachrichtigungen, App Banner, Bluetooth * https://whatwebcando.today
27. Perceived Performance: Spitze!
29. TODO * [X] Know How * [X] iOS * [X] Android * [X] Web * [X] Geolocation * [X] Push Benachrichtiungen * [X] Offline-Funktionaliät * [X] Gute Performance * [X] Fertig in 3 Monaten
31. Vielen Dank! Hybrid Heroes GmbH Reichenberger Straße 113a 10999 Berlin https://hybridheroes.de