Create a YouTube sidebar clone with Angular Material Components! (Part 1)

Подписаться 5 тыс.

Просмотров 26 тыс.

50% 1

#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 RU-vid sidebar clone using Angular Material Components!
Follow for more Angular tutorials, tips and tricks:
Twitter - / zoaibdev
Facebook - / thisiszoaib
LinkedIn - / zoaib-khan-b6456815
Cheers :)

Опубликовано:

9 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 52

@TheZukkino 10 месяцев назад

Incredibly clear and straightforward as always.

@ZoaibKhan 10 месяцев назад

Thanks 🙏 Glad you found it clear to follow!

@LarsRyeJeppesen 11 часов назад

Amazing, thanks

@ZoaibKhan 2 часа назад

Glad you liked it!

@user-fy8pl4sf4h 4 месяца назад

Thank you, teacher, for these projects. Please publish more for beginners

@ZoaibKhan 4 месяца назад

You're welcome! Which projects will you be interested in? :)

@user-fy8pl4sf4h 4 месяца назад

@@ZoaibKhan In any project

@user-fy8pl4sf4h 4 месяца назад

@@ZoaibKhan project of admin dashboard & login form with validators & project to advanced

@BlackbirdStudiosBXL 2 месяца назад

Brilliant. I had no idea how to implement this will try today to get this woeking in our project. Thank you so much!!!

@ZoaibKhan 2 месяца назад

Also check out my recent followup to this - where I add the nested menu items functionality as well ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-u83tICIfLWc.html

@BlackbirdStudiosBXL 2 месяца назад

What other tricks do you have up your sleeve im hooked. @@ZoaibKhan

@BlackbirdStudiosBXL 2 месяца назад

Will this work in Angular 17 and 18 probably right? You are using standalone components

@ZoaibKhan 2 месяца назад

@@BlackbirdStudiosBXL yes, the nested one esp was made in v18

@BlackbirdStudiosBXL 2 месяца назад

Thank you so much for this. Exactly what i need.

@ZoaibKhan 2 месяца назад

Glad it was helpful! :)

@mohamedbirali803 10 месяцев назад

Keep going, lots of projects need a side bar 👍, we appreciate your time*

@ZoaibKhan 10 месяцев назад

Thanks man! 🙏

@hoangtoan9836 10 месяцев назад

Hope Part 2 soon !!!!

@ZoaibKhan 10 месяцев назад

Here you go: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Sq5tdKKBz7Q.html

@jamesquinlan2638 6 месяцев назад

Great stuff boss!

@ZoaibKhan 6 месяцев назад

Glad you liked it!

@mahdiandalib186 10 месяцев назад

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 ....

@ZoaibKhan 10 месяцев назад

Thanks man! Very helpful suggestions. Have noted them

@mahdiandalib186 10 месяцев назад

thx, waiting for you to teach us@@ZoaibKhan 😍

@Labiqakhan Месяц назад

Thankyou.

@ianvink Месяц назад

I bought the BuyMeCoffee full project and it works great. How do I add a 3rd level to the menu, 2 isn't enough

@ZoaibKhan Месяц назад

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 :)

@ianvink Месяц назад

@@ZoaibKhan I’m happy to buy the next version too

@ZoaibKhan Месяц назад

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 :)

@ZoaibKhan Месяц назад

And here you go - support for multiple infinite levels added! Also, hope you don't min me mentioning you a bit in the video ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Irf4aZC3LPY.html P.S If you've not received the updated version, let me know. I'll send you a free coupon for it :)

@axitpoojara 6 месяцев назад

great explanation thanks a lot

@ZoaibKhan 6 месяцев назад

You're welcome! Do like and subscribe so the video reaches more people 🙂

@GiddaiahKummari-si6or 13 дней назад

I just love your session, can you please shae the github url for your project

@ZoaibKhan 11 дней назад

Hey thanks. The code is available on my shop only (for now). You can check the link in the description

@TheAlejandro1094 6 месяцев назад

Awesome! Thanks so much !

@ZoaibKhan 6 месяцев назад

Welcome 🙂

@ysacpebes1462 10 месяцев назад

hermoso!!!! part 2 👏🙏😊

@ZoaibKhan 10 месяцев назад

Thank you :) Part 2 is coming soon! Please subscribe so you can get notified

@juniorngomajose9454 4 месяца назад

Thank You

@ZoaibKhan 4 месяца назад

You're welcome 🤗

@franciscofdez8334 10 месяцев назад

It would be incredible if you do a search bar google-like using angular material components❤

@ZoaibKhan 10 месяцев назад

You mean the Google search input field?

@franciscofdez8334 10 месяцев назад

@@ZoaibKhanyes, exactly including matAutocomplete attached to that input

@poojaagrawal4514 5 месяцев назад

shandar

@ersispahia 6 месяцев назад

do you have a tutorial for the whole youtube clone?

@ZoaibKhan 6 месяцев назад

No, not yet anyway :) but good idea 💡

@user-ld1pe4or8m 8 месяцев назад

I don't konw if you missed something, when I click the menu button the sidenave dose NOT collapsed

@ZoaibKhan 8 месяцев назад

Check the second part!

@user-ld1pe4or8m 8 месяцев назад

thanks I checked with part2, and it works. good job @@ZoaibKhan 👍

@ZoaibKhan 8 месяцев назад

@@user-ld1pe4or8m Glad you found it useful :)

@hagarmosleh5910 6 месяцев назад

What if i want to make the user change the picture?

@ZoaibKhan 6 месяцев назад

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