Angular Routing and Navigation Playbook

Focused View

Lara Newsom

2:43:22

50 View

1. Course Overview

1. Course Overview.mp4

01:43

2. Course Introduction and Code Examples

1. Course Introduction and Code Examples.mp4

04:23

3. Basic Angular Routing Setup

1. Introduction to Angular Routing.mp4

01:23

2. Discussion - Angular RouterModule Exports.mp4

03:48

3. Demo - Bootstrap Angular RouterModule.mp4

02:24

4. Discussion - Declaring Routes.mp4

04:43

5. Demo - Declaring Default and Home Routes.mp4

03:24

6. Discussion - Child Routes and Route Order.mp4

04:38

7. Demo - Declaring a Wildcard Route.mp4

03:43

8. Demo - Hooking into Router Events.mp4

05:56

4. Routing in Standalone Component Applications

1. Introduction to Standalone Components and Routing.mp4

04:15

2. Demo - Bootstrapping Routing in a Standalone Component Based Application.mp4

04:22

5. User Navigation between Views

1. Introduction to User Initiated Navigation.mp4

00:47

2. Discussion - Introduction to RouterLink.mp4

02:29

3. Demo - Add RouterLinks to Template Elements.mp4

04:07

4. Discussion - Styling the Active Element with RouterLinkActive.mp4

01:59

5. Demo - Style Active Links with RouterLinkActive.mp4

02:49

6. Discussion - Navigating Programmatically.mp4

01:57

7. Demo - Routing from Classed with RouterService.mp4

03:58

6. Driving State with Router Params

1. Introduction to Router Parameters.mp4

01:08

2. Discussion - Required Path Parameters.mp4

05:33

3. Demo - Adding a Required Path Parameter.mp4

02:40

4. Discussion - A Clear Flow of State.mp4

02:56

5. Demo - Consuming Path Parameters in Components.mp4

03:41

6. Discussion - Understanding Optional Parameters.mp4

04:29

7. Demo - Adding and Consuming Query Parameters.mp4

04:41

8. Demo - Consuming Query Parameters in a Service.mp4

02:57

7. Creating Nested Router Outlets and Auxiliary Routes

1. Introduction to Nested and Auxiliary Router Outlets.mp4

01:06

2. Discussion - Nested Router Outlets.mp4

03:03

3. Demo - Adding a Nested Router Outlet.mp4

07:03

4. Discussion - When to Use Auxiliary Routes.mp4

04:12

5. Demo - Adding an Auxiliary Route.mp4

05:32

8. Improving Performance with Lazy Loading

1. Lazy Loading Introduction.mp4

04:32

2. Demo - Lazy Loading a Module Based Route.mp4

03:33

3. Demo - Lazy Loading a Standalone Component Route.mp4

03:07

4. Demo - Setting an Application Preloading Strategy.mp4

02:43

9. Control User Navigation with Route Guards

1. Introduction to Functional Route Guards.mp4

01:10

2. Discussion - Angular Functional Route Guards.mp4

03:19

3. Demo - Implementing CanMatch.mp4

02:59

4. Demo - Converting a Class Based Guard to a Chainable Functional Route Guard.mp4

06:30

5. Demo - Implementing a Route Resolver.mp4

03:23

10. Unit Testing Angular Router

1. Introduction to Unit Testing the Router.mp4

01:46

2. Discussion - What Are the Boundaries between Unit and End to End Testing.mp4

04:54

3. Demo - Unit Testing Functional Route Guards.mp4

05:39

4. Demo - Unit Testing router.navigate.mp4

03:05

5. Demo - Unit Testing RouterLinks with RouterTestingHarness.mp4

04:53

Description

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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Angular

Lara Newsom

Instructor's Courses

Lara is a self taught software engineer who understands the importance of high quality understandable content for acquiring new skills. Before her career as a software engineer, Lara worked as a Graphic Designer and taught art to students of all ages. Her love of teaching carried over into software engineering when she began speaking at conferences across the globe and co-hosting the Angular Plus Show, a podcast for all things Angular and Angular adjacent. In addition to working as a software engineering technical leader and giving back to the community through teaching, Lara also enjoys fostering orphaned kittens and traveling with her husband and two teens. Lara uses she/her pronouns.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.