Angular Routing | LazyLoading | AuthGuard | multiple router-outlet | all in one video

In this video you will learn all about angular routing so that you can start building your dream project soon.
Source code Link: github.com/Tar...
=============================================
For any Business/Freelancing enquiry contact us
Gmail :- [e-mail]
WhatsApp :- [phone]
=============================================
ng-bootstrap link : ng-bootstrap.g...
Angular-FortAwesome Link : github.com/For...
Generate an application with routing enabled
ng new angular-routing --routing
The following command uses the Angular CLI to generate a basic Angular application with an application routing module, called AppRoutingModule, which is an NgModule where you can configure your routes. The application name in the following example is angular-routing.
Add components for routing
ng generate component login
To use the Angular router, an application needs to have at least two components so that it can navigate from one to the other. To create a component using the CLI, enter the following at the command line where login is the name of your component
Repeat this step for a second component but give it a different name. Here, the new name is forgot-password.
ng generate component forgot-password
again for not-found
ng generate component not-found
Defining a basic route
we first define all the basic route using routerLink for login, forgot-password,
then
Setting up wildcard routes
{ path: '**', component: }
if user type or try to go to a path which is not present in the application then we will redirect the user to page-not found component
Lazy loading
You can configure your routes to lazy load modules, which means that Angular only loads modules as needed, rather than loading all modules when the application launches. Additionally, you can preload parts of your application in the background to improve the user experience.
Preventing unauthorized access
Use route guards to prevent users from navigating to parts of an application without authorization. The following route guards are available in Angular:
---- CanActivate
```
export class YourGuard implements CanActivate {
canActivate(
next: ActivatedRouteSnapshot,
state: RouterStateSnapshot): boolean {
// your logic goes here
}
}
```
watch this video till the very end manything you will learn about a real world project

[@gandamraviteja7019]

Thank you so much for ur work just with 30 mins you cleared several problems in my mind and you made my work more n more simpler
thanks is really very tiny for ur work

[@rakhipramanik2439]

I would like to tell all the beginners, you have to follow this it's really Amazing you have to watch this till end.

[@TechnicalBabaji1]

Thank you so much 😊 I really appreciate

[@uditbalyan]

Yeah. Its the most appropriate tutorial in proper quick time. 👏👏

[@MikajyRatsimbazafy]

This video is exactly what I was looking for for a month already, Very sincere thanks from me.

[@ShabanaBanu-d1e]

In half an hour u have done a smart work bro... Thanks a lot

[@techmagictarun]

I think this is the best video for Learning Routing, Guard, Common Component, Form, Featuring Routing all main topics covered in single video 0f 30 minutes

[@vinaymahadevan2161]

Thanks. You saved 3 days of web searching with simple very clear video.

[@oviedyp]

Best Angular tutorial i have watched so far...Love it!!

[@pavanbhat5573]

Amazing video. Though this was a 30 minutes video, the content covered was actually much! Angular is awesome and please create more projects as this one. Thank you so much

[@hackerhunter6212]

Yes, you are talented. there are lot more theories in this video about angular we cannot found in months

[@vaibhavtripathi200]

You are one of the finest content creator. Great work...

[@shankarjujjuri]

very good video with simple explanation

[@ehrazahmed8190]

This cleared all my concepts for routing using angular

[@raghibhussain1375]

this one is awesome, in very less time, described whole routing

[@DebasmitSamal294]

Excellent... awesome. Very nice video which covers great thing for Angular developers. You made my day brother.

[@akash4952]

great content loved it

[@atifsaeedkhan9207]

Excellent nd to the point with details. Thanks.

[@neethuananthu5477]

Very Informative video, thank you

[@imyuvraj29]

Awesome... Most recomended video guys.
This is one of the best Angular router videos till now.
I had lots of doubts about routing before but after this video, I have to say you won my heart.
Thank you so much for this video. I really appreciate the efforts.. A Big Like from my side and subscribe button hit.
I hope we will get such videos in the future.

[@QuotesAibyYatin]

one of the best video for beginners !! thank you soo much bro

[@saumyaneekhara6000]

Thanks for the help and amazing channel

[@enamul-haque95]

Awesome... You have cleared all concepts

[@Amit-jb5xt]

Thank you sir after this
I've created user role and given path
Sored role in session
And role based routing I've done

[@priyankabhasakhetre3099]

Very well explained it's very useful 😀

[@Cladxz12]

Very good video!
One thing: higher voice quality would benefits video a lot ;)
Aside that, very clear and efficient! Thx for this explanation!

[@hemantsingh2962]

This video cleared my my routing doubts thanks

[@mosharofhossen9680]

really very good tutorial. thank you so mush brother.

[@charvisarang4803]

This video is amazing to learn, thank u so much sir

[@sss3421]

Hi your explanation is very very nice. this is very very useful video

[@indrajiths4826]

Asome bro .. 👍

[@karamjitsinghsehdev3451]

Nice Video Tarik.

[@alexandrasimbolon3002]

wow amazing tutorial sir

[@saoudiwalid]

The best video out there addressing Angular routing, 30 mins full of information, Great Job Tarik and Keep it Up

[@engincelik7740]

Very useful video . Thanks

[@jayantiroy1476]

Thanks a lot, Bahut kuch samaj meh aaya .

[@tsukiyomi84]

Overall a good tutorial, next time I would recommend having two sets of code people can download.
One with the starting project, with all the html, styles and anything non-router related already added, and one with the finished project for reference.
Its easier for people to absorb information on a subject if they don't have to go through a lot of unrelated information first. The video is about routing but anyone following along will need to install and configure a bunch of packages and copy and paste a bunch of code. Thats unnecessary.

[@suryaguthula6531]

Excellent simple sharp and clear ThanksBro for your efforts.

[@priyankakrish1684]

Thankyou so much for your clear explanation

[@simran-3181]

Best explanation

[@kisshore3853]

Good tutorial and Explanation! thanks for the effort!! ❣

[@MohitChauhan-ve9jw]

really superb

[@thakurjaswantsingh148]

best tutorial on angular rroutinng

[@jptechnoservice9013]

Nice video

[@tharunnair8344]

Fantastic!!!..Many Thanks

[@rainaveed438]

Really very helpful

[@supersid-qt1mn]

Awesome buddy ❤❤

[@rajeshkumarramachandran6883]

Perfect demo

[@Anuj_Kumar_1]

thanks for this router video.....😊

[@ninjatechstudio]

I need this video. Awesome Explained 👍

[@vietanho5262]

That's awsome video

[@sandeepsethy8943]

Very informative and on point. keep up the good work brother.

[@ramanbhardwaj6855]

thank you sir it help me a lot understanding the basic root and structure of an angular application

[@KhushiParihar_Youtube_Channel]

Very helpful for Begginers . Great Quick start.

[@bazirakeeric7244]

wao! a good video , it helps me at least

[@simranmishra3776]

Awesome video. Thankyou

[@namanjain2449]

Hi Tarique,
Very usefull and informative tutorial.
Thank you🙏

[@maheverse7223]

Actually desiging login page is the best way to clarify all doubt about routing and authentication

[@iamzb3006]

Thank you brother, for your efforts.

[@sanmitsarkar2382]

Very helpful

[@ashfannm7674]

Thank you very much sir. very helpful

[@Viswanadhc]

Really Hatsoff Bro

[@joaocorreiafreitas712]

@TB thanks for this great Vídeo..short but provide very clear logic in routing management. Cheers

[@ayush_patel534]

Thanks for this information 👍😊

[@joeyvico]

A fantastic video! Thank you for your efforts

[@ManishSharma-jz2hw]

Awesome.. Appreciate your efforts.

[@uttamnandi124]

Thanks for such an excellent tutorial.

[@CodeCatalyst]

amazing explanation

[@pratikparmar346]

Nice tutorial ....

[@price-action-trading]

Awesome... Thank you very much

[@revtikale2546]

awesome work!!!!!

[@Hacon30]

Beautiful tutorial boss!!! Well done!!!

[@Viswanadhc]

Best Way of explanation.

[@shamavlogsnepal]

Very easy to understand

[@abdulrenishr]

Awesome bro

[@danpride2804]

Very well Done ! Thanks

[@poojapoojitha9114]

Thank you so much for the video

[@rizwanshah6634]

great work brother, easy to understand
keep it up

[@vijbca]

Best video

[@nouchance]

Amazing SIR!

[@dev.maazqureshi]

clear and concise,..thanks!

[@aaroncampos8948]

Thank you so much, you help me a lot

[@hmzza1]

Great

[@rajeevprajapati5083]

eye opener

[@SetsunaKiryuKengan]

Man's a Legend

[@abhishekdutt1019]

appericable very nice dude

[@jptechnoservice9013]

Please post more about angular videos

[@ranjit227]

Nice Video kindly make same in angular 17 version as soon as possible. Awaiting your video...............

[@TechnicalBabaji1]

Will upload soon

[@aktech9006]

tysm sir this helped me a lot 🤩😇

[@gouthamshiv]

instant like and subscribe
amazing content!!

[@vishnutechbuddy3106]

Awesome

[@DeepakKumar-gz7qv]

Perfect

[@gowtham4383]

Thanks a lot 👍

[@kppranave2682]

This is Gem

[@priyanshusingh7812]

fantastic as always !!!

[@komaltaunk9794]

Bhagwan aapko bahut khush rakhe bhaiya

[@TechnicalBabaji1]

Thank you

[@muhammadbilalnoor6003]

Thank You so much.

[@surajkumarshukla681]

Really great video, please make video about authentication and user management.

[@rohitkamble4769]

Thanks brother!

[@srinivaspatnala696]

Thank you so much bro

[@ferlezcano]

1.000 likes for this video!

[@ram_2211]

Thanks a lot