chrisnicola/angularjs.md

## angularjs.md

      
    Raw
  

              angularjs.md
            
          
    Course Outline


1 Overview of AngularJS (1hr)

1.1 AngularJS architecture overview
1.2 The Angular Batarang
1.3 Using Karma
1.4 Get Setup
1.5 Angular Seed Tour
1.6 Build: Hello World

 Bind tweet to input
 Disable button, if tweet is empty
 Character count binding


2 Data Binding (1hr 30mins)

2.1 Wiring up a controller
2.2 Binding
2.3 Iteration
2.4 Filters
2.5 Forms binding and validation
2.6 Build: A two-way bound form with validation

 Post: add tweet to list
 Show error validation message (tweet too long)
 Search filter by tag/username/text


3 Services and DI (1hr 30mins)

3.1 Overview of the built-in AngularJS services
3.2 Using angular's $http and $resource services
3.3 Promises
3.4 Service registration and injection
3.5 Using services to build a service
3.6 Injecting services
3.7 Build: Create a twitter search service

 Submit simple search
 Set result size
 Create a paging stream (with promises)
 Pass tests


{{ Lunch Break }}


4 Templates and Routing (1hr)

4.1 Linking and images
4.2 The routing API
4.3 PushState, hasbangs and SEO
4.4 Build: Using templates with iteration

 Create a template for each tweet in the list


4.5 Build: Using templates and routing for master/details navigation

 Create a details page for a tweet


5 Directives (2hr)

5.1 Simple directives
5.2 Using templates
5.3 Working with controllers
5.4 Transclusion
5.5 Directive scope and isolate scope
5.6 Build: Tweet Directive

 Add a timer that updates tweet time continuously
 Add a marquee news ticker that can accept data from the incomming tweets
 Bonus: Use D3 to chreat a chart of something


7 Advanced Topics (30 mins)

7.1 How to avoid polluting the global namespace
7.2 Using modules
7.3 Some AngularJS best practices
7.4 Using $watch, $digest, $apply
7.5 AngularJS events

7.5.1 Routing lifecycle events


7.6 Route Resolving


8 Code Dojo: Hacking (30 hr)

Spend the last hour playing and hacking with AngularJS