55267: Mastering Angular

Description

Duration: 5 days

Overview

Learn to be a great Angular developer. Programming techniques such as RxJS and working with Redux will be covered. This course is intended for professional web developers that already have a basic grasp of Angular and Typescript.

Prerequisites

Students should have experience with Angular, experience with TypeScript and an IDE for web development like Visual Studio Code or WebStorm.

What’s included?

  • Authorized Courseware
  • Intensive Hands on Skills Development with an Experienced Subject Matter Expert
  • Hands on practice on real Servers and extended lab support 1.800.482.3172
  • Examination Vouchers & Onsite Certification Testing- (excluding Adobe and PMP Boot Camps)
  • Academy Code of Honor: Test Pass Guarantee
  • Optional: Package for Hotel Accommodations, Lunch and Transportation

With several convenient training delivery methods offered, The Academy makes getting the training you need easy. Whether you prefer to learn in a classroom or an online live learning virtual environment, training videos hosted online, and private group classes hosted at your site. We offer expert instruction to individuals, government agencies, non-profits, and corporations. Our live classes, on-sites, and online training videos all feature certified instructors who teach a detailed curriculum and share their expertise and insights with trainees. No matter how you prefer to receive the training, you can count on The Academy for an engaging and effective learning experience.

Methods

  • Instructor Led (the best training format we offer)
  • Live Online Classroom – Online Instructor Led
  • Self-Paced Video

Speak to an Admissions Representative for complete details

StartFinishPublic PricePublic Enroll Private PricePrivate Enroll
09/30/201910/04/2019
10/21/201910/25/2019
11/11/201911/15/2019
12/02/201912/06/2019
12/23/201912/27/2019
  1. Reactive Extensions for JavaScript
    1. What are Reactive Extensions
    2. Observable and Observer
    3. Subjects
    4. Cold versus Hot Observables
    5. Making Async Calls
    6. Combining Observables
    7. Error Handling
    8. Dealing with Backpressure
    9. Lab 1: Search Spotify
      1. Baby steps
      2. Debounce
      3. Calling an async method
      4. Cancellation
      5. Error handling
      6. Combining streams
  2. Change Detection
    1. Zones
    2. How Change Detection Works
    3. Immutables and Observables
  3. State management with Redux
    1. Why Redux?
    2. Smart & dumb components
    3. Major Principles
    4. The Store, Actions and Reducers
    5. Tools
    6. Lab 1: Redux Todo App
      1. The Store
      2. Actions and Action Creators
      3. Reducers
      4. Reading data and dispatching events
      5. Debuggin using the Redux DevTools
  4. Bringing Redux to Angular with ngrx
    1. Using RxJS within Redux
    2. Efficient Slicing
    3. Using Async Pipes
  5. The ngrx Store
    1. Responsibilities
    2. Normalizing Data
    3. Initializing the Store
  6. ngrx Reducers
    1. Useful Operators
    2. Splitting Up Reducers
    3. ngrx Effects
    4. Lab 1: Spotify Reducers
      1. Playlist action and reducers
      2. The ‘recent’ list
      3. The search actions
      4. Displaying tracks
      5. Combining reducers
  7. Smart and Dumb Components
    1. Characteristics of Dumb Components
    2. Characteristics of Smart Components
    3. Performance Impact
    4. Lab 1: Spotify Dispatch and Select
      1. Smart and dumb components
      2. Selecting in the Playlist component
      3. Selecting in the Recent component
      4. Dispatching from the App component
      5. Search
      6. View Tracks
  8. Structuring an Application
    1. Domain, Routing, Core and Shared Modules
    2. Exporting and Providing
    3. Clean Imports
    4. Creating Libraries
    5. Lab 1: Struturing the Weather App
      1. Creating modules
      2. Creating Feature Components
      3. Set up routing
      4. Services
      5. Clean imports
      6. Using shared module
      7. Using a library
  9. Forms Advanced
    1. Dynamically Adding Elements
    2. FormArray
    3. Nested Forms
    4. Lab 1: FormArray and Nesting
      1. Working with FormArray
      2. Nesting Forms
  10. Angular Universal
    1. Server-side rendering with Angular Universal
    2. Hot-Loading with preboot