Angular Routing and Navigation
Learn to implement routing in Angular using Angular Router, covering route definitions, configuration, links, nested routes, redirects, and parameters.
Skill level
IntermediateTime to complete
Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary2 hoursProjects
1Prerequisites
1 courseWe suggest you complete the following courses before you get started with Angular Routing and Navigation:- Intro to Angular
About this course
Build on what you know about the Angular framework in this course. You’ll learn to implement routing in Angular using Angular Router, and explore route definitions, configuration, links, nested routes, redirects, and parameters. This course is ideal for any developer who wants to stay informed about Angular’s ever-evolving architecture.
Skills you'll gain
Manage browser history and URL interactions.
Implement advanced routing features such as nested routes and wildcard routes.
Utilize both declarative and imperative navigation methods in Angular applications.
Syllabus
Angular Routing and Navigation
Learn to implement routing in Angular using Angular Router, covering route definitions, configuration, links, nested routes, redirects, and parameters.
Certificate of completion available with Plus or Pro
Earn a certificate of completion and showcase your accomplishment on your resume or LinkedIn.
Earn a certificate of completion
Show your network you've done the work by earning a certificate of completion for each course or path you finish.- Show proofReceive a certificate that demonstrates you've completed a course or path.
- Build a collectionThe more courses and paths you complete, the more certificates you collect.
- Share with your networkEasily add certificates of completion to your LinkedIn profile to share your accomplishments.
Reviews from learners
- The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.ChrisCodecademy Learner @ USA
- I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.RodrigoCodecademy Learner @ UK
- Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.John-AndrewCodecademy Learner @ USA
Our learners work at
Frequently asked questions about Angular Routing and Navigation
In Angular, routing and navigation enable users to move between different views within a web application. Routing defines the specific paths that can be accessed and associates them with the components responsible for rendering the corresponding views. For example, you can configure routes to display a “Home” component at the root URL (/) or an “About” component at /about. Navigation defines how users can switch between views. Users can navigate by clicking links in a component’s template or by triggering navigation programmatically with specific logic.
Join over 50 million learners and start Angular Routing and Navigation today!
Looking for something else?
Related resources
- Article
How to Take This Course
Get a preview of the Angular Development with AI learning path and learn about its structure, essential tools, and how to succeed. - Article
Web UI Conventions
This article covers common UI conventions. - Article
Standard Controller Actions
Guide for Rails' seven standard controller actions used for displaying and modifying data.
Related courses and paths
- Learn to build Angular apps by creating components, enabling component interaction, implementing routing, handling user inputs, and managing state with signals.
- With Certificate
- Intermediate.19 hours
- Learn how to build Angular applications using AI tools to generate code, evaluate patterns, and develop real-world web apps.
- With Certificate
- Intermediate.3 Lessons
- Learn to create, inject, and provide Angular services using @Injectable and leverage injector hierarchy for modular, efficient apps.
- With Certificate
- Intermediate.2 hours
Browse more topics
- Web development5,665,618 learners enrolled
- JavaScript3,180,585 learners enrolled
- Code foundations8,445,285 learners enrolled
- Computer science6,936,127 learners enrolled
- Data science5,257,524 learners enrolled
- Python4,250,075 learners enrolled
- For business4,051,430 learners enrolled
- Data analytics3,154,643 learners enrolled
- IT3,101,987 learners enrolled
Unlock additional features with a paid plan
Practice Projects
Guided projects that help you solidify the skills and concepts you're learning.Assessments
Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.Certificate of Completion
Earn a document to prove you've completed a course or path that you can share with your network.