Mastering Angular

Session Detail:    Classroom 2 Day

So, you dipped your toes into the waters of Angular? Time to get your boots wet! This training will take you from being an average Angular developer to a great one. You will gain more insight into the workings of Angular and you will explore more advanced programming techniques like RxJS and working with Redux. Advanced Forms will hold no secrets and you will acquire the assets to make your Angular application production-ready. This course is constantly being updated to the latest version of Angular, currently Angular 6.

Prerequisites

  • Experience with TypeScript.
  • Experience with Angular.
  • An IDE for web development like Visual Studio Code or WebStorm.

Who Can Benefit

This course targets professional web developers that really want to master Angular. Participants of this course need to have a decent understanding of Angular and TypeScript.

Session Outline

Class Outline

Module 1: Reactive Extensions for JavaScript

  • Lesson 1: What are Reactive Extensions
  • Lesson 2: Observable and Observer
  • Lesson 3: Subjects
  • Lesson 4: Cold versus Hot Observables
  • Lesson 5: Making Async Calls
  • Lesson 6: Combining Observables
  • Lesson 7: Error Handling
  • Lesson 8: Dealing with Backpressure

After completing this module, students will be able to:

  • Deal with asynchronous collections
  • Use various operators to transform and combine observables
  • Deal with exceptions and cancellation

Module 2: Change Detection

  • Lesson 1: Zones
  • Lesson 2: How Change Detection Works
  • Lesson 3: Immutables and Observables

After completing this module, students will be able to:

  • Debug strange behavior with change detection
  • Think about optimization strategies concerning change detection

Module 3: State management with Redux

  • Lesson 1: Why Redux?
  • Lesson 2: Smart & dumb components
  • Lesson 3: Major Principles
  • Lesson 4: The Store, Actions, and Reducers
  • Lesson 5: Tools

After completing this module, students will be able to:

  • Have a decent understanding of the redux pattern. The actual/optimal implementation will be done with ngrx

Module 4: Bringing Redux to Angular with ngrx

  • Lesson 1: Using RxJS within Redux
  • Lesson 2: Efficient Slicing
  • Lesson 3: Using Async Pipes

After completing this module, students will be able to:

  • Have an overview of ngrx

Module 5:  The ngrx Store

  • Lesson 1: Responsibilities
  • Lesson 2: Normalizing Data
  • Lesson 3: Initializing the Store

After completing this module, students will be able to:

  • Create an ngrx store in an effective way
  • Avoid redundancy in the store

Module 6: ngrx Reducers

  • Lesson 1: Useful Operators
  • Lesson 2: Splitting Up Reducers
  • Lesson 3: ngrx Effects

After completing this module, students will be able to:

  • Create a reducer for ngrx
  • Split up complex reducers into manageable children
  • Deal with side-effects like async calls

Module 7: Smart and Dumb Components

  • Lesson 1: Characteristics of Dumb Components
  • Lesson 2: Characteristics of Smart Components
  • Lesson 3: Performance Impact

After completing this module, students will be able to:

  • Re-organize components into smart and dumb components
  • Hook up components to the ngrx store

Module 8: Structuring an Application

  • Lesson 1: Domain, Routing, Core and Shared Modules
  • Lesson 2: Exporting and Providing
  • Lesson 3: Clean Imports
  • Lesson 4: Creating Libraries

After completing this module, students will be able to:

  • Organize potentially large applications into the different types of modules
  • Split up large applications into libraries
  • Organize imports in a clean fashion

Module 9: Forms Advanced

  • Lesson 1: Dynamically Adding Elements
  • Lesson 2: FormArray
  • Lesson 3: Nested Forms

After completing this module, students will be able to:

  • Build dynamic forms
  • Split up complex forms into smaller chunks

Module 10: Angular Universal

  • Lesson 1: Server-side rendering with Angular Universal
  • Lesson 2: Hot-Loading with preboot

After completing this module, students will be able to:

  • Add server-side rendering to their Angular application

Need to train your team?

All of our sessions can be customized to meet your team’s specific need. Build the perfect program by picking and choosing topics from any of the courses in our catalog. A personalized private session gives you the ultimate flexibility and helps maximize your team’s valuable time!

Requesting Team Training
DateTimeTypePriceAdd To Cart

Mastering Angular

2 Day
Classroom

$1,090.00

Chat with a Coach

Chat with a Coach

Have a more immediate need? Why spend the next hour searching online for answers when you can spend just 15 minutes with one of our experts and get accurate and personalized answers to all of your questions. 

$9.99 | 15 Minutes

Book Now