Angular - Advanced Level

Work with a lot of interactivity on a Angular application.
Private session

This training is available in a private or personalized format. It can be provided in one of our training centres or at your offices. Call one of our consultants of submit a request online.

Call now at 1 877 624.2344

  • Duration: 2 days
  • Regular price: On request

Course outline

Duration : 2 days

This is an intensive instructor-led workshop that covers advanced topics dedicated to people who are already familiar with Angular and TypeScript! This workshop is very hands-on and you'll have the chance to work on an Angular data-centric business application with plenty of interactivity with the instructor.

PrerequisitesThis is a technical course which offers a continuous mix of theory (powerpoint) and labs (work on computer/laptop). Each section has slides, demos and exercises (see the course outline below). We are strong proponents of learning by doing, so every participant should have a computer/laptop.
Teaching methodYou should have significant experience with the core concepts of Angular, TypeScript and RxJS.


Advanced Routing

  • Lazy Loading
  • Preloading Modules
  • Diagnostic with traces
  • Auxiliary routes
  • Routes Transitions
  • Protect routes access with Guards
  • Route Resolver
  • Setting metadata for SEO
  • Router events

Complex Error Handling

  • Global Error Handler
  • Managing different types of errors: Code, Navigation, Http
  • Error Service, offline mode and log to server
  • Http Errors Interceptor with auto retry for failed requests
  • Notification Service: using an RxJS Subject to stream messages and display toast notifications

Optimizing performance

  • Exploring different techniques to improve your apps and make them run fast and smooth:
  • Bundling, Minification, dead code elimination, enableProdMode()
  • Performance for Data Binding with OnPush
  • Profiling an app performance
  • Web Workers to improve responsiveness
  • Profiling runtime performance
  • Using bundle analyzer
  • Virtual Scrolling
  • Improve ngFor with trackBy
  • Caching with Service Worker
  • Progressive Web App (PWA)

Advanced RxJS

  • RxJS and Reactive Programming
  • Data Composition with Observables
  • Most important RxJS operators
  • Using Subjects (BehaviorSubject, ReplaySubject)
  • Introduction to Higher-order Mapping Operators (switchMap, flatMap, ...)

Modern State Management with Redux and ngrx

  • Why Redux ?
  • Introduction to the ngrx platform
  • Setting up ngrx store
  • Stateful vs stateless components
  • Immutability and performance
  • Ngrx error handling
  • Managing the router state in the store
  • Async actions with ngrx effects
  • Removing boilerplate with ngrx entity
  • Live debugging and time travelling with ngrx DevTools
  • NgRx Data

Angular Universal

  • Improving performances and SEO
  • Server-Side Rendering
  • Static Site Generation
  • Overview of Scully (Jamstack)

Final QnA

Surround yourself with the best

Pierre-Edouard Brondel
Pierre-Edouard Brondel
Trainer and Desktop Application Consultant
Renowned as an educational expert in the IT and office technology field who has accumulated more than 25 years of experience, Pierre-Édouard is first and foremost passionate about human capital.
Marc Maisonneuve
Marc Maisonneuve
Trainer and Professional Efficiency Consultant
Frédéric Paradis
Frédéric Paradis
Certified Trainer and Cloud Architect
As a certified Microsoft trainer, Frédéric describes himself as a Cloud magician who easily navigates the mythical space between technology and reality.
Claude Marson
Claude Marson
Formateur et consultant TI
Be aware of trends, innovations and best practices, every month.
Training center accredited by Emploi-Québec, Accreditation : 0051460
GST : 141582528 – QST : 1019557738
© 2021 AFI
AFI Expertise

The AFI experience brought to you by Edgenda

At AFI, our focus is to offer you relevant training and impactful learning experiences in line with your transformation approach. Do you need support for your approach? Check out Edgenda’s services: