Going Hybrid Mobile with Ionic and AngularJS

21
Going Mobile and Ionic gerred dillon @justicefries with

description

Going Hybrid Mobile with Ionic and AngularJS with Gerred Dillon Presented on September 18 at FITC's Web Unleashed Toronto 2014 More info at www.fitc.ca For years, developers have tried to find an easier way to create mobile apps; they discover hybrid mobile apps, but soon find out that hybrid wasn’t ready for prime-time. Developers encounter problems with speed, building good-looking UIs and a plethora of hardware differences that force them to go back to the land of native. AngularJS changed building apps for the web. Ionic changes building hybrid apps on mobile. Easy-to-use, beautiful and ready to perform, Ionic is an open source framework made for hybrid apps. In this talk, Gerred Dillon introduces developing for mobile with AngularJS and how to supercharge it with Ionic. INTENDED AUDIENCE Developers familiar with AngularJS, who are looking to learn more about applying it to mobile development.

Transcript of Going Hybrid Mobile with Ionic and AngularJS

Page 1: Going Hybrid Mobile with Ionic and AngularJS

Going Mobile

and

Ionicgerred dillon@justicefries

with

Page 2: Going Hybrid Mobile with Ionic and AngularJS

@justicefries

Gerred Dillon

Page 3: Going Hybrid Mobile with Ionic and AngularJS

2009

Page 4: Going Hybrid Mobile with Ionic and AngularJS

2009

( )

Page 5: Going Hybrid Mobile with Ionic and AngularJS

2009

2010

Page 6: Going Hybrid Mobile with Ionic and AngularJS

2009

2010

FUD

Page 7: Going Hybrid Mobile with Ionic and AngularJS

2009

2010

FUD2012

Page 8: Going Hybrid Mobile with Ionic and AngularJS

2009

2010

FUD2012

2013

Page 9: Going Hybrid Mobile with Ionic and AngularJS

2012

2013 20

14

Page 10: Going Hybrid Mobile with Ionic and AngularJS
Page 11: Going Hybrid Mobile with Ionic and AngularJS

performanceuniform UInative access

Page 12: Going Hybrid Mobile with Ionic and AngularJS

performanceng-repeat

ng-transclude$scope.$watch

Page 13: Going Hybrid Mobile with Ionic and AngularJS

performanceuniform UInative access

Page 14: Going Hybrid Mobile with Ionic and AngularJS
Page 15: Going Hybrid Mobile with Ionic and AngularJS

performanceuniform UInative access

Page 16: Going Hybrid Mobile with Ionic and AngularJS
Page 17: Going Hybrid Mobile with Ionic and AngularJS
Page 18: Going Hybrid Mobile with Ionic and AngularJS
Page 19: Going Hybrid Mobile with Ionic and AngularJS

learn.ionicframework.com

Page 20: Going Hybrid Mobile with Ionic and AngularJS

Use - www.ionicframework.com Learn - learn.ionicframework.com Go Native - ngcordova.com IRC - #ionic on irc.freenode.net

Page 21: Going Hybrid Mobile with Ionic and AngularJS

@justicefries

Gerred DillonMe: www.gerred.com Code: www.github.com/gerred Toots: @justicefries