Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Einstieg in die Hybrid-Entwicklung mit Ionic

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

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
70
Getting started with Ionic Framework
Avatar for Aaron Czichon inoverse
1
170

Other Decks in Programming

See All in Programming
プロダクトオーナーから見たSOC2 _SOC2ゆるミートアップ#2
Avatar for Kenta Suzuki kekekenta
0
220
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
240
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
210
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.4k
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
Raku Raku Notion 20260128
Avatar for hareyaka hareyakayuruyaka
0
350
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
180
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2.4k
ぼくの開発環境2026
Avatar for yuzneri yuzneri
0
240
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.9k
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
180
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
Avatar for Date Huang tjjh89017
0
170

Featured

See All Featured
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
120
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
180
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
500
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
8k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k

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