Private Advanced Angular Programming Training

See Course Outline

Training for your Team

2
Days
  • Private Class for your Team
  • Online or On-location
  • Customizable
  • Expert Instructors
Overview

This Advanced Angular Programming training class takes students to the next level in Angular.

Goals
  1. Unit test all the parts of an Angular application including Modules, Components, Services, and Pipes
  2. Upgrade an existing application from AngularJS to Angular 5 over time by running both frameworks in the same project
  3. Start a new Angular project and scaffold modules, components, services, models, routes, and unit tests following best practices using the Angular CLI
  4. Build and deploy an Angular application including combining and minifying JavaScript and HTML files, Tree-shaking unused code, and doing Ahead-of-Time compilation to reduce the size of the Angular framework.
  5. Write End-to-End Tests if your application with Protractor which uses Selenium Web Driver
  6. Using Redux and NgRx to maintain the state in your application
Outline
  1. Unit Testing
    1. Tools: Jasmine, Karma
    2. Jasmine Syntax: describe, it, beforeEach, afterEach, matchers
    3. Setup and your First Test
    4. Testing Terminology: Mock, Stub, Spy, Fakse
    5. Angular Testing Terminology: TestBed, ComponentFixture, debugElement, async, fakeAsync, tick, inject
    6. Simple Component Test
    7. Detecting Component Changes
    8. Testing a Component with properties (inputs) and events (outputs)
    9. Testing a Component that uses the Router
    10. Testing a Component that depends on a Service using a Spy
    11. Testing a Component that depends on a Service using a Fake
    12. Testing a Service and Mocking its Http requests
    13. Testing a Pipe
  2. Security
    1. How to Prevent Cross-site Scripting (XSS)
    2. Trusting values with the DOMSanitizer
    3. HTTP Attacks
    4. Security Audits of Angular Applications
  3. Advanced Components
    1. Component Styles
      1. using MetaData properties: Styles and StyleUrls
      2. Encapsulation Strategies
    2. Change Detection Strategies
    3. Component Lifecycle Hooks
  4. Advanced Routing
    1. Lazy-loading Angular Modules
    2. Location Strategies
    3. Nested or Child Routes
    4. Route Guards
  5. Advanced Dependency Injection
    1. Providers
    2. Using the @Optional and @Host Decorators
  6. Attribute Directives
    1. Creating a custom Attribute Directive using ElementRef, Render
  7. Pipes
    1. Built-in Pipes: Using, Passing Parameters, Chaining
    2. Creating a custom Pipe using PipeTransform
    3. Understanding Pure and Impure Pipes
  8. Creating, Building, and Deploying an Angular Application
    1. Manually
    2. Using the Angular CLI
      1. Overview
      2. Features
      3. Installation
      4. Generating a New Project
      5. Generating Code
      6. Builds
      7. Customizing Builds
      8. Angular Material Setup
      9. Eject
  9. Template-driven Forms
    1. NgSubmit Directive
      1. FormsModule
      2. NgForm, NgModel, and NgModelGroup Directives
      3. Validation Directives
        1. Displaying validation messages
        2. Styling validation messages
  10. Upgrade Strategies from AngularJS
    1. Preparing your AngularJS Project
      1. Integrating a Module Loader
      2. Start using TypeScript
      3. Use Components instead of Controllers
    2. Angular 5 and AngularJS together
      1. Understanding the Upgrade Module
      2. Angular (Angular 5) Components in AngularJS Code
      3. AngularJS Directives in Angular Code
      4. Injecting AngularJS Services into Angular
      5. Injecting Angular Services into AngularJS
      6. Upgrade from AngularJS Router to Angular Router
  11. Redux
    1. Redux Basics
    2. Debugging and Time Traveling with Redux DevTools
  12. End-to-End Testing
    1. What is Protractor?
    2. Why Protractor?
    3. Using Locators
    4. Page Objects
    5. Debugging E2E Tests
  13. npm QuickStart
    1. Installing Dependencies Locally
    2. Using npm as a Build Tool
  14. Webpack Guide
    1. Installation
    2. Building/Bundling
      1. JavaScript
      2. CSS
      3. HTML
      4. Images
    3. Development Builds
    4. Production Builds
  15. Conclusion
Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following is required for this Angular class:

  • Prior experience developing with JavaScript.
Prerequisite Courses

Courses that can help you meet these prerequisites:

Preparing for Class

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

93,987

Students who have taken Live Online Training

16,159

Organizations who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

9.45

Students rated our trainers 9.45 out of 10 based on 5017 reviews

I enjoyed the Adobe Contribute SC5 class very much! The instructor was an amazing mentor.

Luisa Shellhorn, PCE
Winter Park FL

I was very pleased. This was Interactive and really easy to follow.

Natalie Ewton, IRMI
Dallas TX

Instructor provided both content and an approach that addressed our technical and business audience. We all gained new insights into the tools and how to used Business Objects at our company.

Sue Daulton, Tacoma Public Utilities
Tacoma WA

Great course. The instructor was great at taking the complex and making it understandable. I recommend the course.

Frank Sims, Lincoln Financial Group
Fort Wayne IN

Contact Us or call 1-877-932-8228