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

Einstieg in die Hybrid-Entwicklung mit Ionic

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Aaron Czichon Aaron Czichon
October 07, 2015
Programming
100
1

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

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
実践ハーネスエンジニアリング #MOSHTech
Avatar for Takuma Kajikawa kajitack
7
5.7k
Radical Imagining - LIFT 2025-2027 Policy Agenda
Avatar for LIFT lift1998
0
230
20260315 AWSなんもわからん🥲
Avatar for Chiaki Okamoto chiilog
2
190
GoのDB アクセスにおける 「型安全」と「柔軟性」の両立 - Bob という選択肢
Avatar for tak tak848
0
310
今年もTECHSCOREブログを書き続けます！
Avatar for 平奥真一（ひらおくしんいち） hiraoku101
0
220
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
Avatar for Kuniwak orgachem
PRO
8
4.5k
Nuxt Server Components
Avatar for wattanx wattanx
0
240
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
Avatar for shogogg shogogg
2
790
ファインチューニングせずメインコンペを解く方法
Avatar for pokutuna pokutuna
0
270
見せてもらおうか、 OpenSearchの性能とやらを！
Avatar for shunta ichikawa shunta27
1
170
「接続」—パフォーマンスチューニングの最後の一手 〜点と点を結ぶ、その一瞬のために〜
Avatar for 武田 憲太郎 kentaroutakeda
5
2.4k
PCOVから学ぶコードカバレッジ #phpcon_odawara
Avatar for hideki kinjyo o0h
PRO
0
170

Featured

See All Featured
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
230
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
93
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
120
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.4k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
170
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
270
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
500
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
240

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