Загрузка страницы

Курс Javascript Fullstack разработчик: Урок 9

Оборачиваем в Docker-контейнеры бэкенд- и фронтенд приложения. Пока что только локально.

Приобрести ПОЛНЫЙ ДОСТУП к курсу:
https://makeweb.me/course-js-fullstack-developer

Телеграм для связи по курсу: http://t.me/makewebchatme

СОДЕРЖАНИЕ:
00:00 Начинаем оборачивать front, admin, seller и srv в Docker-контейнеры.
02:01 Подбираем Docker-образы для наших контейнеров. Собираем внутри docker-compose.yml сервис для srv.
05:30 Разбираемся, почему srv не работает.
08:24 Как зайти внутрь запущенного контейнера?
09:55 Использование внешнего Dockerfile вместе с docker-compose.
11:15 No left space on device: как очистить дисковое пространство? docker system prune
12:04 Чуть подробнее о механизме работы Docker (слои).
13:55 Пробуем сменить образ, чтобы решить проблему.
15:39 Как увеличить дисковое пространство, доступное Docker'у.
16:50 Проблема Invalid ELF Header - как решить?
18:04 Устанавливаем верный хост для подключения бэка к Postgres и Redis.
20:23 Тестируем работу бэк-контейнера. Создание .env.production специально для бэкенд-контейнера.
22:27 Контейнеризируем проекты front и admin. Не забываем про файл .dockerignore. .env.production для front.
22:00 Настраиваем /etc/hosts для перенаправления на localhost.
28:51 Пробуем обращаться к контейнеру по фактическому IP-адресу.
31:11 Оборачиваем admin в контейнер (по аналогии с front).
34:25 Проблема с отдачей статики через dev-сервер. Немного о схеме будущей работы.
35:35 Обзор того, что Докер создал для нашего проекта (имена и назначение).
39:00 Меняем название сети на более читаемое. Меняем название сервисов (опять же, для читабельности).

===

Вот список тех плейлистов с видео, на которые мы будем опираться:

NestJS https://www.youtube.com/playlist?list=PLvWwA9iDlhHAhfM4Ttcx_RcU266xz9OcT
React + CRA https://www.youtube.com/playlist?list=PLvWwA9iDlhHBQ6razvwomGcUIfQm4fk6D
Базовая верстка https://www.youtube.com/playlist?list=PLvWwA9iDlhHBJG9zvHiGIbVfcVEDrPRml
Git https://www.youtube.com/playlist?list=PLvWwA9iDlhHDtvzgqGvCYn9R4swacElD6
DevTools Chrome https://www.youtube.com/playlist?list=PLvWwA9iDlhHA4kzfpRbu2cH-Z2ss6tB99

===

GitHub-репозитории курса:
https://github.com/makewebme/mw-mp-front
https://github.com/makewebme/mw-mp-admin
https://github.com/makewebme/mw-mp-seller
https://github.com/makewebme/mw-mp-srv

Видео Курс Javascript Fullstack разработчик: Урок 9 канала MakeWeb.me
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
16 декабря 2022 г. 14:37:23
00:41:58
Другие видео канала
React-хук useAsync: упрости свои запросыReact-хук useAsync: упрости свои запросыКурс NestJS (#6): модули и middlewareКурс NestJS (#6): модули и middlewareКурс Javascript Fullstack разработчик: Урок 4Курс Javascript Fullstack разработчик: Урок 4Курс по Ant Design. Урок #3Курс по Ant Design. Урок #3Курс NestJS (#5): контроллеры, провайдеры, Inversion of Control и Dependency InjectionКурс NestJS (#5): контроллеры, провайдеры, Inversion of Control и Dependency InjectionКурс NestJS (#4): заканчиваем CRUD для юзера, валидируемКурс NestJS (#4): заканчиваем CRUD для юзера, валидируемКурс Javascript Fullstack разработчик: Урок 1Курс Javascript Fullstack разработчик: Урок 1Курс NestJS (#3): продолжаем делать CRUD для сущности UserКурс NestJS (#3): продолжаем делать CRUD для сущности UserКурс NestJS (#2): настройка Docker, подключение к БД, создаём сущность UserКурс NestJS (#2): настройка Docker, подключение к БД, создаём сущность UserКурс NestJS (#1): введение в тему, установка, разбор стандартных файловКурс NestJS (#1): введение в тему, установка, разбор стандартных файловJavascript Fullstack: кто такой и как им стать?Javascript Fullstack: кто такой и как им стать?Event Loop в JS: почти всё про его работу  (ЧАСТЬ 2)Event Loop в JS: почти всё про его работу (ЧАСТЬ 2)Event Loop в JS: почти всё про его работу  (ЧАСТЬ 1)Event Loop в JS: почти всё про его работу (ЧАСТЬ 1)Рекурсия, древовидная структура и drag-n-drop на примере реального React-компонентаРекурсия, древовидная структура и drag-n-drop на примере реального React-компонентаЛикбез по Photoshop для веб-разработчика (ЧАСТЬ 1)Ликбез по Photoshop для веб-разработчика (ЧАСТЬ 1)Курс по Ant Design. Урок #2Курс по Ant Design. Урок #2Сахарный синтаксис языка C#Сахарный синтаксис языка C#Курс по Ant Design. Урок #1Курс по Ant Design. Урок #1Технология верстки 2021: создание простого лендинга (часть 9)Технология верстки 2021: создание простого лендинга (часть 9)Технология верстки 2021: создание простого лендинга (часть 8)Технология верстки 2021: создание простого лендинга (часть 8)
Яндекс.Метрика