Тёмный
No video :(

SOLID Design Principles in  

Decoded Frontend
Подписаться 51 тыс.
Просмотров 145 тыс.
50% 1

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

 

5 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 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
@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 3 года назад
hejka
@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.
@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!
@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 2 месяца назад
True. Even Angular Team will know some new concepts 😆
@RickyBanerjee
@RickyBanerjee 3 года назад
This is very rich content, thanks for sharing it across.
@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!
@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!
@miguelcastillo7346
@miguelcastillo7346 2 года назад
Admirable your comprehension of Angular, thanks god i found your channel, thank you teacher.
@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.
@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
@haroldpepete
@haroldpepete 3 года назад
That was awesome, you won a new susbcriber, thank forr share
@DecodedFrontend
@DecodedFrontend 3 года назад
You are welcome! Thanks for sub🙂
@Timofei-yy5nm
@Timofei-yy5nm 3 месяца назад
Hello, Dmitry! Could you please add more design pattern videos in context of Angular? I find your approach extremely useful to understand
@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!
@TheMaltissimo
@TheMaltissimo Год назад
Was looking for an angular related channel and this is noice, well explained and good stuff. Thank you
@anupbista8427
@anupbista8427 3 года назад
Finally New Video 😊
@jojojawjaw
@jojojawjaw 2 года назад
Your channel is handsdown the best Angular channel on RU-vid, many thanks!
@giorgi1337
@giorgi1337 3 года назад
You have made my day! Thanks a lot. Cheers from Tbilisi✊🏻
@DecodedFrontend
@DecodedFrontend 3 года назад
Thanks! Happy to hear that 😉
@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)
@westhack3552
@westhack3552 3 года назад
Thank you so much. This is all I've been searching for months.
@phuc_cuhp
@phuc_cuhp 2 года назад
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
@DecodedFrontend 2 года назад
Thank you Phuc! 🙏🏻 indeed I meant “And-Word-Rule“. Sorry for inconvenience, I have fixed the subtitle 😊
@phuc_cuhp
@phuc_cuhp 2 года назад
You're welcome 😊
@superduper1211
@superduper1211 3 года назад
like before watching ... as always
@yeinsdavidllanohernandez1228
@yeinsdavidllanohernandez1228 4 месяца назад
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
@alison.aguiar 3 года назад
Thanks guy 😀🤝
@DecodedFrontend
@DecodedFrontend 3 года назад
My pleasure 🙂
@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.
@Ag3sd
@Ag3sd 3 года назад
Good content. I am watching in 2x and it feels normal. 😊
@maximlyakhov967
@maximlyakhov967 2 года назад
it's the most impressive video on frontend topic! huge and unique content, thank you a lot!
@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
@archiee1337
@archiee1337 3 года назад
Awesome stuff
@filipslezak5152
@filipslezak5152 3 года назад
As always, thank you for quality materials. Gonna check it yout later :)
@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 :)
@adityamore287
@adityamore287 2 года назад
Thank you, Dmytro. I love you man. 👍👍👍👍
@DecodedFrontend
@DecodedFrontend 2 года назад
😀 👍
@rconr007
@rconr007 3 года назад
Thanks you have explained this difficult subject in a way that makes it digestible.
@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
@ATTI0822
@ATTI0822 3 года назад
Very great examples. I think best I've seen so far. Thanks!
@genyklemberg
@genyklemberg 3 года назад
Advanced content, thanks
@DecodedFrontend
@DecodedFrontend 3 года назад
You’re welcome ☺️
@fryser007
@fryser007 Год назад
One of the best exemple of SOLID in real-life Thank you! The last DI exemple was confusing tho :)
@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!
@jonadushi
@jonadushi 2 года назад
Thank you Dmytro! I love your videos. You are gifted, clear and short explanation, easy to follow. Thank you 🙏
@VipinRawat_Offcial
@VipinRawat_Offcial 3 года назад
All explained very well specially dependency inversion principle. 🙏🙏👌👌
@anish92
@anish92 8 месяцев назад
So Thankful for this Video
@dennisluken1167
@dennisluken1167 2 года назад
Excellent video, thank you!
@DecodedFrontend
@DecodedFrontend 2 года назад
Glad it was helpful!
@tebohomakibile3385
@tebohomakibile3385 Год назад
This is brilliant content. Beautifully expalined.
@Alex-bc3xe
@Alex-bc3xe Год назад
You are indeed the Angular Papa
@ayoubelhayat9650
@ayoubelhayat9650 3 года назад
Excellent explanation. Thank you
@whatssnots
@whatssnots 2 года назад
Excellent tutorial! Earned a sub :)
@apoorvakhairnar7125
@apoorvakhairnar7125 2 года назад
You're genius !! Thank you for sharing your knowledge with us :)
@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!
@mashab9129
@mashab9129 2 года назад
hi Dmytro, thanks for sharing great content - very informative and easy to follow/grasp thanks to your teaching style.
@vishnum7811
@vishnum7811 3 года назад
awesome stuff.
@BorisTheGrunt
@BorisTheGrunt Год назад
really good examples thanks. specially for DI
@alan614
@alan614 Год назад
This was great. Thanks for putting this together!
@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 :)
@DavidSoles
@DavidSoles 3 года назад
Great explanation. Thanks 👍🏼
@DecodedFrontend
@DecodedFrontend 3 года назад
You're welcome! :)
@yuriinadilnyi3029
@yuriinadilnyi3029 2 года назад
What would I say? - It was so fuc**ng gooood))) Thx a lot)
@DecodedFrontend
@DecodedFrontend 2 года назад
Thanks a looot 🤘🏻😉
@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
@ganesh56789
@ganesh56789 3 года назад
Super cool content... Thanks, I am glad that I came across your channel 🙏
@pitsaveliev
@pitsaveliev Год назад
Отличное видео! Лучшее из тех что я видел на эту тему. Лайк и подписка!
@seblaise94
@seblaise94 3 года назад
Awesome video, what is the name of the extension your using for generating the component?
@DecodedFrontend
@DecodedFrontend 3 года назад
Hi, it is called “NX console” :)
@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 👍👍
@tz2014
@tz2014 2 месяца назад
Just one word, legend
@maks-yaremenko
@maks-yaremenko 2 года назад
very nice, thank you!
@rohitsachdeva4624
@rohitsachdeva4624 Год назад
Hi can you also create a video on how we can create micro frontends.
@KamelJabber1
@KamelJabber1 2 года назад
Excellent content!
@DecodedFrontend
@DecodedFrontend 2 года назад
Glad you enjoyed it
@gururajmoger8649
@gururajmoger8649 3 года назад
Pls explain how to make reusable angular tabs as shared or child components.. that should open components dynamically
@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.
@MrKOHKyPEHT
@MrKOHKyPEHT Год назад
You right: splitting by extremely small pieces is overkill
@mightytechno
@mightytechno Год назад
Great video
@maes4224
@maes4224 Год назад
You are the best
@maximermoshin393
@maximermoshin393 3 года назад
Nice video. Thanks for sharing your knowledge.
@sourishdutta9600
@sourishdutta9600 3 года назад
Thanks for making this video. Thank you 😊😊👍❤
@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"
@2347matte
@2347matte 3 месяца назад
You're awesome.
@DecodedFrontend
@DecodedFrontend 3 месяца назад
Glad to be useful 😊
@atulgupta426
@atulgupta426 3 года назад
Hi, Thanks for this good stuff. Can you please make a tutorial on view encapsulation and change detection?
@lenvaz8957
@lenvaz8957 2 года назад
Awesome tutorial! 👍
@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 ;)
@the-real-pawook
@the-real-pawook Год назад
Гуд ту кноу, дуже дякую 🙃
@Kreator321RG
@Kreator321RG 3 года назад
Rally cool! Thanks
@DecodedFrontend
@DecodedFrontend 3 года назад
Great to hear that! Thanks :)
@MichaelEvanchik
@MichaelEvanchik 2 года назад
good job
@prabuk3819
@prabuk3819 3 года назад
Thank You So Much For This Video...
@ZeroInfinityVideo
@ZeroInfinityVideo 2 года назад
Can you do a video on unit testing long poll with Rxjs using timer, switchmap and takeuntil?
@user-ir4ug1kt4e
@user-ir4ug1kt4e 2 года назад
Nice, Thanks!!!
@ShubhamSharma-xq4hg
@ShubhamSharma-xq4hg Год назад
Can you please make a another video for ng-content and ng-template . Like what is use case where we must use ng-content or ng-template . Like I know the one diff we can pass data from container to template but I want to know this in more details. Please help Thanks In advance.
@letok2871
@letok2871 3 года назад
На сколько я вижу в гитхаб репозитории только одна ветка master:)
@DecodedFrontend
@DecodedFrontend 3 года назад
Действительно, что-то я видимо затупил и забыл -all добавить к git push. Спасибо, только что поправил 🙂
@kamalCode
@kamalCode 3 года назад
Sir, all coding principle and coding standards rules
@santoshraju9230
@santoshraju9230 3 года назад
Excellent video. Thank you. Could you please do a video on ngTemplateOutlet?
@gururajmoger8649
@gururajmoger8649 3 года назад
Pls create angular ecommerce app will material and latest concept.. there is a very less tuts on angular..
@amarmesham
@amarmesham 2 года назад
Greate Content !!
@piotrszewczyk9749
@piotrszewczyk9749 3 года назад
Great explanation as always! About DIP do you use injection token for multiple optional interfaces? Say weather implents reloadable, unitConversion and velocity implements unitConversion only. And parent component should be able to distinguish child capabilities and disable conversion, reload button accordingly.
@DecodedFrontend
@DecodedFrontend 3 года назад
Hi Piotr! Thank you for feedback! If I encountered such a use-case I would go most probably with multiple tokens (each for every interface).
@piotrszewczyk9749
@piotrszewczyk9749 3 года назад
@@DecodedFrontend and then provide same 'existing' class for both?
@DecodedFrontend
@DecodedFrontend 3 года назад
If by 'existing' you mean useExisting than yes :)
@piotrszewczyk9749
@piotrszewczyk9749 3 года назад
@@DecodedFrontend yes that is what meant ;)
@SanketLakhera
@SanketLakhera 2 года назад
Great video. Just like to know how to integrate git in vscode just like you?
@ryanngalea
@ryanngalea 3 года назад
Thank you!!
@moacir8663
@moacir8663 Год назад
Loved it!
@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???
@trk1139
@trk1139 2 месяца назад
Do you have any video which talks about Replaysubject() in RxJs ?
3 года назад
Amazing!
@lukindombuli2338
@lukindombuli2338 3 года назад
Not that it matters much but 'wether' is really spelt 'weather' for climate, but wether is real word also, which is 'a ram or goat that is castrated at young age'. And whether is used to compare two conditions 'whether the statement expresses true or false the code does no change'. I know englsh can be confusing.
@SkipThorp
@SkipThorp 6 месяцев назад
Hi Dmytro, what is that extension you use for generating the angular cli statements? It has an N in the sidebar.
@DecodedFrontend
@DecodedFrontend 6 месяцев назад
Hey :) this is an NX Console
@g3co875
@g3co875 Год назад
Thanks!
@subba18
@subba18 3 года назад
Can you do an video of Module Federation implementation in Angular 12 which has webpack 5.
@Sunill_Waugh
@Sunill_Waugh 3 года назад
Hi Dmytro, which extension are you using to create new components? Looks good option to CLI, thanks
@DecodedFrontend
@DecodedFrontend 3 года назад
It is NX Console - ext for vs code
Далее
ЭТО мне КУПИЛИ ПОДПИСЧИКИ 📦
22:33
SOLID Principles: Do You Really Understand Them?
7:04
Просмотров 167 тыс.
How to Make Forms in Angular REUSABLE (Advanced, 2023)
21:10
TOP 6 Mistakes in RxJS code
18:35
Просмотров 18 тыс.
Top 5 Angular Mistakes - You Must Know Them
10:32
Просмотров 58 тыс.
My opinion on Angular 18 & React 19
9:47
Просмотров 56 тыс.