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
96

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

Other Decks in Programming

See All in Programming
知っているようで知らない"rails new"の世界 / The World of "rails new" You Think You Know but Don't
Avatar for luccafort luccafort
PRO
1
420
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
Avatar for Andrey Chernov inetand
0
5.6k
AndroidXR向けにアプリを作るには
Avatar for Kotaro TAJIMA kotambourine
0
120
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
470
大規模アプリにおけるXcode Previews実用化までの道のり
Avatar for Sho Ikeda ikesyo
0
270
プロパティベーステストによるUIテスト: LLMによるプロパティ定義生成でエッジケースを捉える
Avatar for Tetta Noguchi tetta_pdnt
0
6.5k
Deep Dive into Kotlin Flow
Avatar for Matsuda Jumpei jmatsu
1
390
速いWebフレームワークを作る
Avatar for Yusuke Wada yusukebe
5
1.8k
iOSからFlutterへ20代エンジニアの転身とWidget Preview実践
Avatar for nappannda nappannda
0
110
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
Avatar for dafujii dafujii
1
680
The Past, Present, and Future of Enterprise Java with ASF in the Middle
Avatar for ivargrimstad ivargrimstad
0
250
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
Avatar for Daichi Takeya taked137
0
200

Featured

See All Featured
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
513
110k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
The Language of Interfaces
Avatar for Des Traynor destraynor
161
25k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
61k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.8k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.6k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k

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