Hands-On Angular Routing

Hands-On Angular Routing
Hands-On Angular Routing
English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 1h 58m | 335 MB

Harness the power and flexibility of Angular Router in your applications with this practical guide

Routing is a very important component of the web or native applications as it affects the power and usability of the application. Most web applications need to support different URLs to navigate users to different pages in the application. That’s where a router comes in.

This course is a simple way to get started with Angular Router and harness its full power for your applications. It’s a JavaScript router implementation that’s designed to work with Angular and is packaged as @angular/router. By using Angular Router, you will activate all required Angular components to compose a page when a user navigates to a certain URL.

You’ll learn to set up routing so that it lets users navigate from one page to another without page reload. Instead, it updates the browser’s history so the user can use the back and forward buttons when navigating between pages. In addition, you’ll do tasks such as redirect a URL to another URL, resolve data before a page is displayed, run scripts when a page is activated or deactivated, and lazy load the parts of our application.

By the end of this course, you’ll be ready to work on projects with Angular Router and make routing configuration work in your Angular application.

The course takes a hands-on approach, creating an interesting and illustrative application to demonstrate the concepts, while only necessary jargon and theory will be discussed.

What You Will Learn

  • Explore the foundations of Angular Routing using practical real-world applications
  • Get the route parameter from your current route and the external route by learning more about routing parameters
  • Fetch data before navigating to the route using Route Resolver
  • Implement child routes in Angular Application by understanding how some routes may only be accessible and viewed within other routes
  • Style, animate and watch the routes
  • Protecting your routes using Route Guards
  • Improve the performance of your Angular application using lazy loading