⚡Angular 17 Routing For Beginners | Routing in Angular 17| Angular 17 Routing| Angular 17 Tutorial
HTML-код
- Опубликовано: 2 дек 2023
- ⚡Angular is a web framework that empowers developers to build fast, reliable applications.
⚡Maintained by a dedicated team at Google, Angular provides a broad suite of tools, APIs, and libraries to simplify and streamline your development workflow.
⚡Angular gives you a solid platform on which to build fast, reliable applications that scale with both the size of your team and the size of your codebase.
⚡Angular 17 has just been released. In this step by step tutorial, I will show you, How to do Routing in Angular 17 .
#angular #angular17 #angular17routing #angularrouting
🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟
👇👇👇Check Out Part 02👇👇👇
⚡Angular 17 Nested Routes for Beginners Part 2 | Angular 17 Child Routes for Beginners | Angular 17
• ⚡Angular 17 Nested Rou...
🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟🌟
✨✨✨✨ Your Queries✨✨✨✨
angular 17,angular 17 tutorial,angular routing, angular 17 routing, angular 17 routing tutorial, angular 17 tutorial,routing in angular 17,angular routing,routing angular 17,angular 17 tutorial for beginners,angular tutorial,routing in angular,angular 17 routing tutorial,angular 17 routes,routing angular,routerlink angular 17,angular 17 for beginners,angular 17 projects for beginners
✨✨✨✨✨✨✨✨✨✨✨✨
👉Check my Blog :
phpnodetuts.in
🌟 Support my work 🌟
👉 Support me by buying a Super Thanks💰
👉 On BuyMeACoffee: www.buymeacoffee.com/phpnodetuts
🔔 Subscribe for more tutorials just like this🔔
ruclips.net/user/phpnodetuts?s...
*************************************************
Also check other videos
*************************************************
⚡Angular 17 Nested Routes for Beginners Part 2 | Angular 17 Child Routes for Beginners | Angular 17
• ⚡Angular 17 Nested Rou...
⚡Angular 17 Dark Mode using Bootstrap 5, Signal and Local Storage
• 🤯Angular 17 Dark Mode ...
⚡How to fetch Data from API in Angular 17 using Service | Fetch data from API in Angular |Angular 17
• ⚡How to fetch Data fro...
⚡Angular 17 Control Flow | Angular 17 New Features |Angular 17 Tutorial |Angular 17 New Control Flow
• ⚡Angular 17 Control Fl...
⚡Install Angular 17 In Windows 11 /Windows 10 | Angular 17 Tutorial | Install Angular 17 Tutorial
• ⚡Install Angular 17 In...
🔥How to install Tailwind CSS in Angular🔥
• ⚡How to install Tailwi...
🔥How to create Characters And Words Counters using Angular🔥
• 🔥🔥How to create Charac...
⚡Laravel 10 Contact Form |How to Send Email in Laravel using Gmail |Laravel Contact Form send Email
• ⚡Laravel 10 Contact F...
⚡Create Laravel Admin Panel using filament php | How to install filament php| filament php Tutorial
• ⚡Create Laravel Admin ...
⚡Single Page Application /SPA Using Laravel Breeze And Livewire 3 | Livewire 3 SPA⚡
• ⚡Single Page Applicati...
⚡Laravel 10 Authentication(Register, Login, Change Password, Verify Email) using Laravel Jetstream
• ⚡Laravel 10 Authentic...
⚡How to install Node JS in Windows 11 | How to install Node JS in Windows 10 | Node JS Install
• ⚡How to install Node J...
⚡How to install Codeigniter4 | Codeigniter 4 Installation | Codeigniter 4 Tutorial
• ⚡How to install Codeig...
⚡Laravel 10 Authentication(Register, Login, Change Password, Verify Email)using Laravel Breeze
• ⚡Laravel 10 Authentica...
⚡Laravel Livewire 3 Image CRUD Tutorial Step By Step
• 🔥Laravel Livewire 3 Im...
⚡Laravel Livewire 3 Step By Step CRUD Tutorial
• ⚡Laravel Livewire 3 CR...
⚡How to install Livewire v3 in Laravel 10
• 🔥How to install Livewi...
⚡Best RUclips Channels to Learn Web Development In Hindi
• 🔥🔥Best RUclips Channel...
⚡How to install Wordpress on Windows 11
• ⚡How to install Wordpr...
⚡Best RUclips Channels to Learn React Js
• 🔥🔥Best RUclips Channel...
⚡Best RUclips Channels to Learn Laravel
• 🔥🔥Best RUclips Channel...
⚡Best RUclips Channels To Learn Python, Django And Flask
• 🔥🔥Best RUclips Channel...
⚡How To Deploy React App On Netlify For Free
• 🔥🔥How To Deploy React ...
⚡How To Install Xampp Server On Windows 11
• 🔥🔥How To Install Xampp...
⚡Best youtube channels to learn Angular
• ⚡20+ Best RUclips cha...
![Eminem - The Death of Slim Shady [Album Trailer]](http://i.ytimg.com/vi/X0HIrS6kUYI/mqdefault.jpg)
👉Check my Blog :
phpnodetuts.in
🌟 Support my work:
1. On BuyMeACoffee: www.buymeacoffee.com/phpnodetuts
THANK YOU GOOD MAN. Not even Gemini and chatGPT could help me with this, Angular 17 changed a lot of things, you are amazing!
Great to hear!
افضل شرح تعليمي عن انجولار في الاصدار 17
best tutorial in ang17
Thanks
Thank you so much for clear explanation, Sound is crystal clear.
Glad to hear that!
Thank you so much for the update. I have been working as angular developer since 6 months. SSR update in angular 17 it's truly big big update
Great to hear!
You saved my life man. Thanks!
Glad I could help! 😇
Angular has been truly useful in my experience, thanx for the video
You're welcome
Very useful, thank you so much.
Glad to hear that!😇
Best example, thanks! 💯
Glad you liked it!
Having understood cleraly from this video , I have a question on a routing use case where I want all links pages to be on home page one after the other such that when I click the link it scrolls down to where the page start, I have tried to put the components on home page but the links lead to individual pages, what am I missing could you help pls?am very new to angular but so far liking it
Very much appreciated, thanks!
Glad it helped!
Very useful video, well done!
Glad it was helpful!
Great video for Beginners
Glad it was helpful!
Nice tutorial, really clear, thank you !
Glad it was helpful!
Thanks for the video. Keep doing great work!
Thanks, will do!😇
great teaching
Glad it was helpful!
Thanks for tha walk through ❤
You are welcome!
One of the most well detailed tutorial ever i have seen. im a beginner and your tutorial is rally helpful, want a project based tutorial from you on angular
Glad it was helpful!
thank you man!!!
You're welcome
thank you, appreciate :)
You're welcome!🙂
This video is very useful👍🏻👍🏻👍🏻 and do some more videos related to angular 17
Thanks for your comment, I will try😀
Great Explanation 👍
Glad you liked it
Thank you very much ♥
You're welcome 😊
Thank you so much ❤
You're welcome 😊
No hablo ingles, pero tu video me ayudo, Gracias.
¡De nada! Estoy feliz de que el video te haya ayudado.
23:20 Routes with Page title
26:30 Page Not Found Route
thanks for the video, it was very useful :D
Glad it helped!
this tutorial is just amazing . it's request pls make a course on angular 🔥🔥🔥🔥🔥🔥🔥🔥🔥
Thanks for your kind words
Hello, I couldn't find a good Turkish source on the subject, I don't know English, but I started looking at English sources thinking I would try the codes. It's your success that I understood even though I didn't know English. Thanks. (I used translation)
Bu harika bir duygu! Videomun size dil engeli olmasına rağmen faydalı olduğunu duymak beni mutlu ediyor. İzlediğiniz için teşekkür ederim😇
Excellent!subscribed
Awesome, thank you!
Great video!
Glad you enjoyed it
great video!
Glad you enjoyed it
thanks for video, i am from brazil.
Thanks for watching!
Temos que recorrer a conteúdos gringos kkkk 🇧🇷
good job bro
Thanks
thanks u Bro
Welcome🙂
Thankyou
You’re welcome 😊
Bro which vs code theme you are using ?
Panda Theme
Hello, i´m trying to copy the not found svg, but at the video it's incomplete, can you send me that? Thanks!
👇Below is the code for svg, with tailwind bounce animation
Hi can you make a tutorial on how to deploy Angular 17 project? because when I try to build the project it has a Browser folder and a Server folder I dont really get it.
Hello, I think you have typed 'Y' to enable SSR (Server-Side Rendering) while installing the Angular 17 App. That's why, while building the app for deployment, it created two folders: 'browser' and 'server'.
If your app is SSR-enabled, you need to deploy both the 'browser' and 'server' folders; otherwise, just deploy the 'browser' folder.
I have tried deploying demo Angular apps with and without SSR on Netlify, and both are working fine.
Hope this helps.😇
how do I deploy both Browser and Server? is it different project or just one?@@phpnodetuts
Hello, can i create a lazy loading modules ? how?
You have to use Deferrable Views in Angular 17.
Watch this video for more information.
ruclips.net/video/yE-YUr_a4fU/видео.html&ab_channel=Angular
Please i need help i did everything you mentioned but only the url that changed not the page i don’t know what to do.
Do you mean Routing is not working?🤔
@@phpnodetuts yes
@@user-pz8ds8le7r Check the app.component.html file; you might have forgotten to add
The code in app.component.html file should look like this :
How to create nested routes.... I would appreciate if it was nested routes instead of time consuming css 😅
Thanks for the feedback. This is a beginner friendly tutorial, so I didn't cover nested routes. However, I will create a separate video for it soon.🙂
Hello, I wanted to know if you can upload the HTML code of the 404 error code because it is not complete, please.
Check Example 03 👇
www.tailwindtap.com/blog/tailwind-css-404-page-samples
@@phpnodetuts thank you so much
@@felix22112211 You're welcome!
How can I connect with backend APIs
I will make a video in this, stay tuned
ASAP.. Just CRUD operation... It helps lot
Who is this guy???/
Don't skip tests
Yup, thanks for your comment! 👍
bro you are the best, I almost gone crazy cause I was getting an error msg when using routes and it was because i did not remove the components selector from app.component.html, thank you so much
Glad I could help
great job from India
Thanks
Superb explanation. Appreciate if you could make a video on Sidenav using Angular 17 including header, footer.
Thanks! will consider it.😀