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
98

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
63
Mehr aus Ionic herausholen mit den Ionic Platform Services
Avatar for Aaron Czichon inoverse
1
66
Getting started with Ionic Framework
Avatar for Aaron Czichon inoverse
1
170

Other Decks in Programming

See All in Programming
CSC305 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
250
スマホから Youtube Shortsを見られないようにする
Avatar for lemolatoon lemolatoon
27
33k
iOSエンジニア向けの英語学習アプリを作る！
Avatar for yukawashouhei yukawashouhei
0
200
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
370
Google Opalで使える37のライブラリ
Avatar for MIKIO KUBO mickey_kubo
2
110
大規模アプリのDIフレームワーク刷新戦略 ～過去最大規模の並行開発を止めずにアプリ全体に導入するまで～
Avatar for GO Inc. dev mot_techtalk
1
470
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
Avatar for Takeru Hayasaka takehaya
9
1.7k
NixOS + Kubernetesで構築する自宅サーバーのすべて
Avatar for ichi-h ichi_h3
0
1.1k
Cursorハンズオン実践！
Avatar for Ikko Eltociear Ashimine eltociear
2
1.1k
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
Avatar for Masahiro Nishimi masahiro_nishimi
3
700
CSC509 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
300
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
300

Featured

See All Featured
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.2k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.7k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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