Einstieg in die Hybrid-Entwicklung mit Ionic

Vormittags-Talk auf den AngularJS Days 2015 in Berlin

Transcript

1. Ionic
2. Aaron Czichon • cellent AG • Ionicframework.de • WebAtlas GbR • @inoverse • PHP , .NET (WebAPI), Knockout.js, AngularJS, Ionic
3. Ionic
4. SDK Platform
5. Ionic Framework (SDK)
6. Was ist Ionic? Entstehung Resourcen Cordova/Phonegap NPM Technologien AngularJS Ionic SDK
7. Was ist Ionic?
8. Was ist Ionic? + +
9. Was ist Ionic?
10. Entstehung von Ionic
11. Entstehung
12. Entstehung
13. Entstehung =
14. Resourcen
15. Resourcen ionicframework.com ionic.io ngcordova.com
16. Cordova/Phonegap
17. Cordova/Phonegap
18. Cordova/Phonegap
19. Cordova/Phonegap Cordova?!? Phonegap?!?
20. Cordova/Phonegap Cordova?!? Phonegap?!?
21. Cordova/Phonegap App Kamera File System WebView Ionic Plug-In System Kamera Plug-In File System Plug-In
22. Tools/Techniken
23. Tools/Techniken NodeJS / NPM Cordova Ionic SDK
24. Tools/Techniken Unsere App Ionic Angular JS Web View (Cordova) Native SDK
25. Warum Ionic?
27. Hybrid Native Kosten Kosten Zeit Zeit Ionic Services Ionic Services
28. Downsides of Native „Our biggest mistake was betting too much on HTML5“
29. Multi-Million-Dollar Unternehmen Business ist abhängig von der App Viele native Entwickler? Game-Development?
30. Do native!
31. Ionic SDK UI Controls Javascript Library CLI Creator Playground
32. Framework
33. Ionicons
34. CLI / Lab
35. Ionic Playground
36. Ionic Creator
37. Framework: Controls
38. Framework: Controls  Custom HTML Tags  Anpassbar dank SASS  Platform-Classes  Dynamic Templates  Styling via Angular
39. Framework: Controls  Lists  Cards  Toggles  Tabs  Sidemenu  …
40. Framework: Library
41. Framework: Library Action Sheet Ionic Keyboard Ionic Keyboard Modal Views Popover Popups
42. Framework: Library  ConfigProvider  Max cached Views  Scrolling settings  Back Button Config  Checkbox config  Template settings  …
43. Framework: Library Platform Library
44. Framework: Library Navigation Stack View 1 View 2 View 3 - View 1 - View 2 - View 1
45. https://github.com/Inoverse/angularjs-days
46. Ionic Playground
47. Demo
48. Ionic Creator
49. Demo
50. Ionic CLI
51. Demo
52. Ionic Lab
53. Demo