#27 Джедай веб разработки. Pipe Async, OnChanges, @Input set Как обновлять данные в компоненте

78 Просмотры

Спасибо! Поделитесь с друзьями!

Вам не понравилось видео. Спасибо за то что поделились своим мнением!

Издатель Jun 20, 2021

Это видео подойдет и новичкам случайно попавшим на этот плейлист. В этом видео я показал как обновить состояние компонента, если пришли новые данные в инпуте, причем компонент не использует инпут напрямую (Angular Input)

Показаны такие подходы как использование сеттера (setter) или использование метода жизненного цикла OnChanges с принимаемыми объектами SimpleChange

Как помогать по проекту можно посмотреть тут https://www.youtube.com/watch?v=Z_CG6e3rQAc&ab_channel=WebDev.GromMax

API & SPI в ООП
https://www.youtube.com/watch?v=FF_eyaCrZD8&list=PL4rYLeYunVf0CC_-VOEucnDVsXu4JVTbw

ANGULAR
Тег с кодом для начала задания
https://github.com/MaksymGrom/ng-blog/tree/0.0.16
Тег с кодом выполненного задания
https://github.com/MaksymGrom/ng-blog/tree/0.0.17

NEST JS
Тег с кодом для задания
https://github.com/MaksymGrom/nest-blog/tree/0.0.5

Установка проекта
1) Установите mysql сервер
2) Создайте пустую БД
3) Склонируйте NestJS проект
4) Загрузите зависимости "npm install"
5) Скопируйте файл ormcomfig.sample.json как ormconfig.json
6) Пропишите свои параметры БД
7) Выполните "npm start" для запуска bakend сервера
8) Склонируйте Angular проект
9) Загрузите зависимости "npm install"
10) Запустите фронтенд "npm start"
----------------------------------------------------------------------------------------

Приветствую друзья. Этот плейлист посвящен разработке блога с использованием Nest Js + Angular + MySql. Все это будет происходить с использованием KANBAN подходов к ведению проектов и с использованием github.

Видео максимально содержат все шаги разработки и мысли по реализации.

Цель такого формата - донести свое мировозрение к разработке длительных проектов и привлечь увлеченных ребят делать pull request в мой github репозиторий как contributors.

Невозможно рассказать причины появления шаблонов программирования, если не иметь проект состоящий из большого числа зависящих друг от друга элементов.

Надеюсь такой формат видео будет интересен. Github проекты можно найти:
https://github.com/MaksymGrom/ng-blog
https://github.com/MaksymGrom/nest-blog

Телеграм канал:
https://t.me/webDevGromMaxGroup