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
Intro to AngularJS
By Kent C. Dodds
Intro to AngularJS
A simple introduction to AngularJS for new people. This presentation isn't super useful on its own. It's useful to have someone explain the concepts to you, and to follow along. Attribution for the original presentation goes to Dave Geddes.
