Advanced Angular Programming

  4.9 out of 5 - Read Testimonials

This course can be delivered live online, at your offices, or at any other location.

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 7 fundamentals and now want to cover more advanced features the Angular 7 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. Create advanced HTTP clients.
  2. Consume WebSocket data.
  3. Use the featured of advanced routing.
  4. Test and debug Angular applications.
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. Implementation Modifications
    15. 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:

Training for your Team

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

Training for Yourself

$1,150.00 or 2 vouchers

Upcoming Live Online 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 class was extremely helpful and provided a clear general understanding of VBA. If you're wanting to get your feet wet with a basic understanding of VBA, this class is for you.
Troy Tillman
State of Idaho
Instructor was very knowledgeable in all aspects of the application. It was a pleasure to learn.
Bryan Lerch
State of CT Dept of Children and Families
Best class.
Anthony Osafo
Accenture
This class was very helpful. I learned a lot, and now I feel more confident in my writing.
Nicholas Schuessler
Wells Fargo

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing

62,571

Students who have taken Instructor-led Training

11,832

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