Getting started with Ionic Framework

Slide 1

Slide 1 text

@ionicgermany Ionic Framework Getting started with

Slide 2

Slide 2 text

@ionicgermany

Slide 3

Slide 3 text

@ionicgermany Ionic = Framework + Tools

Slide 4

Slide 4 text

@ionicgermany Basic: AngularJS

Slide 5

Slide 5 text

@ionicgermany Why Ionic? Design + Logic + Native

Slide 6

Slide 6 text

@ionicgermany Native vs Hybrid „I want a native App“

Slide 7

Slide 7 text

@ionicgermany Downsides of Native „Our biggest mistake was betting too much on HTML5“

Slide 8

Slide 8 text

@ionicgermany „But I only need iOS…“

Slide 9

Slide 9 text

@ionicgermany Ionic Stack Your App Ionic Angular JS Web View (Cordova) Native SDK @ionicgermany

Slide 10

Slide 10 text

@ionicgermany Features  Complex Lists  Collection Repeat  Navigation (AngularUI Route)  Tabs  Side Menu  Slide Box  Action Sheet  Popover  Modal  Pull to Refresh  …

Slide 11

Slide 11 text

@ionicgermany Ionic is abut Tools

Slide 12

Slide 12 text

@ionicgermany Ionic Creator

Slide 13

Slide 13 text

@ionicgermany Ionic CLI  Wrapper for cordova CLI  Package  Upload to Ionic account  Browser install (crosswalk support)  Setup (Grunt, SASS)  Resources  Ions

Slide 14

Slide 14 text

@ionicgermany Ionic View

Slide 15

Slide 15 text

@ionicgermany

Slide 16

Slide 16 text

@ionicgermany Demo Time!

Slide 17

Slide 17 text

@ionicgermany Great community! Follow @ionicframework and @ionicgermany on Twitter

Slide 18

Slide 18 text

@ionicgermany www.aaronczichon.de