Angular.JS End-to-End SPA Development

Master Angular.JS to build powerful, maintainable Single Page Applications for professional JavaScript developers.

Course Thumbnail

Essential Skills Gained

Checkmark

Understand the structure and components of Single Page Applications

Checkmark

Implement AngularJS directives, filters, and services

Checkmark

Design reusable and testable application modules

Checkmark

Optimize data interactions and view updates with AngularJS tools

Format

  • Instructor-led
  • 4 days with lectures and hands-on labs.

Audience

  • JavaScript Developers
  • Front-End Developers
  • Web Application Developers
  • Software Engineers interested in SPAs

Description

The course starts with an introduction to building Single Page Applications (SPA) and talks about the features AngularJS Version 1 provides. From there students learn about different aspects of the framework such as views and directives, controllers and routes, as well as factories and services. Along the way, different debugging techniques and tools are discussed, how different AngularJS components can be customized and shared with other components, and different JavaScript patterns that can be applied to applications to make them more maintainable. By the end of the class students will have walked through the process of building a Single Page Application (SPA) from end-to-end using AngularJS and be ready to apply that knowledge to applications they need to build at work.

Calendar icon

Upcoming Course Dates

No upcoming dates. Please check back later.

Course Outline

Download PDF

AngularJS JumpStart

  1. Introduction to Single Page Applications

  2. AngularJS and SPAs

  3. Data Binding, Directives, and Filters

  4. Views, Controllers and Scope

  5. Modules, Routes and Factories

The Customer Manager Application

  1. Application Overview

  2. Application Technologies

  3. Application Structure

  4. Node.js/Express/MongoDb

  5. Web API/Entity Framework/SQL Server

Unit Testing

  1. AngularJS Unit Testing features

  2. Using Karma and Jasmine

  3. Creating a Test Suite and Specs

  4. Using ngMock, beforeEach() and Dependency Injection

  5. Mocking Objects

Creating Modules and Services

  1. The customerManager Module

  2. Customer Manager Factory/Service Overview

  3. The customersService

  4. Making Ajax Calls with $http

  5. The authService

  6. The dataService Factory and BreezeJS

Defining Routes

  1. Adding the ngRoute Dependency

  2. Configuring Application Routes with $routeProvider

  3. Defining Route Parameters

  4. Adding ng-view

  5. Securing Client-Side Routes

Application Controllers

  1. AngularJS Controller Techniques

  2. The Scope Life Cycle

  3. Application Controllers

Navbar Controller and View

  1. Navbar Functionality

  2. The NavbarController

  3. The Navbar View and Directives

Login Controller and View

  1. Login Functionality

  2. The LoginController

  3. The Login View and Directives

Customers Controller and View

  1. Customers View Functionality

  2. The CustomersController

  3. The Customers View and Directives

  4. Paging Customers

  5. Filtering Customers

  6. Switching Display Modes

Creating Custom Directives

  1. The Role of Directives

  2. Creating Custom Directives

  3. Creating a Custom Validation Directive

  4. Using $http Interceptors in a Custom Directive

Animations

  1. Animation Overview

  2. The ngAnimate Module

  3. Defining Animations in CSS

  4. Referencing Animation Class

Your Team has Unique Training Needs.

Your team deserves training as unique as they are.

Let us tailor the course to your needs at no extra cost.