Application Development and Programming

Advanced Angular 4

Code: ANG-JS-172

2 days

List Tuition : $1,595.00 USD

Course Overview

    Download PDF 

Advanced Angular 4 training teaches developers with some Angular experience how to take advantage of the framework’s more sophisticated features.

Most courses are delivered as private, customized, on-site training at our clients' locations worldwide for groups of 3 or more attendees and are custom tailored to their specific needs. These courses can also be delivered as live, private online classes for groups that are geographically dispersed or wish to save on the instructor's or students' travel expenses. To receive a customized proposal and price quote for private training at your site or online, please contact us.

View our Angular page for details on All Angular Trainings

 

Students with some Angular experience how to take advantage of the framework’s more sophisticated features.

All students will learn how to:

  • Unit test all the parts of an Angular application including Modules, Components, Services, and Pipes
  • Upgrade an existing application from AngularJS to Angular 4 over time by running both frameworks in the same project
  • Create, build, and deploy an Angular (Angular 4) application using the Angular CLI
  • Develop dynamic Model-driven forms that are easier to unit test

Introduction

Testing

  • Tools: Jasmine, Karma
  • Jasmine Syntax: describe, it, beforeEach, afterEach, matchers
  • Setup and your First Test
  • Testing Terminology: Mock, Stub, Spy, Fakse
  • Angular Testing Terminology: TestBed, ComponentFixture, debugElement, async, fakeAsync, tick, inject
  • Simple Component Test
  • Detecting Component Changes
  • Testing a Component with properties (inputs) and events (outputs)
  • Testing a Component that uses the Router
  • Testing a Component that depends on a Service using a Spy
  • Testing a Component that depends on a Service using a Fake
  • Testing a Service and Mocking its Http requests
  • Testing a Pipe

Security

  • How to Prevent Cross-site Scripting (XSS)
  • Trusting values with the DOMSanitizer
  • HTTP Attacks
  • Security Audits of Angular Applications

Advanced Components

  • Component Styles using MetaData properties: Styles and StyleUrls
  • Change Detection Strategies
  • Component Lifecycle Hooks

Advanced Routing

  • Lazy-loading Angular Modules
  • Location Strategies
  • Nested or Child Routes
  • Route Guards

Advanced Dependency Injection

  • Providers
  • Using the @Optional and @Host Decorators

Model-driven Forms (Reactive Forms)

  • ReactiveFormsModule
  • AbstractControl, FormControl, FormGroup, and FormArray
  • FormBuilder
  • Validators

Attribute Directives

  • Creating a custom Attribute Directive using ElementRef, Render

Pipes

  • Built-in Pipes: Using, Passing Parameters, Chaining
  • Creating a custom Pipe using PipeTransform
  • Understanding Pure and Impure Pipes

Creating, Building, and Deploying an Angular Application

  • Manually
  • Using the Angular CLI with Ahead-Of-Time (AOT) Compilation and Tree-Shaking (removing unused library code)

Upgrade Strategies from AngularJS

  • Preparing your AngularJS Project
  • Angular 4 and AngularJS together

Redux

  • Redux Basics
  • Debugging and Time Traveling with Redux DevTools

Conclusion

All attendees must have strong prior JavaScript experience and experience with Angular equivalent to Intro to Angular 4 training.

Bring Training to You

Request schedule for this course

Request a Quote for this Class

We provide government and government contractor discounts, please request a quote

Schedule



total option: 0

Hotel and Travel can be included on your quote.
For immediate response, you can call 1-855-515-2170 or we will provide a quote within 4 business hours. Travel must be booked 14 days before training for rate to apply.

Learn How to Become a Managed Learning Member

Request a Quote

Thank you for requesting a quote, we will be in touch shortly with a quote. If you need immediate assistance, please call 855-515-2170.

Request Other Date

Request date or location you need

Don’t see the date or location you need? Contact us and let us know, we are adding dates and locations daily.

Request a Quote for this Class