Duration
3 days
Objective
AngularJS training teaches developers how to use AngularJS to facilitate development of single-page web applications that use the Model-View-Controller (MVC) design pattern.
Prerequisite
Attendees must have substantial prior experience developing with JavaScript
Module 1: Introduction to AngularJS
- What does AngularJS do for me?
- Who controls AngularJS?
- How can I get AngularJS?
Module 2: Our first AngularJS application
- A basic application
- Using angular-seed
- The pieces of the puzzle
- Two-way data binding
- Directives
- How it fits together
- How much of the page is an Angular application?
- Model, View, Controller from the AngularJS Perspective
Module 3: Single Page Applications
- What do we mean by Single Page Application?
- Creating Angular Modules
- Using Angular's Routing Service
- Routing Basics
- Accessing URL Data
- Using the $location Service
- Creating a Skeleton Single Page Application
Module 4: Controllers
- Where Controllers fit in, and what they do, from Angular’s perspective
- Managing Scope
- Setting up Behavior
- Building a basic controller
- A more advanced controller
Module 5: Models
- How to create a model
- Explicit models
- Implicit models
Module 6: Views
- Angular's take on the View: a little bit different
- Tying a View to a Controller
- Tying a View to a model
Module 7: Expressions
- Expressions are lightweight code snippets
- Expression capabilities
- Limitations
- The border between expressions and $eval
Module 8: Filters
- Standard filters
- Writing your own filter
- Tying filters together
Module 9: Scopes
- What are scopes?
- What do scopes provide?
- Scope lifecycle
- Scopes as glue between controller and view
- Scope hierarchies
- Scope and events
Module 10: Angular Forms
- Angular forms vs HTML forms
- Angular form controls
- Form events
- The form controller
- Form validation
- CSS classes for form data
Module 11: Ajax, Data, and Angular
- High level interactions with servers
- Low-level server interactions with $http
- The deferred/promises API
- Making RESTful Service calls with $resource
Module 12: Directives
- Teaching HTML new tricks
- Binding text and attributes
- Directive processing lifecycle
- DOM Processing
- Compilation
- Linking
- A basic directive
- Directives and scopes
- Creating reusable directives
- Turning directives into components
Module 13: Testing in Angular
- Unit testing
- Working with Dependency Injection
- Other unit testing issues
- End-to-end testing
- Angular’s E2E testing framework
- Commands and expectations
- Controlling what happens before and after the test
- Running a scenario
Programme scope, delivery arrangements and suitability are confirmed during enquiry.