Запись [kobezzza.lab] Инфраструктура Frontend (Дмитрий Холстинин)

​

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

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

Кому подходит курс:

Разработчикам
- которые хотят освоить эффективное использование инструментов статической проверки кода и повысить качество своих проектов.

Тем, кто хочет понять весь путь кода
- разобраться в существующих инструментах инфраструктуры и научиться применять их на практике.

Тем, кто стремится глубже понять инфраструктуру Frontend
- от написания в IDE до его работы в продакшене, чтобы управлять процессом деплоя и оптимизации приложений.

Будет плюсом
- Опыт работы с CI/CD, статическими проверками

Минимальные требования
js, git, node

Спойлер: Программа:

18 онлайн-лекций

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