Dieser Vortrag ist zugleich ein Einstieg in Ionic als auch ein Vergleich zwischen Web Development mit Angular und dem Code von Angular innerhalb einer Ionic App. Nach dem Vortrag wissen die Zuhörer, wie sie von ihren existierenden Web Skills profitieren und damit sogar gute Mobile Apps entwickeln können.

1. Mobile Apps
als
Web Developer?
@schlimmson

2. MOBILE APPS ALS WEB DEVELOPER MIT IONIC
HELLO, I’M SIMON FROM DEVDACTIC!
Simon Grimm

3. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
AGENDA
▸Aktuelle Landschaft
▸Ionic & Angular
▸Demo
▸Ausblick

4. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
EIN BUNTER HAUFEN
▸Web Frameworks
▸Mobile Landscape
▸Desktop

5. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
PROBLEM
▸Kunden wollen Web + Mobile!
▸Ein Framework reicht nicht
▸Mehrere Plattformen = Mehrere Sprachen
▸n Repositories, n Entwicklungsteams

6. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
ENTER: IONIC!
▸Free Open Source Framework für mobile Apps
▸Eine Codebase, alle Plattformen
▸“Hybride Apps”

7. “HYBRID STILL
SUCKS. WEBVIEW
APPS SHOULD ALL
DIE!”
Random Reddit Guy
MOBILE APPS ALS WEB DEVELOPER MIT IONIC

8. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
ONE CODE TO RULE THEM ALL

9. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
CORDOVA - DER HEIMLICHE STAR
▸Packt unsere Webseite als native App
▸Zugriff auf native Funktionalität

10. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
UI KOMPONENTEN
▸Einfach & Anpassbar
▸Theme für alle Plattformen
▸“Natives” UI Gefühl

11. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
TOOLING

13. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
IONIC VS ANGULAR WEB - STRUKTUR
VS.

14. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
IONIC VS ANGULAR WEB - CODE
VS.

15. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
IONIC VS ANGULAR WEB - ROUTING
VS.

16. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
IONIC VS ANGULAR WEB - CLI
VS.
▸Erstellen von neuen Projekten
▸Generierung von Components, Services…
▸Lokales Testen / Vorschau
▸Build & Optimierung

17. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
DEMO TIME

18. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
IONIC ECOSYSTEM
▸Ionic Pro
▸Creator
▸Marketplace
▸Community

19. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
IONIC FUTURE
▸Idee: Ionic unabhängig vom Framework
▸Kompiler zur Erstellung von Web Components

20. Simon Grimm
MOBILE APPS ALS WEB DEVELOPER MIT IONIC
“BOOTSTRAP OF FRAMEWORKS”
“It is an exciting time to be a Web Developer!”
- Adam Bradley, Ionic Lead Developer

21. Vielen Dank für eure Aufmerksamkeit!
@schlimmson ionicacademy.com
Simon Grimm