#26 Джедай веб разработки. MatTree Component. Добавление примера на сайт

60 Просмотры

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

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

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

MatTree component имеет два варианта реализации, в этом видео я использовал nested tree component для реализации отображения навигации на сайте.

Это видео содержит пример работы с компонентами material ui библиотеки. Пример копирования в свой проект.

В следующем видео нужно будет привести этот пример к рабочему варианту для нашего проекта.

Как помогать по проекту можно посмотреть тут 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.15
Тег с кодом выполненного задания
https://github.com/MaksymGrom/ng-blog/tree/0.0.16

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