Angular Advanced Training

2 days (10:00 AM - 5:00 PM Eastern)

$750.00

Register for a live online class.

Details

Subjects Covered

Prerequisites

Setup Requirements

Details

Course Details

This course teaches developers who have a solid grounding in and experience building applications with Angular how to take advantage of the more sophisticated features of this incredibly powerful platform. Achieve the maximum speed possible on the Web Platform today, and take it further, via Web Workers and server-side rendering. Angular puts you in control over scalability. Meet huge data requirements by building data models on RxJS, Immutable.js or another push-model. Build features quickly with simple, declarative templates. Extend the template language with your own components and use a wide array of existing components. Get immediate Angular-specific help and feedback with nearly every IDE and editor. All this comes together so you can focus on building amazing apps rather than trying to make the code work.

This course has been updated for Angular 14.

Subjects Covered

View PDF
PDF

Angular Advanced

  • Advanced Components
    • Lifecycle Hooks
    • Composing Your User Interface
    • Component Communication
    • View Encapsulation
    • Style Scoping with Special Selectors
  • Advanced Directives
    • Access and Update the DOM Using ElementRef and Renderer
    • Respond to User Events Using HostListener
    • Set Properties on the Host Element Using HostBinding
    • Custom Directives Bound to Collections
  • Advanced Routing
    • Handling Parallel Router-Outlets
    • Route Guards
    • Route Transitions and Animation
  • Testing Angular Objects
    • Setting Up the Test Environment
    • Testing Pipes and Simple Services
    • Mocks, Fakes, and Spies
    • Parts of an Angular Test
    • Testing a Simple Component
    • Components with Inputs and Outputs
    • Component with Service
    • Mocking the HTTP Backend
  • Reactive (Model-Driven) Forms
    • Setup/Bootstrap
    • Model
    • Form Component
    • Metadata
    • Template
  • End-to-end Testing
    • Setting up Protractor
    • Searching the Document for Specific Content
    • Interacting with UI Elements
    • Creating Page Helper Objects
  • State Management
    • Kinds of Application State
    • Where to Store State
    • Client State Storage Using ngrx
    • State as Immutable Objects
    • Reducer Functions
  • Appendix: AngularJS to Angular Migration Strategies
    • Design Best Practices for Upgrading
    • Preparation
    • Upgrading with The Upgrade Adapter

Prerequisites

Before Taking this Class

Angular 2 - Introduction, Angular 6 - Introduction, or familiarity building rich client applications using Angular 2 or later features, including Directives, Services, Routing, Pipes and Forms. Experience with AngularJS (the prior version) does not transfer to Angular 2 or higher.

Setup Requirements

Software/Setup For this Class

  • One or more browsers
  • NodeJS
  • A text editor (we strongly recommend Microsoft's Visual Studio Code, which is free)

Onsite Training

Do you have five (5) or more people needing this class and want us to deliver it at your location?

Request a Quote