Инфраструктура Frontend [Дмитрий Холстинин]

Robot · Вчера в 18:15

Технологии и навыки, которые ты освоишь:

Статические проверки кода
автоматизируешь сборку, статические проверки и деплой кода в продакшн
Написание собственных правил для ESLint
Научишься создавать кастомные правила для ESLint и разбираться в существующих, чтобы адаптировать проверку кода под задачи проекта
Реализация кастомных проверок кода
Поймешь как самостоятельно реализовывать кастомные проверки кода и чем они могут быть полезны
CI/CD
Освоишь процесс настройки CI/CD, автоматизируешь сборку и деплой для ускорения вывода изменений в продакшн
Docker & Kubernetes
Получишь базовые знания для работы с Docker и Kubernetes, необходимые для управления контейнерами и развертывания приложений
Деплой
Получишь базовое представление о структуре работы сервиса в production и процессе деплоя

Кому подходит курс:
Разработчикам
- которые хотят освоить эффективное использование инструментов статической проверки кода и повысить качество своих проектов.
Тем, кто хочет понять весь путь кода
- разобраться в существующих инструментах инфраструктуры и научиться применять их на практике.
Тем, кто стремится глубже понять инфраструктуру Frontend
- от написания в IDE до его работы в продакшене, чтобы управлять процессом деплоя и оптимизации приложений.
Будет плюсом
- Опыт работы с CI/CD, статическими проверками
Минимальные требования
js, git, node
Спойлер: Программа:
18 онлайн-лекций

Node.js — перочинный нож инфраструктуры. Все существующие инструменты для frontend написаны на js под node.js. Мода на Rust. Основные необходимые модули node.js. Инфраструктура на typescript. TS-node. Deno. Bun. Yaml, json, json5. Командная строка. Начинаем изучать возможности инфраструктуры с локального сценария.
Все основные пакетные менеджеры. npm, pnpm, yarn. Зачем нужны, краткая история происхождения. Как работает. Pros/cons каждой. Виды зависимостей. Важные настройки установки пакетов. Lock файлы, приватный реджистри. ESM в runtime. Возможность жить без пакетных менеджеров (http dependencies).
Что это значит и зачем нужны статические проверки кода. Популярные линтеры: eslint, prettier, stylelint. Альтернативы. Дополнительно statoscope, prettier, typescript. Инструменты для оркестрирования проверок. Прехуки, husky, lefthook. Гит хуки. Разбираем lefthook подробнее. Pre-commit и pre-merge.
Разбираем как работает eslint. AST. Система плагинов. Проблемы архитектуры eslint. Как работает prettier/stylelint. Разные парсеры у stylelint. Как работают альтернативы. Пишем собственный плагин и правила.
Continious development. Зачем нужен. В чем отличие CI/CD. Переносим пакетные менеджеры и проверки в CI. Bootstrap проекта как процесс. Github/gitlab CI. Pipelines/jobs, yaml programming. Best practices организации CI (кэши, шарды, селективность).
CI-only проверки. Тесты. Основные фреймворки для тестирования. Как организовать тесты. Хорошие и плохие тесты. Как правильно настроить прогон тестов в CI. Селективное тестирование.
Подробно разбираем Github CI, best practices организации джоб, пишем статические проверки.
Подробно разбираем Gitlab CI, best practices организации джоб, пишем статические проверки.
Docker. Docker-cli и Docker-daemon. Что такое и зачем нужен. Docker-compose. Kubernetess. Основные команды docker.
Docker daemon. Основные настройки docker. Основные docker-cli команды. Альтернативы.
Разбираемся что такое kubernetess и в чем отличие от докера.
Continious integration. Процесс деплоя. Стейдж, прод. Деплоим контейнеры в стейдж и прод. Различные схемы деплоя. Best practices деплоя.
Разбираемся что такое ansible и зачем нужен
Разбираемся что такое terraform и зачем нужен
Мониторинг пайплайнов в CI. Мониторинг стейдж/продакшн. Opentelemtry, Prometheus, grafana, kibana, sentry
Nginx, reverse-proxy, s3, l7/l3 балансер. Зоны ответственности.
Различные схемы работы node.js/spa/mixed. Best practices деплоя ассетов. Влияние на скорость. CDN.
Берем проект и настраиваем линтеры, CD, CI, deploy.