code for basic intro talk on Angularjs
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
01-hello-world
02-tdd-is-good
03-get-some-data
04-freebase-app
libs
README.md

README.md

phillyjs-angular

code for basic intro talk on Angularjs.
These examples are hosted at http://angular.isourthing.com/

Three slide intro at https://docs.google.com/presentation/d/12pdVjoonpo2QjHg3FMrs0I5igTFV8DqMGCMqfxsaZa4/edit?usp=sharing

Notes to talk about:

Why Javascript 'App'

  • Have lots of APIs, very few UI
  • Rapidly deploy clients as static HTML

Why Angular

  • State in your models
    • no subclassing
  • Namespaces / Scopes
  • Testing matters
  • Dependency Injection
  • Rich Ecosystem

Simplest possible example - 01-hello-world

  • You should not have to learn a framework to use a framework (insert Java / Maven joke here)
  • Review simple example, data binding
  • Review hello-controller.html
    • Look at the scopes
    • add button to see UI react to data
  • Talk about DI again

TDD segue

Talk about custom filters

  • Show how to test HTTP calls

using yeoman / app seed

  • Introduce modules
    • Namespaces & Scopes are a great ideas - do them more
    • Encourage reusable modules and services
  • Introduce routes
    • Single page apps are all the rage.
    • HTML pushstate and fallbacks, angular handles it
    • Reverse routing, like rails
  • Introduce filters
    • Illadelphia
    • encoideID?
  • mention directives
    • show angular-bootstrap accordion

Take questions