Create a YouTube sidebar clone with Angular Material Components! (Part 1)
Вставка
- Опубліковано 18 жов 2023
- #Angular #Sidebar #Collapse
Get the final code from my shop!
www.buymeacoffee.com/zoaibkha...
📽️ Full stack Angular + Firebase course (50% off):
www.udemy.com/course/angular-...
✍️Blog version of the complete tutorial:
zoaibkhan.com/blog/youtube-st...
In this series of videos, I'll be showing you how to create a UA-cam 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!
Thank you so much for this. Exactly what i need.
Glad it was helpful! :)
Great stuff boss!
Glad you liked it!
Awesome! Thanks so much !
Welcome 🙂
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
ua-cam.com/video/u83tICIfLWc/v-deo.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
great explanation thanks a lot
You're welcome! Do like and subscribe so the video reaches more people 🙂
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
Keep going, lots of projects need a side bar 👍, we appreciate your time*
Thanks man! 🙏
Hope Part 2 soon !!!!
Here you go: ua-cam.com/video/Sq5tdKKBz7Q/v-deo.html
Thank You
You're welcome 🤗
shandar
hermoso!!!! part 2 👏🙏😊
Thank you :) Part 2 is coming soon! Please subscribe so you can get notified
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 😍
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 :)
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
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