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?


IWeb


 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

  1. $ git clone https://github.com/kentcdodds/ng-workshop.git
  2. $ cd ng-workshop
  3. $ git checkout angularfire
  4. $ npm install
  5. $ git checkout master
  6. $ npm run start
  7. $ 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.

  • 7,453