Create a YouTube sidebar clone with Angular Material Components! (Part 1)
Vložit
- čas přidán 25. 08. 2024
- #Angular #Sidebar #Collapse
Get the final code from my shop!
www.buymeacoff...
📽️ Full stack Angular + Firebase course (50% off):
www.udemy.com/...
✍️Blog version of the complete tutorial:
zoaibkhan.com/...
In this series of videos, I'll be showing you how to create a CZcams sidebar clone using Angular Material Components!
Follow for more Angular tutorials, tips and tricks:
Twitter - / zoaibdev
Facebook - / thisiszoaib
LinkedIn - / zoaib-khan-b6456815
Cheers :)
Incredibly clear and straightforward as always.
Thanks 🙏 Glad you found it clear to follow!
Brilliant. I had no idea how to implement this will try today to get this woeking in our project. Thank you so much!!!
Also check out my recent followup to this - where I add the nested menu items functionality as well
czcams.com/video/u83tICIfLWc/video.html
What other tricks do you have up your sleeve im hooked. @@ZoaibKhan
Will this work in Angular 17 and 18 probably right? You are using standalone components
@@BlackbirdStudiosBXL yes, the nested one esp was made in v18
Thank you so much for this. Exactly what i need.
Glad it was helpful! :)
Thank you, teacher, for these projects. Please publish more for beginners
You're welcome! Which projects will you be interested in? :)
@@ZoaibKhan In any project
@@ZoaibKhan project of admin dashboard & login form with validators & project to advanced
Hope Part 2 soon !!!!
Here you go: czcams.com/video/Sq5tdKKBz7Q/video.html
Keep going, lots of projects need a side bar 👍, we appreciate your time*
Thanks man! 🙏
Thankyou.
great explanation thanks a lot
You're welcome! Do like and subscribe so the video reaches more people 🙂
I bought the BuyMeCoffee full project and it works great. How do I add a 3rd level to the menu, 2 isn't enough
Glad you liked it! The way to add the third level is the same as the second level, but added nesting. Or we could use recursion for it to enable even more levels. Let me look at the code a bit and get back to you :)
@@ZoaibKhan I’m happy to buy the next version too
No need for that. I'll send out the updated one for all those who have already bought it - when I get to update it :)
And here you go - support for multiple infinite levels added! Also, hope you don't min me mentioning you a bit in the video
czcams.com/video/Irf4aZC3LPY/video.html
P.S If you've not received the updated version, let me know. I'll send you a free coupon for it :)
Great stuff boss!
Glad you liked it!
Awesome! Thanks so much !
Welcome 🙂
nice man, i hope you implement youtube comment section(recursive) and also youtube scrollable slider tabs where there are two arrows on the left and right section and the suggestion tabs are in between and you could slide ....
Thanks man! Very helpful suggestions. Have noted them
thx, waiting for you to teach us@@ZoaibKhan 😍
Thank You
You're welcome 🤗
do you have a tutorial for the whole youtube clone?
No, not yet anyway :) but good idea 💡
It would be incredible if you do a search bar google-like using angular material components❤
You mean the Google search input field?
@@ZoaibKhanyes, exactly including matAutocomplete attached to that input
hermoso!!!! part 2 👏🙏😊
Thank you :) Part 2 is coming soon! Please subscribe so you can get notified
I don't konw if you missed something, when I click the menu button the sidenave dose NOT collapsed
Check the second part!
thanks I checked with part2, and it works. good job @@ZoaibKhan 👍
@@user-ld1pe4or8m Glad you found it useful :)
shandar
What if i want to make the user change the picture?
You can change the pic src to a URL you get from your backend for the user. That depends on your backend server or platform such as firebase.
Then, you can allow clicking the pic and take user to a profile page which has an upload button