Angular 13 Курс: ФОРМЫ РЕАКТИВНЫЕ И ШАБЛОННЫЕ

Всем привет, записал новое видео по Angular 13. В видео рассказываю про реактивные и шаблонные формы, подходы к их созданию. После этого я привожу реальный проект из моей работы, который связан с формами и воссоздаю его с нуля. Всем приятного просмотра!

Другие видео:
Angular 13: Онлайн магазин с нуля Material UI + RxJS + API:    • Angular 13: Онлайн магазин с нуля Mat...  

Оглавление:
00:00 Предисловие
00:22 Настройка окружения
01:08 Запуск сервера ng-serve
01:35 Про виды форм
01:56 Шаблонные формы (NgForm)
08:04 Про декоратор ViewChild
10:55 Реактивные формы (FormGroup)
15:29 Альтернативный подход (FormBuilder)
17:10 Про валидаторы (Validators)
17:20 Валидация реактивных форм
23:40 Валидация шаблонных форм
26:20 Воссоздание реального проекта с формами
27:30 Установка Bootstrap
29:19 Создаем нашу форму и функции
39:55 Динамический класс [ngClass]
43:20 Про двухстороннюю привязку [(ngModel)]
46:26 Создаем цикл внутри цикла (*ngFor)
59:50 Про пайп currency
01:03:25 Отключение кнопок по условию [disabled]
01:04:00 Немного про TypeScript
01:04:34 Пишем TypeScript интерфейс для наших данных
01:12:00 Создание функций кнопок
01:25:20 Подсчитывание общей суммы всех столбцов
01:35:30 Заключение