💥 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
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!
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.
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!
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)
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)
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.
How to do Component communication as it becomes much harder when working with multiple sub components. Especially, getting data in the parent component.
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.
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!
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.
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!
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.
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
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
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???
💥 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
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!
Thanks Adrian! ;)
hejka
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.
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!
Your channel is handsdown the best Angular channel on RUclips, many thanks!
This is very rich content, thanks for sharing it across.
Admirable your comprehension of Angular, thanks god i found your channel, thank you teacher.
Finally New Video 😊
Definitely you have to be mentioned in the Angular documentation!
As always, another useful video on your useful YTchannel !
Make a pull request adding the link!
True. Even Angular Team will know some new concepts 😆
Thank you so much. This is all I've been searching for months.
Was looking for an angular related channel and this is noice, well explained and good stuff. Thank you
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)
Thank you Phuc! 🙏🏻 indeed I meant “And-Word-Rule“. Sorry for inconvenience, I have fixed the subtitle 😊
You're welcome 😊
So Thankful for this Video
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
Thank you for your feedback 😊 glad you liked it!
it's the most impressive video on frontend topic! huge and unique content, thank you a lot!
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!
like before watching ... as always
Awesome stuff
Excellent explanation. Thank you
really good examples thanks. specially for DI
Excellent tutorial! Earned a sub :)
This is brilliant content. Beautifully expalined.
This was great. Thanks for putting this together!
That was awesome, you won a new susbcriber, thank forr share
You are welcome! Thanks for sub🙂
As always, thank you for quality materials. Gonna check it yout later :)
awesome stuff.
Fantastic topic! Thanks a lot! 👌
Nice, Thanks!!!
Excellent content!
Glad you enjoyed it
This content is really really awesome
Just asking which extension you are using for creating component
Thank you! The extension is called NX Console
Hello, Dmitry!
Could you please add more design pattern videos in context of Angular?
I find your approach extremely useful to understand
Отличное видео! Лучшее из тех что я видел на эту тему. Лайк и подписка!
You're genius !! Thank you for sharing your knowledge with us :)
Гуд ту кноу, дуже дякую 🙃
Great explanation. Thanks 👍🏼
You're welcome! :)
Thanks you have explained this difficult subject in a way that makes it digestible.
Loved it!
One of the best exemple of SOLID in real-life Thank you! The last DI exemple was confusing tho :)
You have made my day!
Thanks a lot.
Cheers from Tbilisi✊🏻
Thanks! Happy to hear that 😉
Good content. I am watching in 2x and it feels normal. 😊
very nice, thank you!
Awesome video, what is the name of the extension your using for generating the component?
Hi, it is called “NX console” :)
Amazing video, Dmytro. Do you intend to continue this serie? Talking about architecture styles in Angular, such as CleanArch, will be great.😃
Thanks for the idea, Paulo!
Awesome tutorial! 👍
All explained very well specially dependency inversion principle. 🙏🙏👌👌
Rally cool! Thanks
Great to hear that! Thanks :)
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
Very great examples. I think best I've seen so far. Thanks!
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)
Nice video. Thanks for sharing your knowledge.
Pls explain how to make reusable angular tabs as shared or child components.. that should open components dynamically
You are the best
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.
Greate Content !!
How to do Component communication as it becomes much harder when working with multiple sub components. Especially, getting data in the parent component.
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!
Just one word, legend
Thank you, Dmytro. I love you man. 👍👍👍👍
😀 👍
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.
Glad to hear that, Aya! Good luck with your new job ;) P.s sorry for the late reply
Thank You So Much For This Video...
Thanks guy 😀🤝
My pleasure 🙂
Super cool content... Thanks, I am glad that I came across your channel 🙏
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!
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.
Great suggestion! Thank you 😊
Make a video on takeUntil of RxJS Subject which can help reduce memory leaks while using observables.
Great video.
Just like to know how to integrate git in vscode just like you?
Great video
Advanced content, thanks
You’re welcome ☺️
Thank you Dmytro! I love your videos. You are gifted, clear and short explanation, easy to follow. Thank you 🙏
hi Dmytro, thanks for sharing great content - very informative and easy to follow/grasp thanks to your teaching style.
Hi
can you also create a video on how we can create micro frontends.
Nice as always..
What would I say?
- It was so fuc**ng gooood))) Thx a lot)
Thanks a looot 🤘🏻😉
Can you do a video on unit testing long poll with Rxjs using timer, switchmap and takeuntil?
good job
Thanks for making this video. Thank you 😊😊👍❤
Amazing!
Excellent video. Thank you. Could you please do a video on ngTemplateOutlet?
Thank you!!
Great channel!
Hi Dmytro, which extension are you using to create new components? Looks good option to CLI, thanks
It is NX Console - ext for vs code
Do you have any video which talks about Replaysubject() in RxJs ?
Hi, What extension do you use for generate a class?
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!
Thanks a lot for your feedback, Guillermo! Much appreciated :)
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.
Pls create angular ecommerce app will material and latest concept.. there is a very less tuts on angular..
how to maintain single responsibility in case u need to show the user pre-selected values in the dropdown?
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
You're awesome.
Glad to be useful 😊
Any plan to create a tutorial on server side rendering in angular
Tell about your glasses ,, Where do u get them and which is best for developers ?
Hi,
Thanks for this good stuff. Can you please make a tutorial on view encapsulation and change detection?
Can you share what extension you're using for those nice block color highlights? Thanks!
Can you please list out the VS Code plugins you are using?
what is the name of extension he is using to generate components any idea ?
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
Can you do an video of Module Federation implementation in Angular 12 which has webpack 5.
Sir, all coding principle and coding standards rules
What is this VS Code extension used in this video to run ng commands interactively?
Great Video, Loved It ❤, BTW Which extention are you using to generate components.
Hi! Thank you! I use ext called nx console marketplace.visualstudio.com/items?itemName=nrwl.angular-console
@@DecodedFrontend thank you very much, I appreciate it 👍👍
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???