Advanced Angular Programming

See Course Outline

Training for your Team

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

Training for Yourself

$1,050.00
or 2 vouchers
  • Live Online Training
  • For Individuals
  • Expert Instructors
  • Guaranteed to Run
  • 100% Free Re-take Option
  • 1-minute Video

Upcoming Classes

  • See More Classes

Please select a class.
Overview

This Advanced Angular Programming training class covers advanced topics of this next generation of the Angular framework. This course is intended for those that already have a basic understanding of the Angular fundamentals and now want to cover more advanced features the Angular framework offers.

This course includes advanced topics including specifics about how to consume REST web services and WebSocket data from Angular applications. Advanced use of the Angular Routing module and Angular Animations are covered. You will learn how to develop Angular applications using Angular CLI. Details of how to test and debug Angular applications are covered in addition to best practices for the style and organization of Angular projects.

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.

Goals
  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.
Outline
  1. Consuming REST Web Services in Angular
    1. Query Parameters
    2. URL Path Parameters
    3. Accepts Header
    4. Content-Type Header
    5. GET
    6. POST
    7. PUT
    8. DELETE
    9. Summary
  2. Consuming WebSockets Data in Angular
    1. WebSockets Overview
    2. WebSockets Use Cases
    3. Angular Libraries for WebSockets
    4. WebSockets From Angular Components
    5. 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. Navigation Guards
    14. Creating Guard Implementations
    15. Using Guards in a Route
    16. Route Animations
    17. Summary
  4. Angular Animations
    1. What is Animation?
    2. Animation Techniques
    3. Animation Concepts
    4. CSS Property Animation
    5. Animation Property Settings
    6. CSS Transforms
    7. Starting and Stopping Animation
    8. Animation Events
    9. Browser Support
    10. Angular Animations
    11. Animation Imports
    12. Named Animation States
    13. Transitions
    14. Special States: void, *
    15. The animate() function
    16. Triggers
    17. Assigning Animations to Elements using Trigger
    18. Invoking Transitions
    19. Assigning Animation to Routes
    20. External Animation Definitions
    21. Summary
  5. Testing Angular Components and Services
    1. Why Test Angular Components?
    2. Jasmine
    3. Karma
    4. Protractor
    5. ngMock
    6. Angular TestBed
    7. Testing Services
    8. Testing Components
    9. Summary
  6. Developing Using AngularCLI
    1. What is AngularCLI?
    2. Installing AngularCLI
    3. Creating Angular Apps
    4. Running Angular Apps
    5. Generating Code
    6. The WebPack Module Loader
    7. Summary
  7. Debugging
    1. What is Augury?
    2. Installing Augury
    3. Opening Augury
    4. Augury Demo App
    5. Component Tree
    6. Router Tree
    7. debug Examples
    8. Summary
  8. Angular Style Guide
    1. What is the Angular Style Guide?
    2. Where To Find It
    3. Style Categories
    4. Single Responsibility
    5. Naming
    6. Coding Conventions
    7. Lifecycle Hook Interfaces
    8. 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

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

88,409

Students who have taken Live Online Training

15,968

Organizations who trust Webucator for their training needs

100%

Satisfaction guarantee and retake option

10.00

Students rated our Advanced Angular Programming trainers 10.00 out of 10 based on 3 reviews

The instructor is very personable and people friendly. She made the hard tasks very simple to understand and gave us quick and easy ways to use MS Project.

Timothy Miles, Detroit Economic Growth Corp (DEGC)
Detroit MI

The instructor kept asking if the class was meeting our needs, if the pace was good and if we understood what we were learning.

Debra Rutten, WYLE
Ridgecrest CA

This was a great learning experience with the convenience of being able to stay at home. The ongoing support that is offered is an excellent feature as the learning isn't over when the classes end.

Gerry Poirier, Queen's college Foundation
Twillingate NF

Instuctor made you feel at ease while teaching you very important information.

Debbie Brewer, LKLP CAC, Inc.
Hazard KY

Contact Us or call 1-877-932-8228