![Igor Sedov](/img/default-banner.jpg)
- 41
- 88 908
Igor Sedov
Georgia
เข้าร่วมเมื่อ 14 พ.ค. 2022
I'm a full-stack developer with over ten years of experience in web development. I'm dedicated to helping people of all skill levels learn programming in a simple and easy-to-understand way. My focus is on creating step-by-step tutorials with a great visual style that will guide beginners toward becoming adept coders.
I'm here to help make learning programming easy and accessible for everyone. Whether you are new to programming or an experienced professional looking to enhance your skills, my channel is the perfect resource.
My channel focuses on three key topics: Angular, JavaScript, and TypeScript.
Throughout my career, I have held senior positions in technology and telecommunications companies, where I have been responsible for driving company development, technology, and product development. I gained invaluable experience in managing teams, working with suppliers, contractors, and clients. Additionally, I have had the privilege of serving as a CEO and founder of a startup.
I'm here to help make learning programming easy and accessible for everyone. Whether you are new to programming or an experienced professional looking to enhance your skills, my channel is the perfect resource.
My channel focuses on three key topics: Angular, JavaScript, and TypeScript.
Throughout my career, I have held senior positions in technology and telecommunications companies, where I have been responsible for driving company development, technology, and product development. I gained invaluable experience in managing teams, working with suppliers, contractors, and clients. Additionally, I have had the privilege of serving as a CEO and founder of a startup.
New in Angular 18: Unified Control State Change Events for Forms
Angular 18 brings a new feature for forms called Unified Control State Change Events. In this video, I explain a powerful new feature of the framework and demonstrate how it works. Angular 18 has added six new form events to track changes in the state of forms (touched, value, status, pristine, submit and reset).
I'll teach you how to receive notifications whenever specific states in your form change, and I'll demonstrate how new events work with individual form elements (FormControl) and groups of elements (FormGroup). I'll also briefly remind you what each event means.
My videos use great visuals to simplify explanations and save time learning for viewers (both beginners and professional developers).
Timestamps
0:00 Introduction to a New Feature
0:30 The Events Property: new observable
0:43 The Subscribe Method: receive notifications about changes in forms
1:08 Subscriber Function Parameter
1:47 TouchedChange and PristineChange
2:11 ValueChange and StatusChange
2:29 The ControlEvent Class: parent and children
2:50 The AbstractControl class: FormControl and FormGroup classes
3:03 The FormGroup Class: how to work with a group?
4:00 FormSubmitted and FormReset
4:57 Don't forget about imports
The framework is growing🚀 and developing and there are still many big and small changes ahead.
ℹ️ Thanks to the @Angular Team for the valuable work.
I hope you liked my video!👍
✔️ Source: github.com/angular/angular/pull/54579
☕️ Donation: www.patreon.com/igorsedov
For more tips and updates, follow me on:
▪️Twitter: TheIgorSedov
▪️LinkedIn: www.linkedin.com/in/igorsedov/
▪️Instagram: theigorsedov
Website: igorsedov.com
Email: me@igorsedov.com
#angular #angular18
I'll teach you how to receive notifications whenever specific states in your form change, and I'll demonstrate how new events work with individual form elements (FormControl) and groups of elements (FormGroup). I'll also briefly remind you what each event means.
My videos use great visuals to simplify explanations and save time learning for viewers (both beginners and professional developers).
Timestamps
0:00 Introduction to a New Feature
0:30 The Events Property: new observable
0:43 The Subscribe Method: receive notifications about changes in forms
1:08 Subscriber Function Parameter
1:47 TouchedChange and PristineChange
2:11 ValueChange and StatusChange
2:29 The ControlEvent Class: parent and children
2:50 The AbstractControl class: FormControl and FormGroup classes
3:03 The FormGroup Class: how to work with a group?
4:00 FormSubmitted and FormReset
4:57 Don't forget about imports
The framework is growing🚀 and developing and there are still many big and small changes ahead.
ℹ️ Thanks to the @Angular Team for the valuable work.
I hope you liked my video!👍
✔️ Source: github.com/angular/angular/pull/54579
☕️ Donation: www.patreon.com/igorsedov
For more tips and updates, follow me on:
▪️Twitter: TheIgorSedov
▪️LinkedIn: www.linkedin.com/in/igorsedov/
▪️Instagram: theigorsedov
Website: igorsedov.com
Email: me@igorsedov.com
#angular #angular18
มุมมอง: 6 809
วีดีโอ
Angular 18 New Feature: Route Redirects with Functions
มุมมอง 6K4 หลายเดือนก่อน
Angular 18 brings a new feature for working with redirects. We can now use functions instead of strings to specify the redirect URL in the redirectTo property (Route object). The new feature adds more flexibility to routing and provides new opportunities. Inside the function, the framework gives access to an object with information about the URL. In this video I explain in detail how it works. ...
Angular 18 New Feature for ng-content: Default Content
มุมมอง 6K4 หลายเดือนก่อน
Angular 18 introduces a new feature for the ng-content element called Default Content (fallback content). This video explains in detail how the new feature works inside component templates. The new feature of the Angular framework helps developers optimize templates. Content projection now supports a default value that is automatically used if there is no projected content. Watch my video to le...
Understand Angular Signals in 20 Minutes
มุมมอง 10K5 หลายเดือนก่อน
Angular Signals is a new way to manage values in the framework. In this video, I explain in a simple, clear and visual way how Signals work with examples. For example, Angular can automatically change values if associated values have changed. An additional feature of Signals is Effects, which allow a function to be automatically re-executed if the values within it have been changed. Does this s...
Angular 17 New Feature: Deferrable Views and Deferred Loading in Templates
มุมมอง 9K10 หลายเดือนก่อน
Angular 17 introduces a new feature called deferrable views and deferred loading. This can help to improve the performance of applications, especially those with large amounts of template content. 🎥 In this video, I will explain in detail what deferrable views and deferred loading are in Angular 17, and how to use them. I will cover the new keywords for deferred blocks (defer, placeholder, and ...
Angular 17 New Control Flow | New Syntax for Templates
มุมมอง 2.4K11 หลายเดือนก่อน
Angular 17 New Control Flow | New Syntax for Templates
Learn to Code with My Programming Tutorials
มุมมอง 30411 หลายเดือนก่อน
Learn to Code with My Programming Tutorials
Using is a New Keyword in JavaScript | ECMAScript feature
มุมมอง 41011 หลายเดือนก่อน
Using is a New Keyword in JavaScript | ECMAScript feature
JavaScript Microtasks for Beginners | Macro vs Micro Tasks
มุมมอง 572ปีที่แล้ว
JavaScript Microtasks for Beginners | Macro vs Micro Tasks
TypeScript 5 Tutorial for Beginners 2023
มุมมอง 1.7Kปีที่แล้ว
TypeScript 5 Tutorial for Beginners 2023
JavaScript Tutorial for Beginners: Learn Easy | Step by Step | 2023
มุมมอง 17Kปีที่แล้ว
JavaScript Tutorial for Beginners: Learn Easy | Step by Step | 2023
that's not a video, that's art!
Well explained 👍
Thank you for your positive comment! 👍 I'm glad you found the explanation helpful. In a few days, I’ll be releasing a new tutorial on an important new feature related to Angular Signals 🚀. If you’d like to be notified when it’s out, consider subscribing-it also supports the channel and helps me create videos more often!
how you edit your videos ?
The source footage often goes through one or two processing tools. My videos are a mix of various elements: vector graphics, screenshots, video screen captures, and raster graphics. I don't have any single main tool.👨💻 My frequently used ones include: ● Apple: Final Cut Pro and Motion ● Adobe: Photoshop and Illustrator (trying Premiere Pro and After Effects) ● Various less functional tools. ● I'm trying to use various process automation tools. I'm still in the process of creating the final set of tools, and different videos on the channel were made in different programs (I'm still experimenting with this).🙂 P.S. A new video will be published on the channel in a few days. Thank you for your support and subscription to my channel.👍 I appreciate it.
@Igor Sedov, Where are you man. waiting for your videos
Thanks so much for your patience and support!👍 I apologize for the delay-I've just been busy with a lot on my plate these past two months. 😔 I will release a new video on the channel in a few days, with another one coming shortly after. I’m also working on increasing the frequency of new video releases. Thanks again for sticking around!🤝
Which editor you use ?
I don't have any single main editor.👨💻 My frequently used ones include: ● Apple: Final Cut Pro and Motion ● Adobe: Photoshop and Illustrator, (trying Premiere Pro and After Effects) ● Various less functional tools. ● I'm trying to use various process automation tools. So far there has been little progress due to lack of time to study.
but one thing which you haven't explained was how to route this { path: '', redirectTo: 'first', pathMatch: 'full' }, { path: 'first', component: FirstComponent }, { path: 'second', component: SecondComponent } this is the path structure which everyone should follow then only it will appear on your browser
Thank you for your valuable feedback and advice!👍 You are right, I should have explained it. I appreciate your help and will ensure future videos are more detailed, like the Angular Signal video on my channel. Thanks again!
because of this video explanation i have subscribed to your channel
Thank you for subscribing to my channel!👍 It means a lot to me, and I appreciate your support. It helps me continue to release new videos and allows my channel to grow.🚀 A new video will be published in a few days, and soon I will start publishing new videos more often.👨💻
it was really a nice explanation brother thanks a lot for making such content
Thank you so much for your comment! 😊 I'm glad you liked the video. I hope you enjoy my other videos about Angular as well. Your support means a lot!
ITS GOOD AND TYHE LESSON IS REALLY TEACHING, I APPRECIATE SIR
Thank you for your feedback!👍 I’m glad you found the lesson helpful. If you're interested, I also have a TypeScript Tutorial for Beginners on my channel that you might find useful. Thanks again for your support!
Animated clips clearly explaining the concept
Thanks for your feedback!👍 I am happy to hear that I am successful in using animation to improve and simplify the explanation of complex concepts. That is my goal.🎯 I'm finishing a new video about an important feature related to Signals, so stay tuned!👨💻 I appreciate your encouragement and support.
It's really amazing!!! Easy way to understand the concept
Thank you so much!👍 I'm glad you found the explanation easy to understand. The goal of my channel is to make learning complex things easy to understand by using visual explanation and high-quality content. Your support means a lot and helps me continue developing the channel.📈
Its so cooolllll .i love it
Thank you! 😊 I'm happy to hear you loved it. More cool Angular🚀 content is on the way!
Perfect 👌
Thank you!👍 I'm glad you enjoyed the video. Stay tuned for more content about the latest Angular features!
This is so coool... Simply way to understand the concepts.keep doing
Thank you so much for your positive feedback! 👍 I'm glad you found my explanation easy to understand! That's exactly my goal.🎯 I noticed you also watched the full Angular Signals video, and I'm happy to hear you found it interesting. Your support motivates me to keep creating more content. Stay tuned for more!🔜
I didn't get what it's good for. Would you please explain more. A bit unclear and confusing.
This short video specifically demonstrates how to activate hydration for internationalization (i18n) in Angular. Hydration is a technique that improves website performance by reusing parts of the website that were already created on the server. While hydration was introduced in Angular 16, it didn't initially work with i18n. Angular 18 added support for i18n with hydration, but it's turned off by default. This video shows you how to turn it on.
Gd 👍
Thanks!👍
this is so well done, hope to see more videos in the future!
Thank you so much for your feedback!👍 I'm glad you enjoyed the video. New videos will be coming to the channel soon! Your subscription help me release more videos more often.
Honestly it's the first time understanding this new feature after watching tons of videos. You can even make little kids understand Angular which is unbelievable! Much Respect...
Thank you so much for your great and detailed feedback!👍 Hearing that my video helped you understand Angular Signals after watching many others is truly valuable to me. Making complex topics easy to understand is my goal. I carefully read all comments and watch people’s reactions to continue creating high-quality videos.👨💻 Your support and feedback mean a lot to me!
THE BEST VIDEO tutorial I've seen for years so far. The video editing made it so clear and understandable. Couldn't be better. Thank you so much for the effort!
Thank you so much for your amazing feedback!👍 I'm glad to hear that you liked my video and that the video editing helps to better and more easily understand the topic. I appreciate your support! There are also other videos on my channel about new Angular features.🚀 Stay tuned for more content!
@@theigorsedov Subscribed
Thank you for subscribing! Your support means a lot and helps the channel grow.🚀 With your support, I can continue to release new videos more frequently.👨💻
Ngif does the same
While ngIf and @defer might seem similar at first glance, they serve fundamentally different purposes. 1️⃣ @defer is a new feature introduced in Angular 17 that enables lazy loading of components. It delays the loading of a component until it's actually needed, improving performance by reducing initial bundle size. 2️⃣ ngIf is a conditional directive that dynamically adds or removes elements from the DOM based on a boolean expression. It's great for showing or hiding content based on certain conditions. In essence, ngIf controls visibility, while @defer controls when a component is loaded. They are complementary features that can be used together to optimize your Angular applications. ℹ️ For a deeper dive into @defer and how it works, check out my video about Deferrable Views on my channel
Please make long content. Like angular course with all the advanced features and complete a project in it
Thank you for your feedback!👍 There are several videos on my channel, including ones about Angular Signal 🚀. A new video about an important topic is coming soon. I'm also working on a full tutorial for beginners, but it takes a lot of time to create.
Excellent video thank you so much for the easy explanation!!! One criticism would be to get a better microphone. Other than that, amazing stuff!!!
Thank you so much for your positive feedback!👍 I'm glad you found the explanation easy to follow. I appreciate your suggestion about the microphone-I'm working on improving the audio quality🎙 and plan to invest in this as the channel grows.🚀 Thanks for your support and for helping me improve!
animated and explained very nicely !!
Thank you!👍 I'm glad you liked the animation and explanation. If you enjoyed this video, you might also find my other videos on Angular interesting. Stay tuned for more content!
ur content is amazing for visual learning like me. ❤❤ Thanks for your content
Thank you so much! I'm glad you liked my visual style of explanation. 👍 This is the main feature of my videos. You might also enjoy my other videos on the channel, such as those on Angular Unified Events or Angular Signals. I hope you find these videos interesting too.
You are doing fantastic work by creating animations. It's so easy to understand❤❤
Thank you for your feedback!👍 I'm glad you find the animations helpful and easy to understand. You might also enjoy my other videos on the channel, such as the detailed Angular Signal🚀 video. There's plenty more to explore!
Thank you for the good explanation, I have subscribed as well.
Thank you for the positive feedback and for subscribing!👍 Your support helps me create more content. I'm glad you found the explanation helpful! There are other useful videos about Angular on my channel, such as the one about Angular Signals 🚀. Stay tuned for a new video coming soon.
@@theigorsedov I would greatly appreciate if you could help me with this. As you said, redirectTo needs string or UrlTree..What would be my approach to the dynamic route param like this:{ path: 'team/:id', redirectTo: '/pages/team/detail/:id', pathMatch: 'full' } should I use resolver, if so how should I create one..Thanks in advance
Resolvers aren't necessary for this specific case since you're not fetching data before redirection. Resolvers are typically used to load data required by the target component after the redirect. In your case, you can achieve the desired redirect with either a string or a function for redirectTo. P.S. I hope I understood your question correctly.🙂
@@theigorsedov Thank you very much
nice
Thank you!👍
Nice
Thanks👍
Sorry Igor , but loudly music. i thank that you are urself teach or explain us smths, but it is video only. Actually very well content, bravo.Thank you
Thanks for the feedback!👍 I apologize the music was too loud in this video.😔 This was my first attempt, and I'm always learning ways to improve. In my latest videos, I use my own voice for narration and keep the background music very quiet focusing on clear explanations. I'm glad you found the visual helpful in this video, and I'll keep that in mind for future tutorials!
omg this made me realize that i'm a visual typa learner, thank you a lot for editing this video, love love love
Thank you very much for your positive feedback!👍 I appreciate it! I'm glad that you liked my video and that it helped you realize that visual explanations work best for you. This is the idea and purpose of my videos and my channel. My goal is to make learning easier, clearer, and more enjoyable through visual explanations.💡
Nice
Thank you! 👍
i dont know how to thank you man! great video!
Thank you so much!👍 I'm glad you enjoyed the video. Your support means a lot to me! The best way to show your gratitude is by liking the video and subscribing to the channel. This helps support me and allows me to create more new videos.
Hey bro how can we make such a intractive video showing line and helight items. Any software or any tool
The source footage often goes through one or two processing tools. Videos consist of various elements: vector graphics (quite a lot), screenshots and video screen capture, and raster graphics. For example, in some cases I redraw a screenshot into a vector graphic. I often combine vectors and screenshots. I don't have any single main tool.👨💻 My frequently used ones include: ● Apple: Final Cut Pro and Motion ● Adobe: Photoshop and Illustrator, (trying Premiere Pro and After Effects) ● Various less functional tools. ● I'm trying to use various process automation tools, for example, AppleScript. So far there has been little progress due to lack of time to study. I'm still in the process of creating the final set of tools, and different videos on the channel were made in different programs (I'm still experimenting with this).🙂
Visualization explanation is really good....Keep up the work.
Thank you!👍 I'm glad you liked the visual explanations. I appreciate your support and will keep working to create more content!
Интересный подход, как я понял, суть в том, что бы избавиться от RxJS - но суть Rx не только в том что он делает асинк подписки на бродкастинг, а еще в том что у ерикса есть .pipe - > и целая куча методов в этих пайпах ... например catchError / tap / map и т.д. там штук 60, если не больше. Получается так, что Сигналы - не могут(покрайней мере в данном виде) полностью заменить Rx ... они могут заменить лишь самые простые имплементации реактивщины, но более сложные кейсы - НЕТ .... я правильно понимаю или может я ошибаюсь ?
Спасибо за интересный комментарий.👍 Да, Вы правы в том, что RxJS - это не просто инструмент для асинхронных подписок на broadcasted events. Он также предлагает широкий набор операторов (.pipe), таких как catchError, tap, map и т.д., которые позволяют нам манипулировать и преобразовывать потоки данных. Сигналы, напротив, представляют собой более простой и легкий в использовании подход к реактивному программированию. Они идеально подходят для простых случаев использования, когда вам нужно просто отслеживать изменения данных и обновлять UI. Однако, когда дело доходит до более сложных сценариев, RxJS остается более мощным и гибким инструментом. Операторы RxJS позволяют нам создавать сложные потоки данных, обрабатывать ошибки, управлять параллелизмом и многое другое. Сигналы не могут полностью заменить RxJS и предназначены для решения специфических задач, а RxJS предлагает более универсальный набор функций. В целом, выбор между Сигналами и RxJS зависит от ваших конкретных потребностей. Если вам нужен простой и легкий в использовании подход к реактивному программированию, то Сигналы - это хороший выбор. Но если вам требуется больше мощности и гибкости, то RxJS - это более подходящий инструмент. Помимо простоты использования, Сигналы имеют ряд других преимуществ перед RxJS: 1. Сигналы, как правило, более производительны, чем RxJS, особенно для простых случаев использования. Это связано с тем, что они используют более простую архитектуру и не требуют создания сложных графов Observable. 2. Сигналы также потребляют меньше памяти, чем RxJS. Это связано с тем, что они не требуют создания и хранения Observable, которые могут занимать много места в памяти, особенно при работе с большими потоками данных. 3. Сигналы, как правило, проще отлаживать, чем RxJS. Это связано с тем, что они имеют более простую архитектуру и генерируют меньше кода. 4. Сигналы ведут себя более предсказуемо, чем RxJS. Это связано с тем, что они имеют более простую модель поведения и меньше "подводных камней". Сигналы также помогают уменьшить влияние Zone.js на производительность (это будет объяснено в одном из моих следующих видео). Надеюсь я смог вам помочь!
@@theigorsedov Ухх, сильный ответ )))) Спасибо. У вас очень хорошо получается обьяснять сложные вещи простым языком, у вас простой и понятный английский - это большой плюс.. А вы не хотели бы разобрать такую сложную тему как RxJS - я бы с удовольствием послушал, вплоне вероятно( +- 80%) что почерпну немало нового, ведь в работе используем дай боже 10% от возможностей Ерикса. Я понимаю что это большая / сложная / комплексная тема, но с вашим подходом вы сможете слоные вещи донести простыми словами. Спасибо.
Спасибо! 😊 Я стараюсь использовать простой английский чтобы понимание видео было доступно для всех стран. Туториал по RxJS один из самых частых запросов и поэтому обязательно будет через несколько видео. Я сейчас заканчиваю 2 видео по новым важным темам связанным с Сигналами, затем еще будет 2-3 видео по плану на другие новые темы. Надеюсь успеть RxJS до конца лета. RxJS действительно большая тема, но теперь я могу увеличить количество времени для создания новых видео. Параллельно я делаю большой Angular Tutorial for Beginners (10 часов).
Good features in a short video 👍🏻
Thank you!👍 Check out other shorts about new Angular🚀 features on my channel. There are also full videos with detailed and visualized explanations of the new features.
Why do we need microtasks? Because all people use setTimeout 0
Thanks for your comment!👍 While "setTimeout(0)" can be a handy trick, it's not quite the same as microtasks. Microtasks are important because: 1. Guaranteed Order. Microtasks are processed completely before the browser moves on. In other words, we know for sure that all microtasks will be completed before the next batch of tasks (other things the browser needs to do). 2. Responsiveness. By handling UI updates (like DOM changes) as microtasks, the browser can keep the UI responsive even while other tasks are running. This prevents the UI from appearing frozen or inconsistent. 3. Separation of Concerns. Microtasks are ideal for small, internal tasks related to JavaScript execution, while setTimeout is better for scheduling code that might take longer or needs to wait for something specific (like a network request). While setTimeout(0) can be useful for some situations, it's not a replacement for microtasks. Microtasks offer a more precise and reliable way to handle promise resolutions and DOM updates.
Dude, your presentation animations are sooo cool that I can follow and understand your explanations effortless. Nice !
Thank you so much!👍 I'm glad to hear that the animations helped you follow and understand the explanations effortlessly. This is the goal I strive for, spending a lot of time and effort on creating these videos. Your feedback is greatly appreciated! 😊
Excelent tutorial. Thx Igor.
I'm glad you liked the tutorial!👍
very impressive the way you taught , 💌
Thank you for your kind words!👍 I'm glad you found the tutorial impressive. Your support means a lot! 💌
Introduce Angular or python topic too
Thanks for your comment and suggestion!👍 My channel primarily focuses on Angular at the moment. There will soon be new videos about important Angular topics🚀. My goal for the coming months is to create a set of videos for learning Angular from scratch. I’ll consider covering Python topics in the future. Stay tuned for more content!
Can you please provide on project by covering all topics with login and roles. With .net core as api
Thank you for your comment! 👍 My goal is to cover a wide range of Angular topics to help developers of all levels. In the coming months, I plan to release a series of videos on various important topics, similar to the already published video about Angular Signals. Another video on an important topic is coming out soon, and I plan to publish three videos in June. Thanks for your suggestion!
Please do all full angular video which covers all basic to advanced.
Thanks for the comment! This is exactly what I strive for and the goal of my channel. I'm currently working on speeding up the release of new videos. There will be a new video about an important topic coming soon.
your content and illustration is actually best! but idk the way you explain it makes me bit sleepy, sorry but it just input.. i hope you improve it
I'm glad you liked the video and noted the graphics. Thank you for your opinion. With every new video, I strive to improve.
I'm sticking with Angular 16 for my current project, but this video is really impressive.
I'm glad you liked it!👍 On my channel, you'll find other videos about new Angular features, as well as an excellent tutorial about Angular Signals (duration: 20 minutes). Stay tuned for more Angular content coming soon!
nice
Thank you!👍
After see your video I understood my doubt
Thanks for your comment!👍 I'm glad to hear that the video helped clarify your doubt. You might find other useful videos on my channel, including ones about new Angular features.
Hi, how can i connect with you on linkedin?
Hi, my profile on LinkedIn: www.linkedin.com/in/igorsedov/
Many things have changed in Angular 17,18... need to break to grasp these and start using these in new projects.
You're right, there have been many changes in Angular 17 and 18, as well as Angular 16, which introduced important features like Signals and Hydration. I haven't covered all the updates from the past six months yet, but there will be several videos on my channel this month, including one about zoneless change detection.👨💻
The best and simple video on "Signals in Angular" with excellent video effects.
Thanks for your positive feedback!👍 I'm glad you liked my explanation of Signals with the animation. Stay tuned for more Angular content coming soon!🔜