Routing and Navigation Concepts in Angular

Offered By
Coursera Project Network
In this Guided Project, you will:

Build routing and navigation user interface in Angular

Configure Parent and Child Routes

Understand passing and reading route parameters

Clock2 hours
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

By the end of this project, you will create and build routing and navigation user interface in Angular. So in this guided project you will learn the basic concepts related to routing and navigation like configuring routes, understanding parent and child routes, handling invalid URLs, and route parameters etc.

Skills you will develop

HtmlWeb PageAngularjsNavigation

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Introduction - Create Angular Project

  2. Generate Components required for the project

  3. Configure Rotes and Router Module

  4. Add buttons and use directives to navigate between the components

  5. Handle Invalid URL's

  6. Handle Empty path scenario

  7. Enable Route Parameters

  8. Child Routing in Angular

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.