SOLID Design Principles in

🔥 Learn how to build really complex Angular forms & form controls with my new advanced course bit.ly/advanced-angular-forms 🔥
Use coupon: CZcams_DISCOUNT to get -a 10%-off discount!
I am quite sure that every one of you has heard about S.O.L.I.D design principles which help to design our code maintainable and flexible. In this video, I wanted to show you how these principles could be applied to your Angular applications. I hope you will find something useful and enjoy watching it!
⭐ Successful Interview "Angular Interview Hacking" course
courses.decodedfrontend.io/co...
⭐ Become a Pro in Angular Material Theming
bit.ly/angular-material-themi...
⭐ Blazing fast GraphQL Backend just in 1 Day with Hasura Engine
bit.ly/complete-hasura-course
00:00:00 - Intro;
00:01:05 - What is Design Principle;
00:02:23 - Single Responsibility Principle;
00:13:21 - Open/Closed Principle;
00:21:40 - Liskov Substitution Principle;
00:27:15 - Interface Segregation Principle;
00:32:52 - Dependency Inversion Principle;
00:41:02 - Outro;
🔗 Link to the source code on GitHub:
github.com/DMezhenskyi/solid-...
#webdevelopment #angulartip #frontend

[@DecodedFrontend]

💥 Learn Angular Forms in-depth and start building complex form controls with ease💥
🔗 10% discount for the first 10 students - bit.ly/advanced-ng-forms-discounted
💡 Short Frontend Snacks (Tips) every week here:
Twitter - twitter.com/DecodedFrontend
Instagram - instagram.com/decodedfrontend
LinkedIn - www.linkedin.com/in/dmezhenskyi

[@AndrewRowenko]

Thank you! Very helpful. It is quite challenging to find such a good combination of integrity, consistency and practicality inside one video about Angular. Definitely favorite frontend youtube channel!

[@westhack3552]

Thank you so much. This is all I've been searching for months.

[@jojojawjaw]

Your channel is handsdown the best Angular channel on CZcams, many thanks!

[@jonadushi]

Thank you Dmytro! I love your videos. You are gifted, clear and short explanation, easy to follow. Thank you 🙏

[@adriangasiewicz4084]

The Dependency Inversion Principle use case is great.
The combination of local provider, Injection Token, useExisting and Content Projection is just epic.
Good job Dmytro!

[@DecodedFrontend]

Thanks Adrian! ;)

[@praktycznewskazowki6733]

hejka

[@ATTI0822]

Very great examples. I think best I've seen so far. Thanks!

[@RickyBanerjee]

This is very rich content, thanks for sharing it across.

[@filipslezak5152]

As always, thank you for quality materials. Gonna check it yout later :)

[@TheMaltissimo]

Was looking for an angular related channel and this is noice, well explained and good stuff. Thank you

[@alan614]

This was great. Thanks for putting this together!

[@alexshubin1]

Thanks a lot for this video. I'm not a native English speaker but I was very impressed that you managed to explain the Liskov principle much better than I heard in my native language. This is because your explanation was from real life but not from books.

[@anupbista8427]

Finally New Video 😊

[@miguelcastillo7346]

Admirable your comprehension of Angular, thanks god i found your channel, thank you teacher.

[@mashab9129]

hi Dmytro, thanks for sharing great content - very informative and easy to follow/grasp thanks to your teaching style.

[@anish92]

So Thankful for this Video

[@Billiam112]

Fantastic topic! Thanks a lot! 👌

[@rconr007]

Thanks you have explained this difficult subject in a way that makes it digestible.

[@moacir8663]

Loved it!

[@the-real-pawook]

Гуд ту кноу, дуже дякую 🙃

[@apoorvakhairnar7125]

You're genius !! Thank you for sharing your knowledge with us :)

[@ganesh56789]

Super cool content... Thanks, I am glad that I came across your channel 🙏

[@JmonteroArg]

This contains video invaluable information.
Thank you very much for putting the time and effort creating this.
The example is fantastic with the right mount of complexity to deliver the learning lesson.
Thank a lot. Keep it up. I really like the content you are making.

[@ayoubelhayat9650]

Excellent explanation. Thank you

[@css2014]

I was looking for something like this. Is kind of hard to understand this concepts but with easy examples as you showed, is just simple ! thanks

[@DecodedFrontend]

Thank you for your feedback 😊 glad you liked it!

[@archiee1337]

Awesome stuff

[@whatssnots]

Excellent tutorial! Earned a sub :)

[@giorgi1337]

You have made my day!
Thanks a lot.
Cheers from Tbilisi✊🏻

[@DecodedFrontend]

Thanks! Happy to hear that 😉

[@mktrann]

Thank you! So amazing video!

[@sourishdutta9600]

Thanks for making this video. Thank you 😊😊👍❤

[@BorisTheGrunt]

really good examples thanks. specially for DI

[@tebohomakibile3385]

This is brilliant content. Beautifully expalined.

[@user-wr8gg9kh6l]

very nice, thank you!

[@vishnum7811]

awesome stuff.

[@lenvaz8957]

Awesome tutorial! 👍

[@superduper1211]

like before watching ... as always

Amazing!

[@maximermoshin393]

Nice video. Thanks for sharing your knowledge.

[@prabuk3819]

Thank You So Much For This Video...

[@ryanngalea]

Thank you!!

[@amarmesham]

Greate Content !!

[@GuillermoArellano]

Another excellent video, Dmytro. Thank you for educating me on the use cases where SOLID could be used with Angular. I will have to re-watch that last Dependency Inversion section a few more times to understand better. Nevertheless, the 40 minutes taken up in this video flew by with so much knowledge you shared. Thank you for being awesome!

[@DecodedFrontend]

Thanks a lot for your feedback, Guillermo! Much appreciated :)

[@pitsaveliev]

Отличное видео! Лучшее из тех что я видел на эту тему. Лайк и подписка!

[@user-ir4ug1kt4e]

Nice, Thanks!!!

[@VipinRawat_Offcial]

All explained very well specially dependency inversion principle. 🙏🙏👌👌

[@mightytechno]

Great video

[@adiscivgin]

Nice as always..

[@giorgimerabishvili8194]

Great channel!

[@dennisluken1167]

Excellent video, thank you!

[@DecodedFrontend]

Glad it was helpful!

[@hugofilipeseleiro]

Thank you !!!

[@adityamore287]

Thank you, Dmytro. I love you man. 👍👍👍👍

[@DecodedFrontend]

😀 👍

[@g3co875]

Thanks!

[@DavidSoles]

Great explanation. Thanks 👍🏼

[@DecodedFrontend]

You're welcome! :)

[@pastagaz4241]

Definitely you have to be mentioned in the Angular documentation!
As always, another useful video on your useful YTchannel !

[@JmonteroArg]

Make a pull request adding the link!

[@4444-c4s]

True. Even Angular Team will know some new concepts 😆

[@pauloafpjunior]

Amazing video, Dmytro. Do you intend to continue this serie? Talking about architecture styles in Angular, such as CleanArch, will be great.😃

[@DecodedFrontend]

Thanks for the idea, Paulo!

[@miroslavmihalakev4588]

Hi Dmytro, thank you for all that interesting topics that you covered so far. The way that you are explaining everything in deep is very very good approach and again than you for that. Can I give you an idea to explain the change detection strategy more deeply with couple of examples, thanks in advance ;)

[@maes4224]

You are the best

[@Kreator321RG]

Rally cool! Thanks

[@DecodedFrontend]

Great to hear that! Thanks :)

[@Ag3sd]

Good content. I am watching in 2x and it feels normal. 😊

[@BC2Monster]

Not gonna lie, i didn't think i'd learn anything here, but damn the DI Principle was partly new to me. Thumbs Up, thank you for showing me that!

[@haroldpepete]

That was awesome, you won a new susbcriber, thank forr share

[@DecodedFrontend]

You are welcome! Thanks for sub🙂

[@atulgupta426]

Hi,
Thanks for this good stuff. Can you please make a tutorial on view encapsulation and change detection?

[@fryser007]

One of the best exemple of SOLID in real-life Thank you! The last DI exemple was confusing tho :)

[@tz2014]

Just one word, legend

[@fatiharkan5163]

Thanks a lot, Dmytro! I might have some recommendations for you. I hope It would be great if you describe or explain and show your little padawan's the right way of use.
1 - Observables
2 - HostListeners.
Thanks a lot!

[@KamelJabber1]

Excellent content!

[@DecodedFrontend]

Glad you enjoyed it

[@yeinsdavidllanohernandez1228]

What a great class 👏, I would like to know more about how we can abstract logic everywhere to have a code as clean as possible

[@alison.aguiar]

Thanks guy 😀🤝

[@DecodedFrontend]

My pleasure 🙂

[@Timofei-yy5nm]

Hello, Dmitry!
Could you please add more design pattern videos in context of Angular?
I find your approach extremely useful to understand

[@slothchunk]

SICK. hell yea

[@MichaelEvanchik]

good job

[@santoshraju9230]

Excellent video. Thank you. Could you please do a video on ngTemplateOutlet?

[@SafetyLast-_-]

Does anybody knows what is the name of VSCode extension for colorized offsets in CSS and HTML templates?
P.S. Thanks for the video, Dmytro!

[@gururajmoger8649]

Pls explain how to make reusable angular tabs as shared or child components.. that should open components dynamically

[@genyklemberg]

Advanced content, thanks

[@DecodedFrontend]

You’re welcome ☺️

[@RSmarza]

Great content! Congratulations 👏👏
Would be great if you create a video about debugging angular memory leaks. 😉 it's an difficult issue to find good references.

[@DecodedFrontend]

Great suggestion! Thank you 😊

[@karthik_vijay]

Make a video on takeUntil of RxJS Subject which can help reduce memory leaks while using observables.

[@Alex-bc3xe]

You are indeed the Angular Papa

[@Dons98]

Just best.

[@kennethebora6367]

Can you share what extension you're using for those nice block color highlights? Thanks!

[@MrKOHKyPEHT]

You right: splitting by extremely small pieces is overkill

[@ayaramzy6815]

I really 🤍🤍🤍🤍🤍🤍 u .You rescue me today in the interview.Your video before the interview with 2 hours makes solid very clear.Allah bless u .Keep do this please apply head first design pattern in angular also 🤍🤍🤍🤍 u from Egypt.

[@DecodedFrontend]

Glad to hear that, Aya! Good luck with your new job ;) P.s sorry for the late reply

[@2347matte]

You're awesome.

[@DecodedFrontend]

Glad to be useful 😊

[@SanketLakhera]

Great video.
Just like to know how to integrate git in vscode just like you?

[@phuc_cuhp]

5:04 if you're not good at listening English (not your native language) like me, and has a little trouble to get what rule he said, it's the "And rule" (the auto caption generates "end", and I took some time to figure it out)

[@DecodedFrontend]

Thank you Phuc! 🙏🏻 indeed I meant “And-Word-Rule“. Sorry for inconvenience, I have fixed the subtitle 😊

[@phuc_cuhp]

You're welcome 😊

[@subba18]

Can you do an video of Module Federation implementation in Angular 12 which has webpack 5.

[@trk1139]

Do you have any video which talks about Replaysubject() in RxJs ?

[@MythsoftheWorld-lm8oi]

Hi, What extension do you use for generate a class?

[@dfytq]

how to maintain single responsibility in case u need to show the user pre-selected values in the dropdown?

[@ZeroInfinityVideo]

Can you do a video on unit testing long poll with Rxjs using timer, switchmap and takeuntil?

[@hiteshsuthar1097]

How to do Component communication as it becomes much harder when working with multiple sub components. Especially, getting data in the parent component.

[@rohitsachdeva4624]

Hi
can you also create a video on how we can create micro frontends.

[@user-zy2jw1pi1f]

what is the name of extension he is using to generate components any idea ?

[@Moinshaikh611]

This content is really really awesome
Just asking which extension you are using for creating component

[@DecodedFrontend]

Thank you! The extension is called NX Console

[@TheDeseth38]

Have you thought about making some series about jasmine and tests in Angular? I would be happy to see it on your channel. You do great, keep it like this.

[@eugenekalashnikov9331]

Why Jasmine? Jest most probably

[@NaomiNos]

What is this VS Code extension used in this video to run ng commands interactively?

[@rikihanks]

what if I have multiple reloadables components? how does de abastraction know which one to import?

[@nitinshekhar7064]

Any plan to create a tutorial on server side rendering in angular

[@sour4ik]

Not sure about Open/Close principle. For me your explanation looks more related to code reusability. I expected smth more parent - child (when child class extends parent) related examples. What do you think?
But explanations of other principles are amazing)

[@seblaise94]

Awesome video, what is the name of the extension your using for generating the component?

[@DecodedFrontend]

Hi, it is called “NX console” :)

[@youraccountissuspended]

hello sir, do you know how to use common module in child module without import in child module
i have parent module that import common module and child module