Advanced Angular Programming

This Advanced Angular Programming training class includes specifics about how to consume REST web services and WebSocket data from Angular 5 applications. Advanced use of the Angular Routing module and Angular Animations are covered. You will learn how to develop Angular 5 applications using Angular CLI. Details of how to test and debug Angular 5 applications are covered in addition to best practices for the style and organization of Angular 5 projects. This course is intended for those that already have a basic understanding of the Angular 5 fundamentals and now want to cover more advanced features the Angular 5 framework offers.

Note: Although initially the 1st major revision of the AngularJS framework was known as "Angular 2" this is now technically incorrect as the Angular framework is releasing newer major versions (although the structure is still the same). Now "AngularJS" refers to the old architecture while simply "Angular" refers to the new architecture.

  1. Consume data from REST web services.
  2. Consume WebSocket data.
  3. Advanced Router Usage.
  4. Angular Animations.
  5. Testing and debugging Angular applications
  6. AngularCLI.
  7. Best practices for Angular application style and organization.
  1. Consuming REST Web Services in Angular
    1. REST Web Services and Angular
    2. Understanding REST
    3. REST Example – Create
    4. REST Example – Retrieve
    5. REST Example – Update
    6. REST Example – Delete
    7. REST Example – Client Generated ID
    8. REST Example – JSON
    9. Knowledge of the REST API
    10. Common Angular Tasks for REST Communication
    11. Angular Service Class Using HTTP Client
    12. RequestOptions
    13. URL Path Parameters
    14. Query Parameters
    15. Common HTTP Request Headers
    16. Override Default Request Options
    17. Returning Response Data
    18. DELETE
    19. GET
    20. PUT
    21. POST
    22. Security of REST APIs
    23. Summary
  2. Consuming Websockets Data in Angular
    1. Web Sockets Overview
    2. Web Sockets Use Cases
    3. Web Socket URLs
    4. Web Sockets Servers
    5. Web Socket Client
    6. The library
    7. Using in JavaScript
    8. Setting up in Angular Projects
    9. Using in an Angular service
    10. Angular websocket.service Notes:
    11. The Angular Web Socket Client Sample App
    12. Angular websocket.component.ts
    13. The Full websocket.component.ts code
    14. Implementation Modifications
    15. Summary
  3. Advanced Routing
    1. Routing Overview
    2. External Route Configuration File
    3. Dedicated Router Module
    4. routerLinkActive binding
    5. Wildcard Route Path
    6. redirectTo
    7. Default Route
    8. Child Routes
    9. Defining Child Routes
    10. <router-outlet> for Child Routes
    11. routerLink Prefixes
    12. Invoking Child Routes
    13. Lazy Loading Modules via Child Routes
    14. Lazy Loading: The child routing module
    15. Lazy Loading: Add routing to the module
    16. Lazy Loading: Update the main routing file
    17. Navigation Guards
    18. Creating Guard Implementations
    19. Using Guards in a Route
    20. Route Animations
    21. Summary
  4. Angular Animations
    1. What is Animation?
    2. Animation Configuration
    3. Animation Techniques
    4. Animation Concepts
    5. CSS Property Animation
    6. Animation Property Settings
    7. CSS Transforms
    8. Starting and Stopping Animation
    9. Animation Events
    10. Browser Support
    11. Angular Animations
    12. Animation Imports
    13. Named Animation States
    14. Transitions
    15. Special States: void, *
    16. The animate() function
    17. Triggers
    18. Assigning Animations to Elements using Trigger
    19. Invoking Transitions
    20. Assigning Animation to Routes
    21. External Animation Definitions
    22. Summary
  5. Testing Angular Components and Services
    1. Testing Angular Components
    2. Testing Tools
    3. Testing Setup
    4. Important Test Configuration Settings
    5. Typical Testing Process
    6. Jasmine Test Suites
    7. Jasmine Specs (Unit Tests)
    8. Expectations (Assertions)
    9. Matchers
    10. Examples of Using Matchers
    11. Using the not Property
    12. Setup and Teardown in Unit Test Suites
    13. Example of beforeEach and afterEach Functions
    14. Angular TestBed
    15. Typical Test Structure
    16. Example of Basic Angular Test
    17. Basic beforeEach Configuration
    18. Automatically Detecting Component Changes
    19. Testing External Templates
    20. Testing Components With Dependencies
    21. Getting Injected Services
    22. Testing With Dependencies – Test Double
    23. Testing With Dependencies – Spy
    24. Testing With Asynchronous Dependencies
    25. Testing Components With @Input and @Output
    26. Testing Routed Components
    27. Summary
  6. Developing Using AngularCLI
    1. What is AngularCLI?
    2. AngularCLI Prerequisites
    3. Installing AngularCLI
    4. Command Help
    5. Creating an App
    6. Running Angular CLI Apps with ng serve
    7. ng serve options
    8. AngularCLI Blueprints
    9. Generating Components
    10. The .angular-cli.json Settings File
    11. Generated Modules
    12. Generated Services
    13. Generated Specs for Unit Testing
    14. An Example Unit Test Spec
    15. Running Unit Tests
    16. End to End Testing
    17. Example End to End Test:
    18. Summary
  7. Debugging
    1. Debugging Overview
    2. Basic Debugging Practices
    3. Development (Debug) Mode
    4. Selecting Elements to Inspect
    5. Inspecting Angular Components with ng.probe
    6. Saving ng.probe Component References
    7. Modifying Values using Component References
    8. Using Breakpoints in Angular Code
    9. Breakpoint in TypeScript Code
    10. What is Augury?
    11. Installing Augury
    12. Opening Augury
    13. Augury - Component Tree
    14. Augury - Router Tree.
    15. Augury - NgModules Tab
    16. Common Exceptions
    17. Common Exceptions: 'No such file: package.json'
    18. Common Exceptions: 'Cant bind to ngModel'
    19. Common Exceptions: 'router-outlet not a known element'
    20. Common Exceptions: 'No provider for Router!'
    21. Summary
  8. Angular Style Guide
    1. What is the Angular Style Guide?
    2. Style Categories
    3. Single Responsibility
    4. Naming
    5. Coding Conventions
    6. App Structure and Angular Modules
    7. Components
    8. Directives and Services
    9. Summary
  9. Angular 5 Features
    1. Build Optimizer
    2. AOT compilation
    3. TypeScript 2.4 Support
    4. Progressive Web App Support
    5. HttpClientModule
    6. NgForOf
    7. Internationalized Pipes
    8. Type Checking in Templates
    9. Upgrading to Angular 5
  10. Overview of JSON Web Tokens (JWT)
    1. RESTful Web Service API Refresher
    2. JSON Web Tokens
    3. JSON Web Token Architecture
    4. JWT Header
    5. JWT Payload
    6. JWT Example Payload
    7. JWT Example Signature
    8. How JWT Tokens are Used
    9. Adding JWT to HTTP Header
    10. How The Server Makes Use of JWT Tokens
    11. What are “Scopes”?
    12. What About OAuth?
    13. Summary
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:

  • Some prior understanding of Angular fundamentals in addition to web development using HTML, CSS, and JavaScript. Experience developing with AngularJS (the prior version) is not required.
Prerequisite Courses

Courses that can help you meet these prerequisites:

Preparing for Class
Follow-on Courses

Training for your Team

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

Training for Yourself

$1,050.00 or 2 vouchers

Upcoming Classes

  • See More Classes

Please select a class.
  • Live Online Training
  • For Individuals
  • Expert Instructors
  • Guaranteed to Run
  • 100% Free Re-take Option
  • 1-minute Video

What people say about our training

The instructor is a very good online teacher. He had many real life tech experiences to share from, so always fun and relevant.
Bo Persson
I was very impressed with the quality of the instructor.
Patrick Martin
This class provided exactly what I needed - an introduction, with explanations and exercises. The instructor was very knowledgeable and attentive to our needs. She did a great job of explaining everything.
Jana Avery
University of North Carolina at Charlotte
It more then met my expectations. I was a little worried to take this course online and not face to face, but it was a great experience. The instructor was fantastic and very knowledgeable.
Amy Mahon
SMC Powder Metallurgy

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing


Students who have taken Instructor-led Training


Organizations who trust Webucator for their Instructor-led training needs


Satisfaction guarantee and retake option


Students rated our Advanced Angular Programming trainers 9.78 out of 10 based on 5 reviews

Contact Us or call 1-877-932-8228