AngularJS and PhoneGap Unite!
Who am I?
Lukas Ruebbelke Blogs at http://onehungrymind.com/ Tweets at @simpulton Contributed to AngularJS Co-Author of AngularJS in Action
What is the goal?
Mobile development feels like this.
It should feel like this.
Get feedback faster
Being honest I AM LAZY!
We all want to spend more time BEING AWESOME!
Do you have an application?
Is it responsive?
You are here...
And here we are!
Part Zero: Foundation
History of AngularJS Developed in 2009 by Misko Hevery. Publicly released as version 0.9.0 in October 2010 Currently at version 1.0.8 stable or 1.2.0rc3 unstable
The AngularJS Elevator Pitch An intuitive framework that makes it easy to organize your code. Testable code makes it easier to sleep at night. Two-way data binding saves you hundreds of lines of code. Templates that are HTML means you already know how to write them. Data structures that are just JavaScript make integration really easy. 99 Problems but scope ain’t one of them!
Hello AngularJS From Scratch / srp.s / citj aglrmdl(MAp,[) nua.oue'yp' ] .otolr'antl,fnto(soe { cnrle(MiCr' ucin$cp) $cp.ol ='hei! soewrd Ponx; }; ) / idxhm / ne.tl <tln-p=MAp> hm gap"yp" <oyn-otolr"antl> bd gcnrle=MiCr" <1Hlo{wrd}/1 h>el {ol}<h> <bd> /oy
The Big AngularJS Picture
Model View Whatever Choose “whatever” pattern helps you be more productive
Controller and $scope $scope is the glue between the Controller and the View The Controller is responsible for constructing the model on $scope and providing commands for the View to act upon $scope provides context
View and Templates The View is AngularJS compiled DOM The View is the product of $compile merging the HTML template with $scope DOM is no longer the single source of truth.
Models and Services Services carry out common tasks specific to the web application Services are consumed via Dependency Injection Services are application singletons Services are instantiated lazily
The 80/20 Rule
Part One: AngularJS
Stop! Demo Time!
Part Two: Firebase
Stop! Demo Time!
Part Three: PhoneGap
PhoneGap 3.0 Whoa! $ sudo npm install -g phonegap $ phonegap create hello com.example.hello HelloWorld $ cd hello $ phonegap run ios
Step One Install the SDKs for the platforms you are targeting
Step Two Install the CLI $ sudo npm install -g phonegap
Step Three Create your project $ phonegap create leaderboard com.example.leaderboard Leaderboard $ cd leaderboard
Step Four Run your project $ phonegap run ios $ phonegap run android
Stop! Demo Time!
Resources
AngularJS http://angularjs.org/ Year of Moo http://www.yearofmoo.com/ One Hungry Mind http://onehungrymind.com/ Egghead.io http://egghead.io/
Firebase https://www.firebase.com/ http://angularfire.com/
PhoneGap http://phonegap.com/ Andrew Trice http://www.tricedesigns.com/ Christophe Coenraets http://coenraets.org/blog/ Holly Schinsky http://devgirl.org/
Thanks!
Angular js and phonegap unite

Angular js and phonegap unite