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.

Contents

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

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.
Marc Maisonneuve
Marc Maisonneuve
Training program director
Marc Maisonneuve has acted as a Training Program Director, professional effectiveness trainer and user tools practice leader at AFI for several years. Mr. Maisonneuve is known for his analytical skills, his legendary calm and his undeniable desire to encourage people to develop their skills. He has the ability to present technological solutions in a natural way and to adapt them to the concrete needs of the workplace.
Vicky Moreau
Vicky Moreau
Trainer
Vicky Moreau is a passionate freelancer and professional in the area of office automation. She holds a college diploma in office automation, most of her solid experience with the Office Suite was acquired while being an autodidact. In fact, she has successfully completed an MOS (Microsoft Office Specialist) Excel certification.
Francis Ferland-Stevenson
Francis Ferland-Stevenson
Trainer
Francis began as a trainer more than 5 years ago by testing office automation tools designed specifically to met the needs of his colleagues. His calm and his empathy makes him able to adapt his language according to the level of experience of the group. This makes his learnings clear and accessible to anyone. As a trainer, he is therefore attentive to the needs of his students to make sure they meet their objectives and face the challenges.