• Develop a Phonegap App
• Lots of data that users can search and filter
  
• Users most likely will not have internet access
  
• No backend to do the heavy lifting
  
• Store data locally and re-sync to server
• Will need html templates and deep linking with back button support.
  

• Plenty of JS plugins that does those things
  
• Yep, but they are built by many people
• They might not play well with others
• Upgrade your base framework, what will happen?

• All these features are built into the core
  
• Means: Base functionality has less chance
  of "HORKING" up in the future
  
• Better yet, makes it easier to maintain

• HTML Enhanced Web Apps
• AngularJS is a prescriptive client-side JS Framework used to make SPA
  

• You might be thinking "jQuery does X, Y and Z, so I'll just add AngularJS on top of that for the models and controllers"
• DON'T DO IT!!!!!!!
• Sounds tempting but its the wrong way to use Angular and it will bite you in the butt shortly down the road.
• Recommendation:
• Avoid using jQuery at all when getting started with AngularJS because it will help you rid yourself of some really nasty habits and actually learn the framework.

• Actually, Angular has its own version of jQuery
• Limited to a few features like append, addClass, attr, etc...
• Caveat: Will need to use native selectors with an Angular wrapper because there is not selector engine like Sizzle.

• Google "angularjs for jquery developers" and the first two results will be way more in depth
  
• Stack Overflow Conversation
• Art & Logic Blog

1. Two Way Data-binding
2. HTML Templates
3. Dependency Injection
4. Model View Controller (MVC)
5. Deep linking
6. Directives
7. Testable

• Smaller bite size chunks
• Better Organization
  
• Easier Scalability
• Not familiar with MVC pattern?
• Addy Osmani

• Easy to setup Routes
• Try to go to "/pizza/locations"
• Route will serve up the correct template for the URL
• Uses HTML 5 history API
• Fall backs to hashbang URL's, Looking at you IE!

• Teaching HTML new tricks
  
• They're encapsulated templates and code that are now reusable components.

 <div ng-headline></div>

• Angular was written with testability in mind
  
• They have made it super easy to test
  
• Can use Karma test runner + Jasmine
• There is a great talk after this talk by Jake Gibbons "Failing Test on Purpose"

• Always think in terms of architecture
• This isn't your normal website. You need to think like a back-end dev and at the same time think like a front-end dev
• Your app will be disorganized before you know it
• Angular Seed
• Ng-Boilerplate

• Ng-repeat for about 600 items slow
• Found the source code
• It was doing way more than we needed
• Solution:
• pump HTML from the SQL call into an array and just did direct HTML injection
• Took Android load times from about 14sec to 3.5sec
• Took iPhone load times from about 4sec about 0.5sec

• Understand how scope works
• Angular Equivalents of common jQuery functions
• Use AngularUI and related libraries that were made by the same team

• Every millisecond counts
• Go Native JS whenever possible
• Pre Compile Templates if your using tool like Handlebars

• Is built and maintained by dedicated Google Engineers
• That = AWESOME SAUCE
• It's Comprehensive
• Restful API
• MVC
• Data-binding and Dependency Injection
• Extends HTML
• HTML Templates
• Testability
• Up and Running in minutes
• Checkout demos on AngularJS.org
• Less code = more fun

• Youtube's new app for PS3
• Doubleclick Advertising App
• Plunker - its like jsFiddle
• Good Films
• Last but not least DRUM ROLL PLEASE!