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

Monsterlessons Academy β€’ September 3, 2024
Video Thumbnail
Monsterlessons Academy Logo

Monsterlessons Academy

@monsterlessonsacademy

About

Helping frontend developers grow fast β€” from junior to confident senior. πŸ“ˆ Join the Bootcamp. Go from Middle to Senior Frontend in 12 Weeks

Video Description

β–Ί Share your localhost services publically with Beeceptor's Local Tunnel ➑️ https://beeceptor.com/local-tunnel/?utm_source=youtube&utm_campaign=mla-localtunnel 🧠 1-on-1 Frontend Mentorship (90-min paid session) β†’ https://monsterlessons-academy.com/mentorship?utm_source=youtube&utm_medium=description_link 🎁 Free PDF: Senior Developer Starter Kit (Checklist + 30-Day Plan) β†’ https://monsterlessons-academy.com/newsletter_subscribers/senior_starter_kit?utm_source=youtube&utm_medium=description_link πŸš€ Go from Middle to Senior Frontend in 12 Weeks β†’ https://monsterlessons-academy.com/courses/frontend-developer-middle-to-senior-bootcamp?utm_source=youtube&utm_medium=description_link 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! πŸ›  Need a video editor? Contact Ekaterina: [email protected] πŸ“Œ Social Twitter: https://twitter.com/monster_lessons Instagram: https://www.instagram.com/monsterlessonsacademy Facebook: https://www.facebook.com/monsterlessonsacademy Linkedin: https://www.linkedin.com/company/monsterlessons-academy Tiktok: https://www.tiktok.com/@monsterlessonsacademy πŸ•’ 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 This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.

You May Also Like

No Recommendations Found

No products were found for the selected channel.