Intro to AngularJS
Kent C. Dodds
@kentcdodds
+kentcdodds
github.com/kentcdodds
Attribution
Big thanks to Dave Geddes for the original slides and ng-workshop repo!
@geddski | +Dave Geddes | github.com/geddski
Some graphics from the ng-conf keynote: http://goo.gl/hnjLZk
Miško Hevery & Brad Green
Other Frameworks
AngularJS is not alone
And more...
What/Why AngularJS?
I
Web
I 
HTML?
IHTML!
"Angular is not a framework... it's a better browser"
-Miško Hevery
How popular is it?
Crazy Popular!
Trend Graph: http://goo.gl/eidreQ
Strong Community
Let's get Started!
Install:
nodejs.org
git-scm.com
LET'S GET STARTED!
Run
-
$ git clone https://github.com/kentcdodds/ng-workshop.git
- $ cd ng-workshop
- $ git checkout angularfire
- $ npm install
- $ git checkout master
- $ npm run start
- $ open http://localhost:8080
You're browser should be showing you "ng-workshop" at this point :-) You're ready to get started!
Templates
Let's do it!
run: git checkout templates -f
Modules
Let's Do it!
run: git checkout modules -f
Directives
Directives
ng-repeat
ng-view
ng-show
ng-hide
ng-click
etc.
Let's Do It!
run: git checkout directives -f
Let's Make Our Own!
run: git checkout directives-custom -f
Filters
date, currency, number, etc...
Let's Do It!
run: git checkout filters -f
Let's Make Our Own!
run: git checkout filters-custom -f
Controllers
Controllers + Scope
Let's Do It!
run: git checkout controllers -f
Services
Services
$http
$animate
$location
$compile
$log
etc.
Let's Do it!
run: git checkout services -f
Third-Party-Modules
AngularFire
Let's Do It!
run: git checkout angularfire -f
Homework
http://docs.angularjs.org/guide/overview
http://egghead.io
Build Things
Thanks!
Kent C. Dodds
@kentcdodds
+KentCDodds
github.com/kentcdodds