Как стать мидлом

Конфиги webpack часто копируют из проекта в проект, а когда что-то ломается — гуглят каждую строку отдельно. Знакомо?

На курсе разбираемся, как устроена сборка изнутри: от entry и output до разделения кода и оптимизации под рабочее окружение. Настраиваете Babel и ESLint, подключаете обработчики и плагины, учитесь разделять окружения и уменьшать размер итоговой сборки.

После курса — сможете собирать и поддерживать конфигурации webpack самостоятельно. #htmlacademy #levelup

🔜 Подробнее

fetch() отправляет запрос — а что происходит дальше, между вашим кодом и сервером?

На курсе «Протоколы и сети: основы» разбираем весь путь: модель OSI, стек TCP/IP, разницу между HTTP/1.1, HTTP/2 и HTTP/3, работу TLS и сертификатов. Отдельный раздел — WebSockets и когда они действительно нужны.

Четыре кейса и две практические задачи: от предварительного открытия TCP-соединений до оптимизации проекта под HTTP/2. #htmlacademy #levelup

🎁 Смотреть программу

Вы соберёте фронтенд онлайн-пиццерии с конструктором заказа и таск-менеджер с досками для командной работы. Два проекта на Vue.js 3 поверх готового API. Бэкенд уже написан, фокус целиком на фронтенде.

На курсе разбираем Composition API и реактивность, роутинг с защитой маршрутов, Pinia для управления состоянием, работу с сервером и анимации переходов. Отдельный раздел по тестированию на Vitest и Vue Test Utils.

Вопросы обсуждаем в чате, показываем типичные решения. #htmlacademy #levelup

🎁 Программа и детали

Неделю назад вышел Vite 8 — самое крупное обновление архитектуры со второй версии. Два бандлера (esbuild + Rollup) заменил один — Rolldown, написанный на Rust. У Linear продакшен-сборка упала с 46 до 6 секунд.

Под капотом Vite теперь целый Rust-стек: Rolldown для сборки, Oxc для парсинга и трансформации, встроенная поддержка tsconfig paths без сторонних плагинов. @vitejs/plugin-react v6 перешёл на Oxc и выкинул Babel из зависимостей. В пятом разделе курса подключаем плагин oxlint — он в 50–100 раз быстрее ESLint и ловит ошибки прямо при сборке.

Курс «Vite» написан с нуля под восьмую версию. Шесть разделов: от vite.config и Lightning CSS до тестирования с Vitest, деплоя через GitHub Actions и готовых сценариев миграции с Webpack и Gulp. #htmlacademy #levelup

🎁 Смотреть программу

Резервный канал в MAX

TypeScript ловит ошибки до запуска кода. Но только если типы спроектированы, а не просто расставлены.

Чаще всего проблема не в незнании синтаксиса, а в подходе. as any вместо точного типа. Проверки «на глаз» вместо структуры, которую компилятор понимает. В итоге TypeScript формально есть, а гарантий нет.

Курс «TypeScript: Теория типов» учит проектировать типы так, чтобы компилятор работал на вас. Дженерики, условные и отображаемые типы, брендирование идентификаторов — всё это про контроль над кодом, а не про знание синтаксиса. #htmlacademy #levelup

✨ Записаться на курс

На алгоритмических собеседованиях спрашивают O-большое и обход деревьев, а в продакшене те же знания помогают найти «дорогой» цикл до ревью.

Курс «Алгоритмы и структуры данных» — задачи на JavaScript, привязанные к реальному фронтенду. Разберёте, почему Map и Set убирают дубли за O(1) вместо O(n), как работает diff виртуального DOM и когда quicksort подходит для «живого» поиска. Гибкие сроки — начать можно прямо сейчас. #htmlacademy #levelup

🎁 Подробнее о курсе

Git и GitHub
➿➿➿➿➿➿➿➿➿➿➿➿
Курс — про прикладную работу с Git от основы до уверенных навыков: установка и первичная настройка, локальный и удалённый репозитории, ветки и модели ветвления, слияния и разрешение конфликтов, сравнение версий и файлов, откладывание и отмена изменений. Разбираем rebase и cherry-pick, восстановление через reflog, SSH и GPG-подпись коммитов.

Результат: уверенно настраиваете и связываете репозитории, выстраиваете историю коммитов, ведёте ветки под задачи, безопасно сливаете и откатываете изменения, быстро находите нужные диффы, спасаете ситуацию с помощью reflog и собираете аккуратный рабочий процесс.

🔶 Записаться на курс