Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Einstieg in die Hybrid-Entwicklung mit Ionic

Avatar for Aaron Czichon Aaron Czichon
October 07, 2015
Programming
1
99

Einstieg in die Hybrid-Entwicklung mit Ionic

Vormittags-Talk auf den AngularJS Days 2015 in Berlin

Avatar for Aaron Czichon

Aaron Czichon

October 07, 2015
Tweet

More Decks by Aaron Czichon

See All by Aaron Czichon
AJS-Days 2016: Einstieg in die Hybrid-Entwicklung mit Ionic
Avatar for Aaron Czichon inoverse
1
65
Mehr aus Ionic herausholen mit den Ionic Platform Services
Avatar for Aaron Czichon inoverse
1
68
Getting started with Ionic Framework
Avatar for Aaron Czichon inoverse
1
170

Other Decks in Programming

See All in Programming
Rubyで鍛える仕組み化プロヂュース力
Avatar for muryoimpl muryoimpl
0
110
sbt 2
Avatar for kenji yoshida xuwei_k
0
290
開発に寄りそう自動テストの実現
Avatar for Hiroki Iseri goyoki
2
940
組み合わせ爆発にのまれない - 責務分割 x テスト
Avatar for HAL halhorn
1
150
令和最新版Android Studioで化石デバイス向けアプリを作る
Avatar for Sora Arakawa arkw
0
400
【CA.ai #3】Google ADKを活用したAI Agent開発と運用知見
Avatar for Kazuki Hara harappa80
0
310
20251127_ぼっちのための懇親会対策会議
Avatar for kokamoto01 kokamoto01_metaps
2
430
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
Avatar for Matsumoto Moeka moeka__c
6
3k
AIエージェントを活かすPM術 AI駆動開発の現場から
Avatar for gyuta gyuta
0
410
UIデザインに役立つ 2025年の最新CSS / The Latest CSS for UI Design 2025
Avatar for IKEDA Yasunobu clockmaker
18
7.4k
Cap'n Webについて
Avatar for Yusuke Wada yusukebe
0
130
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
Avatar for JaiChangPark itsmedreamwalker
1
110

Featured

See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
70k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.8k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
510
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k

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?

  26. None

  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