AngularJS is an opinionated framework – it brings strong ideas about how apps should be built. In return for working with AngularJS conventions, the framework provides an exceptional amount of “magic” to make app development and testing easier.
- Create and debug AngularJS apps using a wide range of built-in components
- Understand how Angular’s architectural features, such as Services, Modules, Scopes, and Directives work together to facilitate proper application design
- Communicate with servers, create simple custom directives, and remain aware of performance pitfalls in Angular development
- Core knowledge of HTML and CSS
- Some knowledge of jQuery, promises/deferreds, JS module patterns will be helpful
- Philosophy of AngularJS
- AngularJS vs. libraries (e.g., jQuery) and other frameworks (e.g., Backbone.js
- Angular philosophy: “HTML for WebApps”
- Directives and Dependency Injection
Setting Up and Debugging Angular
- Using Chrome Debugger and Batarang
Overview of Angular in Action: a Simple App
- Tour a simple, lightweight application
- Strange HTML: What are Filters and Directives?
- Models: Where is the data?
- Services: Where is the rest of the code?
- Modules: How do we structure an app?
- Built-in features overview
- View helper logic
- Using built-in filters
- Models vs. Resources
- Data binding
Client-side routing, the AngularJS way
- $route and $routeProvider
Communication with the Server
- Databinding and AJAX
Leveraging the power of AngularJS
- Custom Directives
- Custom Filters
- Testing Overview
Application Structure and Events
- Modules and Services
- Understanding Dependencies
- Communicating up, down, and across scopes