Angular Router In Depth (Angular 20)

Build large-scale Angular 19 Single Page Applications (SPAs) with the powerful Angular Router
4.51 (1587 reviews)
Udemy
platform
English
language
Web Development
category
Angular Router In Depth (Angular 20)
17 167
students
5 hours
content
Jun 2025
last update
$19.99
regular price

Why take this course?

🌟 Course Title: Angular Router In Depth (Angular 18)
🚀 Course Headline: Build Large-Scale Angular 18 Single Page Applications (SPAs) with the Powerful Angular Router!




  1. What is a single page application?
  2. Best practices for router configuration: home route, page not found route, etc.
  3. Essential Router configurations concepts: paths, components, and outlets
  4. Essential Router navigation concepts; the routerLink and routerLinkActive directives
  5. Relative vs Absolute routing best practices
  6. Understanding Path matching and router configuration order
  7. Router Path and Query parameters
  8. Router redirects
  9. Deep linking with the Angular router: master-detail with detail-to-detail navigation scenario
  10. Understanding router snapshots vs router observables
  11. Lazy loaded routes
  12. Route data pre-loading with Resolvers
  13. Router module pre-loading strategies, building a custom preloading strategy
  14. Router Guards - CanActivate and CanActivateChild Authentication Guards
  15. Preventing route exits with CanDeactivate guards
  16. Checking if a lazy-loaded module can be loaded with CanLoad
  17. Router Loading Indicator
  18. Understanding Router Hash location strategy
  19. Secondary router outlets and auxiliary routes
  20. The router module extra configuration options: enableTracing, scrollPositionRestoration, paramsInheritanceStrategy, etc.


Course Gallery

Angular Router In Depth (Angular 20) – Screenshot 1
Screenshot 1Angular Router In Depth (Angular 20)
Angular Router In Depth (Angular 20) – Screenshot 2
Screenshot 2Angular Router In Depth (Angular 20)
Angular Router In Depth (Angular 20) – Screenshot 3
Screenshot 3Angular Router In Depth (Angular 20)
Angular Router In Depth (Angular 20) – Screenshot 4
Screenshot 4Angular Router In Depth (Angular 20)

Loading charts...

Comidoc Review

Our Verdict

The Angular Router In Depth (Angular 19) course offers valuable insights into mastering large-scale Single Page Applications using the Angular router. Despite its minor shortcomings, such as pricing and occasional outdated sections, the practical example app and in-depth coverage of core concepts make this a worthwhile pursuit for developers ready to expand their Angular expertise.

What We Liked

  • Covers advanced Angular router concepts such as lazy-loading, preloading, and router guards in depth
  • Real-world example application with downloadable codebase provides a practical understanding of implementing the Angular router for large-scale SPAs
  • Addresses best practices when working with Angular router, enabling students to master details like master-detail navigation and detail-to-detail navigation
  • Comprehensive coverage of Angular 19, making it an up-to-date resource for learning the latest version of Angular

Potential Drawbacks

  • Prices seem high, with some students expecting a reduction in cost without compromising on content
  • Some sections may appear outdated despite being an Angular 19 course, causing minor deviations from actual practice
  • Limited focus on the router might lead experienced developers to Google for specifics or other advanced concepts not explicitly covered
  • No in-depth explanation of how various components interact, leaving more curious learners wanting to dig deeper behind the scenes

Related Topics

3202558
udemy ID
04/06/2020
course created date
07/07/2020
course indexed date
Abdel
course submited by