[Frontend/JS] [Дмитрий Холстинин] Инфраструктура Frontend (2024)

[Odyvanchik]

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

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

* Статические проверки кода
автоматизируешь сборку, статические проверки и деплой кода в продакшн

* Написание собственных правил для 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.



—————————————————————————

🔗 Продажник:

📥 СКАЧАТЬ КУРС:

Для просмотра содержимого вам необходимо Войти или Зарегистрироваться.

🔐 Хотите получить доступ?

Чтобы увидеть скрытые ссылки и ставить лайки, активируйте VIP-статус.

💎 ПОЛУЧИТЬ ДОСТУП Наш Telegram канал