Angular Menu: A Step-by-Step Tutorial

[@MonsterlessonsAcademy]

WATCH NEXT: Angular with NgRx - Building Angular Project From Scratch - kzbin.info/www/bejne/rJTJi2N7htWMiqMsi=BptT7eqgflHIoQiQ

[@shahnawazk]

Nice, simple, precise! I am in love with angular again. Thanks & keep it coming.

[@MonsterlessonsAcademy]

Thanks, will do!

[@fuzz157898745]

Love your videos. I just finished my university project with thanks to your tutorials

[@MonsterlessonsAcademy]

Glad to hear that!

[@Rafał_Seifert]

This is always a great content when you build custom angular components! I have taken few of your paid courses. I would greatly appreciate an angular course with nx monorepo and new ngrx signal store for state management. I think that would be most up-to-date project course.

[@MonsterlessonsAcademy]

I will add it to the list of ideas. FYI I just released new angular course with signals where we build a project from start to the end monsterlessons-academy.com/courses/angular-signals-building-quiz-angular-project It's not ngrx signal or monorepo but only angular signals.

[@theintjengineer]

@@MonsterlessonsAcademy Hey, I was seeing the course you mentioned and in the setup video, you installed the cli@17. Is that the version you use? I mean, why not v18 to use the latest features? Thanks.

[@megalamaragatham6842]

Really very usefull thank you...and could you please tell that I add login page at the starting of this project and how to change main component

[@hamza201183]

Thank you very much dear Oleksandr

[@MonsterlessonsAcademy]

You are welcome!

[@itfab2]

Hello, thanks for the content, your channel has helped me in my studies with Angular. I'm having trouble, how would I make the sidebar disappear on smaller devices like 480px and open with the click of a button in the header?

[@marvelcontestofchampions3927]

In my opinion, you could centralize the logic within a service by using signals and observables, which would allow you to omit the use of input and output, keeping the components logic-free.

[@MonsterlessonsAcademy]

Sure it is also possible

[@brightokoro7073]

Nice work thanks for sharing

[@MonsterlessonsAcademy]

Thanks for watching

[@rishlemedia2432]

Hi! appreciate your work on the responsive sidebar using angular signals. However, I noticed that the code logics are very similar to the video from the 'angularistic' channel. It would have been great to see a mention of that channel in the video or comment section as it helps foster a supportive community among developers. Thanks for sharing!

[@MonsterlessonsAcademy]

Hi, I don't really know anything about the channel as I was just searching the github for ideas of the sidebar. And it's not like the code is copy pasted as it is written from scratch and improved.

[@rishlemedia2432]

​@@MonsterlessonsAcademy you just changed it to signals syntax

[@stevewitman]

Nice video, though correct me if I am wrong but I think from 15:50 to 16:15 should have been omitted from the video, right?

[@MonsterlessonsAcademy]

Oops, bad cut. Sorry for that!

[@sfspmusic]

Thanks for the tutorial! Is using using the hostListener a good solution for bigger websites, because it's like having a constant listener, and what are good alternatives to this approach?

[@MonsterlessonsAcademy]

It's fine. We handle lots of events in big websites simultanously.

[@sfspmusic]

@@MonsterlessonsAcademy by the way, what about using matchMedia or break points from Angular CDK? What are the pros and cons of these approaches in comparison to this one?

[@muhammadfahadabid5621]

Quite informative Please, Can you share the name of the theme you are using right now?

[@MonsterlessonsAcademy]

It's gruvbox

[@muhammadfahadabid5621]

@@MonsterlessonsAcademy Thank's.

[@vittalmhetre76]

@MonsterlessonsAcademy when did you get on vs code?

[@MonsterlessonsAcademy]

A lot of people complained that it is difficult to follow my tutorials when I use Vim so I use Vscode now while recording them.

[@jurybalikov7063]

I literally need to start refactoring my app to utilize sidebars on both sides tomorrow.

[@MonsterlessonsAcademy]

Have fun!

[@jayasaichandmaheshmunagala2135]

Same here😂😂

[@gabrieldavimonteiro9139]

When i put it in a real cellphone. When i click on the buttons(links) all the sidenav turn intoblue. Someone can help me with this problem?

[@MonsterlessonsAcademy]

It's an outline css property probably. You can set it to outline: none;

[@gabrieldavimonteiro9139]

@@MonsterlessonsAcademy The sidenav Stills blue like a link when i touch him in any part

[@rishikeshsarangi1245]

this video is a hidden tutorial on how to use signals :D

[@MonsterlessonsAcademy]

Yeap

[@rishikeshsarangi1245]

@@MonsterlessonsAcademy loved this video btw ! please make more such videos using signals and new features.

[@luczztem]

you have a beautiful smile!

[@MonsterlessonsAcademy]

Thank you!

[@abrahamzachariah355]

There is a channel called Angularistic. 😂

[@MonsterlessonsAcademy]

Yeap :)

[@Amauriking]

I know you are working on latest angular release, but I would ask you if you can convert this project with old angular version using modules instead of standalone component. Thanks

[@MonsterlessonsAcademy]

I don't see the point in it. People should move from modules to standalone and it makes sense to show the latest ways to write code.