SOLID Design Principles in

  Рет қаралды 142,921

Decoded Frontend

Decoded Frontend

Күн бұрын

Пікірлер: 190
@DecodedFrontend
@DecodedFrontend 2 жыл бұрын
💥 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
@AndrewRowenko 3 жыл бұрын
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!
@adriangasiewicz4084
@adriangasiewicz4084 3 жыл бұрын
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
@DecodedFrontend 3 жыл бұрын
Thanks Adrian! ;)
@praktycznewskazowki6733
@praktycznewskazowki6733 2 жыл бұрын
hejka
@westhack3552
@westhack3552 3 жыл бұрын
Thank you so much. This is all I've been searching for months.
@jonadushi
@jonadushi 2 жыл бұрын
Thank you Dmytro! I love your videos. You are gifted, clear and short explanation, easy to follow. Thank you 🙏
@jojojawjaw
@jojojawjaw 2 жыл бұрын
Your channel is handsdown the best Angular channel on KZfaq, many thanks!
@TheMaltissimo
@TheMaltissimo Жыл бұрын
Was looking for an angular related channel and this is noice, well explained and good stuff. Thank you
@alexshubin1
@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.
@RickyBanerjee
@RickyBanerjee 3 жыл бұрын
This is very rich content, thanks for sharing it across.
@alan614
@alan614 Жыл бұрын
This was great. Thanks for putting this together!
@mashab9129
@mashab9129 2 жыл бұрын
hi Dmytro, thanks for sharing great content - very informative and easy to follow/grasp thanks to your teaching style.
@ATTI0822
@ATTI0822 3 жыл бұрын
Very great examples. I think best I've seen so far. Thanks!
@JmonteroArg
@JmonteroArg 3 жыл бұрын
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.
@miguelcastillo7346
@miguelcastillo7346 2 жыл бұрын
Admirable your comprehension of Angular, thanks god i found your channel, thank you teacher.
@filipslezak5152
@filipslezak5152 3 жыл бұрын
As always, thank you for quality materials. Gonna check it yout later :)
@rconr007
@rconr007 3 жыл бұрын
Thanks you have explained this difficult subject in a way that makes it digestible.
@maximlyakhov967
@maximlyakhov967 2 жыл бұрын
it's the most impressive video on frontend topic! huge and unique content, thank you a lot!
@Billiam112
@Billiam112 3 жыл бұрын
Fantastic topic! Thanks a lot! 👌
@ganesh56789
@ganesh56789 3 жыл бұрын
Super cool content... Thanks, I am glad that I came across your channel 🙏
@user-wr8gg9kh6l
@user-wr8gg9kh6l 2 жыл бұрын
very nice, thank you!
@anish92
@anish92 7 ай бұрын
So Thankful for this Video
@ayoubelhayat9650
@ayoubelhayat9650 3 жыл бұрын
Excellent explanation. Thank you
@sourishdutta9600
@sourishdutta9600 3 жыл бұрын
Thanks for making this video. Thank you 😊😊👍❤
@giorgi1337
@giorgi1337 3 жыл бұрын
You have made my day! Thanks a lot. Cheers from Tbilisi✊🏻
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Thanks! Happy to hear that 😉
@mktrann
@mktrann Жыл бұрын
Thank you! So amazing video!
@anupbista8427
@anupbista8427 3 жыл бұрын
Finally New Video 😊
@tebohomakibile3385
@tebohomakibile3385 Жыл бұрын
This is brilliant content. Beautifully expalined.
@pitsaveliev
@pitsaveliev Жыл бұрын
Отличное видео! Лучшее из тех что я видел на эту тему. Лайк и подписка!
@maximermoshin393
@maximermoshin393 3 жыл бұрын
Nice video. Thanks for sharing your knowledge.
@BorisTheGrunt
@BorisTheGrunt Жыл бұрын
really good examples thanks. specially for DI
@whatssnots
@whatssnots 2 жыл бұрын
Excellent tutorial! Earned a sub :)
@archiee1337
@archiee1337 3 жыл бұрын
Awesome stuff
@css2014
@css2014 2 жыл бұрын
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
@DecodedFrontend 2 жыл бұрын
Thank you for your feedback 😊 glad you liked it!
@prabuk3819
@prabuk3819 3 жыл бұрын
Thank You So Much For This Video...
@GuillermoArellano
@GuillermoArellano 3 жыл бұрын
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
@DecodedFrontend 2 жыл бұрын
Thanks a lot for your feedback, Guillermo! Much appreciated :)
@lenvaz8957
@lenvaz8957 2 жыл бұрын
Awesome tutorial! 👍
@moacir8663
@moacir8663 Жыл бұрын
Loved it!
@vishnum7811
@vishnum7811 3 жыл бұрын
awesome stuff.
@miroslavmihalakev4588
@miroslavmihalakev4588 3 жыл бұрын
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 ;)
@amarmesham
@amarmesham 2 жыл бұрын
Greate Content !!
@VipinRawat_Offcial
@VipinRawat_Offcial 3 жыл бұрын
All explained very well specially dependency inversion principle. 🙏🙏👌👌
@fatiharkan5163
@fatiharkan5163 3 жыл бұрын
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!
@ryanngalea
@ryanngalea 3 жыл бұрын
Thank you!!
@the-real-pawook
@the-real-pawook Жыл бұрын
Гуд ту кноу, дуже дякую 🙃
@user-ir4ug1kt4e
@user-ir4ug1kt4e 2 жыл бұрын
Nice, Thanks!!!
@dennisluken1167
@dennisluken1167 2 жыл бұрын
Excellent video, thank you!
@DecodedFrontend
@DecodedFrontend 2 жыл бұрын
Glad it was helpful!
3 жыл бұрын
Amazing!
@BC2Monster
@BC2Monster 2 жыл бұрын
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!
@adityamore287
@adityamore287 2 жыл бұрын
Thank you, Dmytro. I love you man. 👍👍👍👍
@DecodedFrontend
@DecodedFrontend 2 жыл бұрын
😀 👍
@g3co875
@g3co875 Жыл бұрын
Thanks!
@mightytechno
@mightytechno Жыл бұрын
Great video
@superduper1211
@superduper1211 3 жыл бұрын
like before watching ... as always
@pastagaz4241
@pastagaz4241 3 жыл бұрын
Definitely you have to be mentioned in the Angular documentation! As always, another useful video on your useful YTchannel !
@JmonteroArg
@JmonteroArg 3 жыл бұрын
Make a pull request adding the link!
@4444-c4s
@4444-c4s Ай бұрын
True. Even Angular Team will know some new concepts 😆
@DavidSoles
@DavidSoles 3 жыл бұрын
Great explanation. Thanks 👍🏼
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
You're welcome! :)
@Ag3sd
@Ag3sd 3 жыл бұрын
Good content. I am watching in 2x and it feels normal. 😊
@giorgimerabishvili8194
@giorgimerabishvili8194 3 жыл бұрын
Great channel!
@haroldpepete
@haroldpepete 3 жыл бұрын
That was awesome, you won a new susbcriber, thank forr share
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
You are welcome! Thanks for sub🙂
@atulgupta426
@atulgupta426 3 жыл бұрын
Hi, Thanks for this good stuff. Can you please make a tutorial on view encapsulation and change detection?
@hugofilipeseleiro
@hugofilipeseleiro 3 жыл бұрын
Thank you !!!
@pauloafpjunior
@pauloafpjunior 2 жыл бұрын
Amazing video, Dmytro. Do you intend to continue this serie? Talking about architecture styles in Angular, such as CleanArch, will be great.😃
@DecodedFrontend
@DecodedFrontend 2 жыл бұрын
Thanks for the idea, Paulo!
@adiscivgin
@adiscivgin 3 жыл бұрын
Nice as always..
@Kreator321RG
@Kreator321RG 3 жыл бұрын
Rally cool! Thanks
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Great to hear that! Thanks :)
@maes4224
@maes4224 Жыл бұрын
You are the best
@fryser007
@fryser007 Жыл бұрын
One of the best exemple of SOLID in real-life Thank you! The last DI exemple was confusing tho :)
@KamelJabber1
@KamelJabber1 2 жыл бұрын
Excellent content!
@DecodedFrontend
@DecodedFrontend 2 жыл бұрын
Glad you enjoyed it
@yeinsdavidllanohernandez1228
@yeinsdavidllanohernandez1228 3 ай бұрын
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
@tz2014
@tz2014 Ай бұрын
Just one word, legend
@Timofei-yy5nm
@Timofei-yy5nm 2 ай бұрын
Hello, Dmitry! Could you please add more design pattern videos in context of Angular? I find your approach extremely useful to understand
@MichaelEvanchik
@MichaelEvanchik 2 жыл бұрын
good job
@ayaramzy6815
@ayaramzy6815 2 жыл бұрын
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
@DecodedFrontend 2 жыл бұрын
Glad to hear that, Aya! Good luck with your new job ;) P.s sorry for the late reply
@alison.aguiar
@alison.aguiar 3 жыл бұрын
Thanks guy 😀🤝
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
My pleasure 🙂
@Alex-bc3xe
@Alex-bc3xe Жыл бұрын
You are indeed the Angular Papa
@genyklemberg
@genyklemberg 3 жыл бұрын
Advanced content, thanks
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
You’re welcome ☺️
@santoshraju9230
@santoshraju9230 3 жыл бұрын
Excellent video. Thank you. Could you please do a video on ngTemplateOutlet?
@RSmarza
@RSmarza 3 жыл бұрын
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
@DecodedFrontend 3 жыл бұрын
Great suggestion! Thank you 😊
@karthik_vijay
@karthik_vijay 2 жыл бұрын
Make a video on takeUntil of RxJS Subject which can help reduce memory leaks while using observables.
@slothchunk
@slothchunk 2 жыл бұрын
SICK. hell yea
@Dons98
@Dons98 Жыл бұрын
Just best.
@2347matte
@2347matte 2 ай бұрын
You're awesome.
@DecodedFrontend
@DecodedFrontend 2 ай бұрын
Glad to be useful 😊
@TheDeseth38
@TheDeseth38 2 жыл бұрын
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
@eugenekalashnikov9331 Жыл бұрын
Why Jasmine? Jest most probably
@jacqueskloster4085
@jacqueskloster4085 2 жыл бұрын
A little side note for the Interface Segregation Principle, since it has a major benefit that maybe isn't clear in the beginning: The angular lifecycle hooks are a great example since every hook method has its own interface. The benefit of the principle is that a) implementation developers do not need to implement irrelevant code (as demonstrated in the video) and b) implementation developers of your library/component whatever will only ever see those bits of the implemented code that is relevant to them when you provide them references to classes. b is maybe not so obvious but imagine you had a class that has some methods that must be public due to other internal dependencies (the way component classes are forced to have public props/methods for their template immediately comes to mind) but you don't necessarily want the implementation developers that use your class see all the methods. The solution is to write an interface and only ever provide variables to the class typed with that interface. That could be in callback Methods, abstract methods or anywhere else where an instance to a consumable class would occur. This pattern is especially useful in typescript where you have so many different ways to compose your classes due to the nature of javascript. Example: You have an API abstraction with read and write methods (yes that sort of breaks CQRS, but let's ignore that) but you want to expose only the reader API although all operations are implemented in one class. That's where you would expose the class instance by typing it with the IReader (silly name, sorry) interface. Consumer code can now only access the reader methods. Unless they (apiInstance as IWriter).write :D
@harpreetsinghsahota5191
@harpreetsinghsahota5191 2 жыл бұрын
Hey Dmytro, Just a thought that we can mark properties optional in interfaces in that way we need not to make multiple interfaces. What are you guys think about it???
@JoshDeveloper
@JoshDeveloper 2 жыл бұрын
Good content as usual bro, I like it. ♥ Just I wanna mention your little typo that "wether" must be "weather" :D Anyways,, keep posting such nice videos
@DecodedFrontend
@DecodedFrontend 2 жыл бұрын
ah... Indeed, you're right :)
@sour4ik
@sour4ik 2 жыл бұрын
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)
@salarystealer
@salarystealer 2 жыл бұрын
great
@gururajmoger8649
@gururajmoger8649 3 жыл бұрын
Pls explain how to make reusable angular tabs as shared or child components.. that should open components dynamically
@salarystealer
@salarystealer 6 ай бұрын
nice
@SafetyLast-_-
@SafetyLast-_- 2 жыл бұрын
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!
@kennethebora6367
@kennethebora6367 2 жыл бұрын
Can you share what extension you're using for those nice block color highlights? Thanks!
@tarassavchenko2317
@tarassavchenko2317 2 жыл бұрын
I have the same problem now. I'm trying to understand the OOP principles and their patterns, but it's still hard to see them in Angular. And if you can find examples of principles, it is more difficult with specific patterns, because you read mainly on examples of object-oriented languages, where only one paradigm, and we have OOP, Functional programming, Reactive programming. And you just ask yourself "The problem is that I do not find them yet, or we just do not have them in JS/TS"
@MrKOHKyPEHT
@MrKOHKyPEHT Жыл бұрын
You right: splitting by extremely small pieces is overkill
@Moinshaikh611
@Moinshaikh611 Жыл бұрын
This content is really really awesome Just asking which extension you are using for creating component
@DecodedFrontend
@DecodedFrontend Жыл бұрын
Thank you! The extension is called NX Console
@rohitsachdeva4624
@rohitsachdeva4624 Жыл бұрын
Hi can you also create a video on how we can create micro frontends.
@extspence
@extspence 2 жыл бұрын
Would you consider mixing Generics into these examples? Do you use Generics?
@subba18
@subba18 3 жыл бұрын
Can you do an video of Module Federation implementation in Angular 12 which has webpack 5.
@hexadecimalhexadecimal5241
@hexadecimalhexadecimal5241 Жыл бұрын
tyty
@ZeroInfinityVideo
@ZeroInfinityVideo Жыл бұрын
Can you do a video on unit testing long poll with Rxjs using timer, switchmap and takeuntil?
@balajeebala7810
@balajeebala7810 3 жыл бұрын
Tell about your glasses ,, Where do u get them and which is best for developers ?
@hiteshsuthar1097
@hiteshsuthar1097 Жыл бұрын
How to do Component communication as it becomes much harder when working with multiple sub components. Especially, getting data in the parent component.
@SanketLakhera
@SanketLakhera 2 жыл бұрын
Great video. Just like to know how to integrate git in vscode just like you?
@APEDUCO
@APEDUCO 3 жыл бұрын
Great Video, Loved It ❤, BTW Which extention are you using to generate components.
@DecodedFrontend
@DecodedFrontend 3 жыл бұрын
Hi! Thank you! I use ext called nx console marketplace.visualstudio.com/items?itemName=nrwl.angular-console
@APEDUCO
@APEDUCO 3 жыл бұрын
@@DecodedFrontend thank you very much, I appreciate it 👍👍
Design Patterns in Angular Source Code - Bridge Design Pattern
16:47
Decoded Frontend
Рет қаралды 24 М.
Error Handling in Angular - Complete Guide (2022)
41:27
Decoded Frontend
Рет қаралды 65 М.
Как бесплатно замутить iphone 15 pro max
00:59
ЖЕЛЕЗНЫЙ КОРОЛЬ
Рет қаралды 8 МЛН
Slow motion boy #shorts by Tsuriki Show
00:14
Tsuriki Show
Рет қаралды 10 МЛН
IQ Level: 10000
00:10
Younes Zarou
Рет қаралды 11 МЛН
SOLID Principles: Do You Really Understand Them?
7:04
Alex Hyett
Рет қаралды 151 М.
What’s new in Angular v18
20:08
Angular
Рет қаралды 113 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
Solid Principles Interview Questions - You Might Get Them
9:44
Monsterlessons Academy
Рет қаралды 6 М.
Content Projection in Angular - Complete Guide (Beginners/Advanced)
26:18
Angular Design Patterns - Bridge [Advanced, 2020]
24:34
Decoded Frontend
Рет қаралды 46 М.
Learn SOLID Principles with CLEAN CODE Examples
28:35
Amigoscode
Рет қаралды 266 М.
Top 5 Angular Mistakes - You Must Know Them
10:32
Monsterlessons Academy
Рет қаралды 57 М.
How To Make Angular Code More Reusable
19:14
Decoded Frontend
Рет қаралды 28 М.
Nokia 3310 top
0:20
YT 𝒯𝒾𝓂𝓉𝒾𝓀
Рет қаралды 4,1 МЛН
Это - iPhone 16!
16:29
Rozetked
Рет қаралды 409 М.
КРУТОЙ ТЕЛЕФОН
0:16
KINO KAIF
Рет қаралды 7 МЛН