Тёмный
No video :(

Structural Directives in Angular - How to Create Custom Directive 

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

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

 

25 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 120   
@DecodedFrontend
@DecodedFrontend 2 года назад
If you like my videos you will probably like my courses as well 😉Check them out here - courses.decodedfrontend.io
@yufgyug3735
@yufgyug3735 2 года назад
After working as a fullstack dev for over 3 years, there are still plenty of areas of angular i fail to understand. The content you've been making is absolutely invaluable!
@DecodedFrontend
@DecodedFrontend 2 года назад
Thanks a lot! It is awesome that my vids could help you with those topics 🙂
@eqprog
@eqprog Год назад
Yeah your videos have done a great job in teaching me and filling in my gaps in knowledge. Sadly the official documentation for most advanced topics are extremely minimal and the examples don’t really show you how and more and importantly WHY you should use them.
@drago8701
@drago8701 2 года назад
Bought a course of you to say thank you 🙂
@DecodedFrontend
@DecodedFrontend 2 года назад
Thank you very much, Henk! Enjoy the course! I hope it will be helpful as well 😉 I would be very grateful if later on I could get some feedback from you.
@Invingagan
@Invingagan 2 года назад
it is the best tutorial for structural directive . thanks for ur efforts
@DecodedFrontend
@DecodedFrontend 2 года назад
happy to hear that! Enjoy :)
@StephenMoreira
@StephenMoreira 2 года назад
Woot woot Angular 2022! Looking forward to your videos this year.
@xingfucoder2627
@xingfucoder2627 2 года назад
Wow!!! We need a full tips course with content like this one. Several advanced concepts that no other beginner to advanced courses are explaining in this way like you. Please could be possible man??? Thanks.
@DecodedFrontend
@DecodedFrontend 2 года назад
I think it should not be a problem:) which topics would be interesting for you?
@xingfucoder2627
@xingfucoder2627 2 года назад
@@DecodedFrontend Great, some interesting topics, would be. Usually non covered and useful topics for the Angular Core, Useful patterns and anti-patterns for Angular projects. Advanced uses of D.Injection. Best practices for creating components and architecturing angular enterprise apps following best practises and patterns like SOLID, DRY, KISS, and other best practises. And some other topics could be some of integration with NestJS apps, use of GraphQL between those apps, and so on. If other user want to extend this list, is very welcome. if you think it could be possible, take my money hahahaha
@maxmarchenko3254
@maxmarchenko3254 2 года назад
Now i finally understood how to use it. Thanks for your vids :)
@krisnarusdiono1304
@krisnarusdiono1304 2 года назад
Finally, first video in 2022 🥳🥳🥳🥳🥳 ...thank you for sharing this video!
@krisnarusdiono1304
@krisnarusdiono1304 2 года назад
Nice background view btw ;)
@haroldpepete
@haroldpepete 2 года назад
Great work my friend, i didn't know about structural directives, thank to you already know it
@DecodedFrontend
@DecodedFrontend 2 года назад
Thank you for the feedback! I am glad that you learned something new today :)
@haroldpepete
@haroldpepete 2 года назад
@@DecodedFrontend your advicce has help me a lot, i'm working as angular developer and all your info is valuable in my day to day
@utsavsharma2979
@utsavsharma2979 2 года назад
Very well explained. Is it a new year's gift...
@DecodedFrontend
@DecodedFrontend 2 года назад
Kind of :) Happy new year 🎊
@bonnes04
@bonnes04 2 года назад
So far, great angular content on youtube... these are scenarios we meet in projects
@stepandemchenko9870
@stepandemchenko9870 2 года назад
Nice, we should use directives to more often
@marlonk6353
@marlonk6353 2 года назад
Hey Dmytro, My coworker Shows me your yt channel and I start to loving your Videos. Very good explained examples in your videos. thumbs up!!!
@ugochukwuumerie6378
@ugochukwuumerie6378 2 года назад
Thanks for sharing, I learnt something new today.
@DecodedFrontend
@DecodedFrontend 2 года назад
I am glad to hear that! Thanks for feedback 🙂
@arthurfedotiew3609
@arthurfedotiew3609 2 года назад
Hell yeah!!! You've started covering structural directive stuff, which I personally waited for)) Thanks for a nice start of the series. Btw, I believe everyone of us would profit if you'd tackle context guards when you come to directives context, as this topic not so clear most of the time or skipped at all!)
@johnnycopes
@johnnycopes 2 года назад
+1 to this. Most documentation/instruction glosses over TemplateRef by passing in `any` as the generic argument, but it'd be helpful to see examples of typed template references
@DecodedFrontend
@DecodedFrontend 2 года назад
Hi Arthur! I like that you asked this :) Context Guards topic is planned to be in this video series (in 3rd one if to be precise) :) Actually, it was exactly the reason for creating videos about structural directives, I just decided to be more consistent and cover the topic about directives starting from more basic stuff to more advanced, so even beginners could eventually figure out what we are talking about ;)
@slowmoshotsPZ
@slowmoshotsPZ 11 месяцев назад
was working in Angular from 4 years, still learnt something new!
@muratfaizmf
@muratfaizmf Год назад
Thank you for explaining it in more practical way like this. Unfortunately most of the tutors don't understand that "fooBar" thing or TODO thing doesn't make sense at all.
@sunnymanhas1214
@sunnymanhas1214 2 года назад
You have a gift of teaching effortlessly. 👌👌 Love all of your videos.
@DecodedFrontend
@DecodedFrontend 2 года назад
Thanks a lot 😊
@ChaimMosheStern
@ChaimMosheStern 2 года назад
Amazing!! Keep it coming
@rafiquemohammed3029
@rafiquemohammed3029 Год назад
I wonder why this video doesn't have million likes!!
@ariMuayad
@ariMuayad 2 года назад
I honestly enjoy learning from you. I did know those but with your explanation and your method of teaching everything becomes clear.
@DecodedFrontend
@DecodedFrontend 2 года назад
Thanks for your feedback, Ari!
@dynamica1
@dynamica1 2 года назад
Мені цей відос дав розуміння як пофиксити багу, яка змушувала мене страждати. Дуже тобі дякую за круті уроки, поступово передивлюся їх усі))
@DecodedFrontend
@DecodedFrontend 2 года назад
🔥 круто!!! Дуже радий, що відос став у нагоді😉 Дякую за фідбек, це мотивує!
@milanlucansky5293
@milanlucansky5293 2 года назад
Hi Dmytro, I've discovered your channel just recently and it's one of the best resources I've found for intermediate Angular topics! Appreciate how you can easily explain quite complex topics with great examples. Keep up the good work and thank you for sharing your knowledge!
@DecodedFrontend
@DecodedFrontend 2 года назад
Thank you, Milan! I appreciate your feedback 😊🙌
@Boris1990ua
@Boris1990ua 2 года назад
That was amazing 🤯
@yosefrahahleh6796
@yosefrahahleh6796 2 года назад
Thank you very much because of the nice advanced topics, which gave your channel unique and useful content, keep going, best of luck.
@DecodedFrontend
@DecodedFrontend 2 года назад
Thank you Yosef!
@danielabostan7204
@danielabostan7204 2 года назад
Nice! Thank you 😀
@Billy_Herrington__
@Billy_Herrington__ 2 года назад
Чел ну конечно мое почтение. Что не видос - то бомба ! Впервые в жизни задумался о покупке курса в интернете, поверить не могу... Твой курс того стоит ведь ? Вообще с таким бы кайфом послушал курс на русском, хоть ты и на английском стараешься говорить.
@DecodedFrontend
@DecodedFrontend 2 года назад
Привет!) спасибо большое за такой крутой отзыв, я очень рад, что мои видосы это не просто трата зрительского времени!😊 Я не могу со 100% уверенностью заявлять, что однозначно курс стоит того (с моей стороны это было бы лукавство и предвзято), так как это зависит от очень многих факторов и всем угодить нереально просто)) поэтому я всегда даю гарантию возврата денег если вдруг курс не понравился 🙂
@innocentmazando3808
@innocentmazando3808 2 года назад
well explained, thanks man
@DecodedFrontend
@DecodedFrontend 2 года назад
Thanks for feedback 😉
@BarrettGamingHD
@BarrettGamingHD 2 года назад
Brilliant video. Thanks so much for your efforts :)
@DecodedFrontend
@DecodedFrontend 2 года назад
You are welcome 🤗
@horic007
@horic007 2 года назад
Learnt something new today! Thank you. 🔥
@DecodedFrontend
@DecodedFrontend 2 года назад
Great to hear that!
@zaktreister1995
@zaktreister1995 2 года назад
Thanks so much! You desperately need a music intro
@DecodedFrontend
@DecodedFrontend 2 года назад
You are welcome! :) there will be music intro one day!
@MP3D2Y
@MP3D2Y 2 года назад
Amazing content and nice video edition I liked the popups / notes
@DecodedFrontend
@DecodedFrontend 2 года назад
Thank you 😊
@yevheniiherasymchuk
@yevheniiherasymchuk 2 года назад
thanks a lot for the video, that would also great to show usage of @Output from within the directive and how to listen for EventEmitter inside the template of the component
@michajankowski3615
@michajankowski3615 Год назад
Cool, thanks! I didn't even know there is such a thing as microsyntax 😄
@halynaua
@halynaua 7 месяцев назад
The best Angular channel. Thank you, Dmytro🙂
@andriideiak4323
@andriideiak4323 2 года назад
Great! Thank you for sharing knowledge!
@DecodedFrontend
@DecodedFrontend 2 года назад
You are welcome 🇺🇦
@alison.aguiar
@alison.aguiar 2 года назад
Fantastic 👏👏👏👏
@sudeepparchure
@sudeepparchure 2 года назад
Thanks for the video.. its really goood
@mktrann
@mktrann 10 месяцев назад
Nice explaination! Thank you very much!
@Valdemar268
@Valdemar268 2 года назад
Thank you for a cool video!
@DecodedFrontend
@DecodedFrontend 2 года назад
You are welcome 🤗
@sunnymanhas1214
@sunnymanhas1214 2 года назад
Can you please help us know what all things a technical lead developer should know... Or make series for for such developers who are at a place where they want to reach from senior to lead or architect level... Would much appreciate thanks 🙏
@VipinRawat_Offcial
@VipinRawat_Offcial 2 года назад
Very nice 👍
@CrusaderMen
@CrusaderMen 2 года назад
Thank you!
@DecodedFrontend
@DecodedFrontend 2 года назад
You are welcome 🤗
@luccascorrea
@luccascorrea 2 года назад
Another great video! Thanks a lot!
@DecodedFrontend
@DecodedFrontend 2 года назад
Welcome :)
@aleksandrkuzmin7870
@aleksandrkuzmin7870 2 года назад
Thank you! that is a great explanation!
@ntvkris
@ntvkris Год назад
Loved it! Thank you
@genyklemberg
@genyklemberg Год назад
nice and clear. Good to go
@arny699
@arny699 2 года назад
Very big thanks! Extremely understandable. Your tutorial is the best
@praktycznewskazowki6733
@praktycznewskazowki6733 2 года назад
i wait for next video :)
@DecodedFrontend
@DecodedFrontend 2 года назад
Next one will be really cool 😉
@alessandroformica6824
@alessandroformica6824 5 месяцев назад
Thank you! Nice ! 😊
@c0mpuipf
@c0mpuipf 2 года назад
Super nice content, can't wait for a new use case to add a structural directive. I would like to know if you have other courses in development because maybe there are a few people that want to improve their angular and they have a job, they don't use material design or graphql
@DecodedFrontend
@DecodedFrontend 2 года назад
Feel free to suggest topics for the courses :)
@c0mpuipf
@c0mpuipf 2 года назад
@@DecodedFrontend from the top of my head I would say maybe dynamic reactive forms, developing angular libraries, maybe some ngrx / component state, microfrontends if its the case
@sanjaygarg3540
@sanjaygarg3540 2 года назад
Thanks for the amazing videos !! Keep up the good work, more power to you Dymtro :)
@igorparampam5984
@igorparampam5984 Год назад
Отличное видео! Спасибо.
@2762123
@2762123 2 года назад
Nice 🙂🙂🤩
@nguyenhoa7759
@nguyenhoa7759 2 года назад
Awesome, extremely understandable!
@nishantshah_
@nishantshah_ 2 года назад
Hey, can we have HttpModule in angular do something like react-query?
@user-hx9fu1tb9k
@user-hx9fu1tb9k 2 года назад
Привет Дмитрий! По subject и ее разновидностей можешь записать видеоурок.
@DecodedFrontend
@DecodedFrontend 2 года назад
Привет! Немного позже, думаю, что запишу)
@vladgeorge77
@vladgeorge77 2 года назад
I should be working now... So here I am.
@youraccountissuspended
@youraccountissuspended 2 года назад
hello sir, can you explain how mat-table from angular material work? how it can move th and td element into tr element using structural directive?
@weradsaoud2018
@weradsaoud2018 Месяц назад
Thank you
@bukanaka
@bukanaka 2 года назад
Будем посмотреть))
@DecodedFrontend
@DecodedFrontend 2 года назад
Надеюсь понравится)
@bukanaka
@bukanaka 2 года назад
@@DecodedFrontend Очень. На этом канале и поднимаю скилл) Спасибо за качественный контент! 😊😋👍
@sourire8503
@sourire8503 Год назад
my bed 🤣 excellent video as usual, thanks a lot!
@krunalkamble1833
@krunalkamble1833 2 года назад
Great
@qamarstationwala7538
@qamarstationwala7538 2 месяца назад
what if your eslint rules do not allow the use of "any" typings, but you need it to be generic enough for any component?
@DecodedFrontend
@DecodedFrontend 2 месяца назад
Hi! I think you can find answers in this video - Structural Directives in Angular - How to Make It Strict (In-Depth) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-fsGzxyHi6yY.html
@nishantshah_
@nishantshah_ 2 года назад
Can we separate input/select/checkbox as a reusable component but still tie to formControlName of a certain formGroup in any form? Just calling the input field and tying to the form and that input does its thing like passing change of value and showing error if its handled in that input reusable component?
@konstantinkim4148
@konstantinkim4148 Год назад
Grate content! I like the way you explain the topic. I also like your english. English is not my native lang, but I understand everything you say so easily. Unfortunately you don't disclose the topic of real cases where directives are used in applications. I think hiding component is only one of many cases
@armenstepanyan2954
@armenstepanyan2954 Год назад
Very interesting content. Btw where do you find this information )? I can't see this in angular documentation 😃
@fabang1994
@fabang1994 Год назад
Great video. But: what's the plug in to show the gzipped size in the top? :D thanks!
@DecodedFrontend
@DecodedFrontend Год назад
Hey :) google for “import cost” vs code plugin
@fabang1994
@fabang1994 Год назад
@@DecodedFrontend thanks!
@nicohussein2635
@nicohussein2635 Год назад
Hi Dmytro, directives should implement OnPush change detection strategy? Or it's not neccessary? Thanks in advance
@DecodedFrontend
@DecodedFrontend Год назад
No, directives don’t even have such an option :)
@zzing
@zzing 2 года назад
It seems that Angular team makes features without documenting them fully, unless I missed something vast.
@germanduterte7110
@germanduterte7110 Год назад
cool man
@lovejonsson8327
@lovejonsson8327 2 года назад
Is there any way to provide you with a recurring monetary contribution to show my support and increase the chances of you keep providing this high quality content for us? I'm currently considering buying your interview hack course just to support (also suspecting I will learn a lot though), just need to feel like I have the time to go through it. However it'd also be great to just give you something for what you already provide for us here for free. Anyways, thanks a lot for great content as always!
@DecodedFrontend
@DecodedFrontend 2 года назад
Hi Love! Wow, thank you so much for your support, it is invaluable help 😊Until now I didn't have such an option but I just created a donation page on PayPal, so you could use this link for it bit.ly/donate-to-decoded-frontend
@lovejonsson8327
@lovejonsson8327 2 года назад
@@DecodedFrontend Stellar! I set up a monthly for you now, it ain't much but it is anyways a token of gratitude. We can hope for a snowball effect! :) This is not the place to get too soft-hearted but let me know if you ever feel down and need cheering up and I will write you a minor novel about the love I have for this type of knowledge sharing and contribution to the community.
@DecodedFrontend
@DecodedFrontend 2 года назад
I just saw it! Thank you, Love! It is invaluable support from your side, much much appreciated :)
@kingofyoursoul
@kingofyoursoul 2 года назад
3:20 where have we covered attribute directive? You didn't cover it I guess
@DecodedFrontend
@DecodedFrontend 2 года назад
No, I didn’t cover attribute directives. When I told “if you remember…” I didn’t mean that it was covered somewhere in this video. I think there was some misunderstanding. Sorry about that…
@kingofyoursoul
@kingofyoursoul 2 года назад
@@DecodedFrontend Oh I see, anyways thank you for a great tutorials! I am just learning Angular and really love and much appreaciate your videos! The explanations are so full and meaningful! Hope you can make some playlist from beginner to advanced Angular developer :)
@DecodedFrontend
@DecodedFrontend 2 года назад
@@kingofyoursoul thank you for the feedback and your thoughts! I am glad to hear that the explanation is clear for you though the target audience was actually experienced developers :) Good luck with Angular 😉
@davidbuloyan1036
@davidbuloyan1036 2 года назад
👋👋👋
@DecodedFrontend
@DecodedFrontend 2 года назад
👋
Далее
Deferrable Views - New Feature in Angular 17
15:31
Просмотров 20 тыс.
skibidi toilet multiverse 041
06:01
Просмотров 4,9 млн
ngTemplateOutlet is WAY more useful than I realised
16:36
Brutally honest advice for new .NET Web Developers
7:19
Angular Json File - My Top 8 Settings (2022)
29:30
Просмотров 26 тыс.
Input Signals in Angular 17.1 - How To Use & Test
14:34
Generics: The most intimidating TypeScript feature
18:19
Why You NEED To Learn FastAPI | Hands On Project
21:15
Просмотров 159 тыс.
What’s new in Angular v18
20:08
Просмотров 117 тыс.
Svelte 5's Secret Weapon: Classes + Context
18:14
Просмотров 18 тыс.
Component Input Binding in Angular Router
10:30
Просмотров 9 тыс.
skibidi toilet multiverse 041
06:01
Просмотров 4,9 млн