AJS-Days 2016: Einstieg in die Hybrid-Entwicklung mit Ionic

Workshop für den Einstieg in die Hybrid-Entwicklung mit Ionic auf den AngularJS Days 2016 in München

Transcript

1. Aaron Czichon | cellent AG / WebAtlas GbR Einstieg in die Hybrid- Entwicklung mit Ionic
2. Aaron Czichon • cellent AG • Ionicframework.de • WebAtlas GbR • @inoverse • PHP, .NET (WebAPI), Knockout.js, AngularJS, Ionic
3. Ionic SDK Platform
4. Was ist Ionic?
6. + +
8. ionicframework.com ionic.io ngcordova.com Ressourcen
9. Cordova/Phonegap
10. App Kamera File System WebView Ionic Plug-In System Kamera Plug-In File System Plug-In
12. Warum Hybrid-Apps?
14. Hybrid Kosten Zeit Ionic Services Live-Updates
15. Native Performance Grafik Hardware-Schnittstellen
16. Downsides of Web „Our biggest mistake was betting too much on HTML5“
17. Multi-Million-Dollar Unternehmen Business abhängig von App Native-Entwickler vorhanden Game-Development
18. Ionic SDK UI Controls Javascript Library CLI Playground Creator Lab Ionicons
19. UI Controls • Custom HTML Tags • Anpassbar mit SASS • Platform Classes • Dynamic Templates
20. UI Control Types • Tabs • Sidemenu • Cards • Toggles • Lists • Ranges • … • Passcode-Control • Date-/Time-Picker • Swipable Cards • Header Loading • …
21. Platform Design Guidelines
22. Library Action Sheet Ionic Keyboard Modal Views Popover Popups Loading
23. Library – Navigation Stack Navigation Stack View 1 View 2 View 3 - View 2 - View 1
24. Code https://github.com/inoverse/ajs-days-2016-munich/
25. Ionic Platform Services
26. Benefits • Schneller Entwicklungsstart • Plattform unabhängig • Fokus auf Ionic • Unterstützung bei Produktdesign
27. www.ionic.io
28. Setup Ionic Platform Web Client Ionic init Cordova Plugin
29. Shell ionic add ionic-platform-web-client ionic io init
30. View App
31. Ionic App Ionic.io Account
33. Ionic App Ionic Server
34. Analytics
36. Push
38. Deploy
39. Ionic App App Store Play Store <12 Tage 24h
40. Ionic App App Store Play Store Ionic Deploy Server
41. Package
42. Ionic Package Server
43. User / Authentication
44. Ionic App Ionic Auth Server • Basic • Github • Facebook • Google • Instagram • LinkedIn • Twitter