MENU

Fun & Interesting

Angular Routing Essentials: All You Need to Know in One Video!

Monsterlessons Academy 12,900 7 months ago
Video Not Working? Fix It Now

► Share your localhost services publically with Beeceptor's Local Tunnel ➡️ https://beeceptor.com/local-tunnel/?utm_source=youtube&utm_campaign=mla-localtunnel In this video, we'll cover all the essential concepts of Angular Routing in one comprehensive session. You'll learn how to create routes, set up nested routes, and use the router-outlet effectively. We'll also dive into reading route parameters and query parameters using Angular Signals. Additionally, we'll explore how to protect routes with guards and resolve data before navigating. By the end of this video, you'll have a solid understanding of Angular Routing, equipped with practical skills to implement in your projects! ► Building real project with Angular + NgRx ➡️ https://monsterlessons-academy.com/courses/angular-and-ngrx-building-real-project-from-scratch?utm_source=youtube&utm_medium=mentioned_in_video ► Angular Interview Questions ➡️ https://monsterlessons-academy.com/courses/angular-interview-questions-coding-interview-2023?utm_source=youtube&utm_medium=mentioned_in_video ► Check my Angular Routing blog post ➡️ https://monsterlessons-academy.com/posts/angular-routing-essentials-all-you-need-to-know-in-one-post LOOKING FOR THE VIDEO EDITOR? ➡️ [email protected] ► Download the FREE PDF Now. Pass Your JS Interview with Confidence! ➡️ https://monsterlessons-academy.com/newsletter_subscribers/javascript_interview?utm_source=youtube&utm_medium=description_link ► Join Thousands of Learners! Start My Advanced Courses Today ➡️ https://monsterlessons-academy.com/courses?utm_source=youtube&utm_medium=description_link ► Boost Your Knowledge! Read My Popular Blog Posts Here ➡️ https://monsterlessons-academy.com/posts?utm_source=youtube&utm_medium=description_link MOST POPULAR COURSES ► Javascript interview questions ➡️ https://monsterlessons-academy.com/courses/javascript-interview-questions-coding-interview?utm_source=youtube&utm_medium=description_link ► Typescript interview questions ➡️ https://monsterlessons-academy.com/courses/typescript-interview-questions-coding-interview?utm_source=youtube&utm_medium=description_link ► React interview questions ➡️ https://monsterlessons-academy.com/courses/react-interview-questions-coding-interview-course?utm_source=youtube&utm_medium=description_link ► Angular Interview Questions ➡️ https://monsterlessons-academy.com/courses/angular-interview-questions-coding-interview-2023?utm_source=youtube&utm_medium=description_link ► Angular Testing ➡️ https://monsterlessons-academy.com/courses/angular-testing-unit-testing-angular-and-e2e-testing?utm_source=youtube&utm_medium=description_link ► React Testing ➡️ https://monsterlessons-academy.com/courses/react-testing-unit-testing-react-and-e2e-testing?utm_source=youtube&utm_medium=description_link ► Building real project with Angular + NgRx ➡️ https://monsterlessons-academy.com/courses/angular-and-ngrx-building-real-project-from-scratch?utm_source=youtube&utm_medium=description_link ► Building real NestJS API ➡️ https://monsterlessons-academy.com/courses/nestjs-building-an-api-for-real-project-from-scratch?utm_source=youtube&utm_medium=description_link ► Building real fullstack project ➡️ https://monsterlessons-academy.com/courses/build-fullstack-trello-clone-websocket-socket-io?utm_source=youtube&utm_medium=description_link ► RxJS Crash Course ➡️ https://monsterlessons-academy.com/courses/rxjs-crash-course-reactivex-from-zero-to-hero?utm_source=youtube&utm_medium=description_link SERVICES THAT I'M USING Backblaze unlimited cloud backup ➡️ https://www.backblaze.com/cloud-backup/personal#afc27g Free 1 Month Skillshare Membership ➡️ https://skillshare.eqcm.net/c/5473521/1085653/4650 Join Amazon Prime today ➡️ http://www.amazon.com/tryprimefree?tag=mla01-20 TIMESTAMPS 0:00 Introduction 1:06 Defining Routes 2:17 Router Outlet 3:43 Router Links 4:36 Routes Order 5:20 Dynamic Params 6:18 Accessing Params 8:32 Query Params 9:45 Redirects 10:27 Not Found Route 11:19 Redirect Function 12:47 Nested Routes 14:13 Active Routes 15:12 Exact Route Match 15:53 Programmatic Navigation 17:25 Lazy Loading 18:38 Route Guard 19:44 Route Resolver CONNECT WITH ME! ► TWITTER - https://twitter.com/monster_lessons ► INSTAGRAM - https://www.instagram.com/monsterlessonsacademy ► TIKTOK - https://www.tiktok.com/@monsterlessonsacademy REFERENCES ► Source code - https://github.com/monsterlessonsacademy/monsterlessonsacademy/tree/508-angular-routing Some product links are affiliate links which means if you buy something I'll receive a small commission.

Comment