Advanced Angular Programming

  4.9 out of 5 - Read Testimonials

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

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. Advanced HTTP Client
    1. Request Options
    2. Returning an HttpResponse Object
    3. Setting Request Headers
    4. Creating New Observables
    5. Creating a Simple Observable
    6. The Observable.create() Method
    7. Observable Operators
    8. More About map
    9. Piping Operators
    10. The flatMap() Operator
    11. The tap() Operator
    12. The zip() Operator
    13. Caching HTTP Response
    14. Making Sequential HTTP Calls
    15. Making Parallel Calls
    16. Customizing Error Object with catchError()
    17. Error in Pipeline
    18. Error Recovery
    19. 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 socket.io-client library
    7. Using socket.io-client in JavaScript
    8. Setting up socket.io-client in Angular Projects
    9. Using socket.io-client 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. The Full websocket.component.ts code
    15. The Full websocket.component.ts code
    16. Implementation Modifications
    17. Summary
  3. Advanced Routing
    1. Routing Overview
    2. Routing Enabled Project
    3. Routing Enabled Feature Module
    4. Using the Feature Module
    5. Lazy Loading the Feature Module
    6. Creating Links for the Feature Module Components
    7. More About Lazy Loading
    8. routerLinkActive binding
    9. Default Route
    10. Wildcard Route Path
    11. redirectTo
    12. Child Routes
    13. Defining Child Routes
    14. <router-outlet> for Child Routes
    15. Links for Child Routes
    16. Navigation Guards
    17. Creating Guard Implementations
    18. Using Guards in a Route
    19. Route Animations
    20. Summary
  4. Introduction to Testing Angular Applications
    1. Unit Testing Angular Artifacts
    2. Testing Tools
    3. Testing Setup
    4. Typical Testing Steps
    5. Test Results
    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 Test Module
    15. Example Angular Test Module
    16. Testing a Service
    17. Injecting a Service Instance
    18. Test a Synchronous Method
    19. Test an Asynchronous Method
    20. Using Mock HTTP Client
    21. Supplying Canned Response
    22. Testing a Component
    23. Component Test Module
    24. Creating a Component Instance
    25. The ComponentFixture Class
    26. Basic Component Tests
    27. The DebugElement Class
    28. Simulating User Interaction
    29. Summary
  5. Debugging
    1. Overview of Angular Debugging
    2. Viewing TypeScript Code in Debugger
    3. Using the debugger Keyword
    4. Inspecting Components
    5. Saving ng.probe Component References
    6. Modifying Values using Component References
    7. Debug Logging
    8. What is Augury?
    9. Installing Augury
    10. Opening Augury
    11. Augury - Component Tree
    12. Augury - Router Tree
    13. Augury - NgModules Tab
    14. Common Exceptions
    15. Common Exceptions: 'No such file: package.json'
    16. Common Exceptions: 'Cant bind to ngModel'
    17. Common Exceptions: 'router-outlet not a known element'
    18. Common Exceptions: 'No provider for Router!'
    19. 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 was well prepared, had lots of insider tips and gave us a strong understanding of AdWords. Would definitely recommend Webucator.
Susannah Maxcy
The Retired Teachers of Ontario
Webucator brought a highly experienced instructor to the table, and it showed! The instructor was very knowledgeable and thorough, and took the time to explain above-and-beyond what was required for this course!
Srinivas Sompalli
Allegis Global Solutions
Webucator was extremely professional and easy to work with. I interviewed many training providers and Webucator was able to deliver the best, onsite, customized training and the best trainer at the most reasonable price.
Jeff Hegedus
Medi-Span/Wolters-Kluwer Health
The trainer was fun and very knowledgeable in her craft. She made the course easy and fun to learn.
Linda Tom
teleflora.com

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

61,268

Students who have taken Instructor-led Training

11,739

Organizations who trust Webucator for their Instructor-led training needs

100%

Satisfaction guarantee and retake option

9.81

Students rated our Advanced Angular Programming trainers 9.81 out of 10 based on 12 reviews

Contact Us or call 1-877-932-8228