Урок 10 CI/CD: Build и Deploy нашей игры на TS для публикации в Git Pages при помощи GitHub Actions.

Показать описание

В данном видео мы рассмотрим что такое Github Actions? Создадим простой пример Workflow и разберем его синтаксис. Подготовим наш проект для непрерывной интеграции и непрерывного развертывания (CI/CD Continuous Integration/Continuous Deployment). Исправим локальный деплой (npm run build), активируем страницы гитхаба и настроим автоматический деплой.
❄️Ну и перед новым годом, добавим чутка снега в проекм! ☃️

-- Общее описание плейлиста
Разрабатываем интерактивную пазл-игру с животными на TypeScript и/или JavaScript. Попытаемся придерживаться чистой архитектуры с ts и применять паттерны по необходимости. Так как цикл видео будет выходить постепенно, мы можем вместе с вами корректировать разные идеи. 👍

--- О чем данное видео?
00:00 - Введение
00:16 - Что такое Github Action?
02:17 - Простой пример Workflow
04:50 - Для чего actions/checkout?
06:11 - Пушим простой пример и разберем его синтаксис
07:33 - Репозиторий starter-workflows с заготовками от гитхаб команды
08:19 - Создадим первую джобу Build
08:44 - Глянем на actions/configure-pages
09:09 - Для чего Upload Artifact?
10:00 - Разберем deploy-pages и добавим секцию deploy.
12:46 - Подготавливаем наш проект к деплою
13:01 - Исправление ошибок при билде проекта локально
16:48 - Попытка деплоя игры
17:16 - Включаем Github Pages и порбуем деплоить еще раз
17:48 - Бонус: добавим снег SnowService
21:22 - Добавляем кнопку Snow
22:22 - Исправляем ошибку с путями для звука
23:12 - Всем спасибо!

--- Проект и его обсуждение

#deploy #games #build #cicd #git #githubactions #github #web #pattern #typescript #vite #prettier #konvajs #oop #coding #animation #draganddrop #creategame #gamedev