Angular Routing and Navigation Playbook
This course will teach you several common Angular Routing Patterns, introduce recent improvements to the routing module, and provide a quick reference for acquiring new skills related to Angular routing.
What you'll learn
In this course, Angular Routing and Navigation Playbook, you’ll learn to implement Angular Router in any application and use all of the features the Angular Router Module has to offer. First, you’ll explore how to set up basic routing in different types of Angular applications. Next, you’ll discover how to leverage different preloading strategies and router parameters to optimize load times and create a reliable and fast user experience. Finally, you’ll learn how to protect routes using route guards. When you’re finished with this course, you’ll have the skills and knowledge of Angular Routing needed to provide a smooth and reliable routing experience for both users and your fellow developers.
Table of contents
- Introduction to Angular Routing 1m
- Discussion: Angular RouterModule Exports 4m
- Demo: Bootstrap Angular RouterModule 2m
- Discussion: Declaring Routes 5m
- Demo: Declaring Default and Home Routes 3m
- Discussion: Child Routes and Route Order 5m
- Demo: Declaring a Wildcard Route 4m
- Demo: Hooking into Router Events 6m
- Introduction to User Initiated Navigation 1m
- Discussion: Introduction to RouterLink 2m
- Demo: Add RouterLinks to Template Elements 4m
- Discussion: Styling the Active Element with RouterLinkActive 2m
- Demo: Style Active Links with RouterLinkActive 3m
- Discussion: Navigating Programmatically 2m
- Demo: Routing from Classed with RouterService 4m
- Introduction to Router Parameters 1m
- Discussion: Required Path Parameters 6m
- Demo: Adding a Required Path Parameter 3m
- Discussion: A Clear Flow of State 3m
- Demo: Consuming Path Parameters in Components 4m
- Discussion: Understanding Optional Parameters 4m
- Demo: Adding and Consuming Query Parameters 5m
- Demo: Consuming Query Parameters in a Service 3m