HTML Academy

Вышел Vite 8 — самое крупное изменение архитектуры с версии 2. Под капотом теперь один бандлер Rolldown на Rust вместо двух (esbuild + Rollup). Результат — ускорение продакшен-сборки в 10–30 раз.

В статье разбираем, что изменилось на практике: встроенные инструменты для анализа проекта, поддержку путей из tsconfig, работу с WebAssembly и отправку сообщений из браузера в терминал. Плагины при этом остаются совместимыми — API не менялся. #js #vite

🎁 Читать статью

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

Больше 30 компаний-работодателей будут смотреть на результаты чемпионата по вёрстке. Среди них — AGIMA, №1 в Рейтинге Рунета. Рассказываем о партнёрах третьего сезона.

AGIMA — крупнейший интегратор цифровых решений в России. 551 сотрудник, 800+ проектов. Среди клиентов — Сбер, ВТБ, Мегафон, X5 Group.

Рядом — Oxem, №1 веб-дизайн студия Москвы по версии Рейтинга Рунета 2024. 300+ проектов и топ-5 разработчиков на React.

А в div. работают 190+ специалистов: дизайн, фронтенд, motion, 3D. И они тоже ищут верстальщиков.

Старт 30 марта. Две недели, полностью онлайн.

🎁 Записаться на профессиональный трек

Смерть накрутки опыта в 2026

Полный выпуск:
🐭 Смотреть на YouTube
🐹 Смотреть в VK

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

От резюме к доказательному найму

Рынок найма сломан двумя кризисами: экономическим и кризисом доверия. Они наложились друг на друга и бьют даже по сильным специалистам.

Новый дефолт рынка — нулевое доверие к кандидатам. И это надолго.

Резко выросла ценность цифрового профессионального следа — пруфов, которые подтверждают опыт и уровень навыков. Рынок движется к доказательному найму.

У большинства разработчиков таких доказательств нет. А нарабатывать их долго и дорого.

Поэтому появляются форматы, которые дают достоверное подтверждение уровня, сопоставимое по силе с докладом на технической конференции.

Один из таких форматов — чемпионат по вёрстке для мидлов от @htmlacademy. Он изначально строился как доказательный формат и включает:

– сложное задание с высоким потолком скила;
– двухнедельный формат, в котором можно показать свой максимум;
– ручную проверку работ;
– сильных проверяющих — синьоров из бигтеха и крупных продуктовых компаний;
– публикацию результатов в публичном рейтинге качества фронтенд-разработки.

Старт — 30 марта. Если у вас есть коммерческий опыт в разработке, это способ получить публичный пруф своего уровня.

Записаться на чемпионат

Неделю назад вышел 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

Макет для третьего сезона чемпионата подготовила студия Mish — №1 по UX сайтов в Рейтинге Рунета. В портфолио — ВТБ, Сбер, Яндекс, x5Group, а среди наград — Awwwards и «Золотое приложение».

За пять лет Mish выросли из пары человек в команду из 150+ специалистов с офисами в нескольких странах. Их подход к дизайну — исследования, аналитика, проверка гипотез — это то, как работают сильнейшие продуктовые команды. И именно их макет участники будут верстать на чемпионате.

Профессиональный трек чемпионата по вёрстке стартует 30 марта. Две недели, онлайн, не мешает работе.

🎁 Записаться на профессиональный трек

Параллакс, прогресс-бар чтения, появление элементов при прокрутке — раньше для всего этого нужен был JavaScript и обработка события scroll. Код получался хрупким, а анимации дёргались на каждом рендере.

CSS Scroll-Driven Animations меняют подход: одно свойство animation-timeline: scroll() привязывает обычные @keyframes к позиции скролла. Без JS, без библиотек, с рендерингом вне основного потока. В статье разбираем два типа таймлайнов — scroll() и view() — и показываем, как привязать анимацию к странице, контейнеру или видимости элемента. #css #baseline

🚀 Читать статью

Анастасия пришла на прошлый чемпионат проверить свои силы. А ушла с оффером от компании-партнёра — агентства интернет-маркетинга «Офэп».

Макет оказался очень интересным, сроки на выполнение были комфортные, на все вопросы оперативно отвечали. По результатам чемпионата был лайв, где жюри разбирали работы финалистов. Я победила, и в скором времени куратор сообщил, что мной интересуется партнер-работодатель чемпионата.

Чемпионат стал для неё первым шагом в профессию. Третий сезон стартует 30 марта — записаться можно уже сейчас.

🐶 Читать отзыв

Одни и те же стили для h1, h2, p и li — и для каждого отдельное правило? CSS так можно не мучить.

Список селекторов через запятую позволяет записать один блок стилей вместо четырёх. В статье разбираем, где это удобно: сброс отступов, общие стили для кнопок и ссылок, единое оформление заголовков. И объясняем, когда вместо группировки лучше использовать классы. #css #html

🎁 Читать статью

Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет.

В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить поиск работы или продвижение по грейду.

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

Полностью онлайн, две недели в спокойном ритме, не мешает работе. Старт 30 марта. Для начинающих разработчиков есть стартовый трек.

🎁 Записаться на профессиональный трек

Перенесли карточку товара из основной колонки в сайдбар — и раскладка поехала. С медиавыражениями так и будет: они смотрят на ширину окна, а не контейнера.

CSS Container Queries работают иначе. Компонент подстраивается под размер родителя — неважно, где он стоит на странице. Одни стили, любой контейнер.

Смотрите в клипе, как @container меняет раскладку на лету.

📲 Мы в MAX

Накрутчики опыта в IT, у вас проблемы. HeadHunter зарелизил систему, после которой фейковые резюме исчезнут из выдачи. Совсем.

Рекрутеры получили инструменты, чтобы отделить реальный опыт от накрученного прямо в списке с откликами. Врал годами? Станешь невидимкой. Честные наконец попадут в поле зрения.

А ещё рекрутёрам дали лёгкий способ банить накрутчиков навсегда. HR-сообщество вычистит платформу за считаные месяцы. Эйчары ждали этого годами.

Как это работает, кто пострадает первым и почему не все платформы могут себе это позволить. Разбираем в новом выпуске CSS Боли.

🐭 Смотреть на YouTube
🐹 Смотреть в VK

Бэкендеры, пора учить фронтенд?

Виктор Михайлов из Garage Eight — о том, нужно ли бэкенд-разработчику разбираться во фронтенде. Кросс-функциональные команды стали нормой, но это не значит, что всем нужно знать всё.

🐭 Смотреть на YouTube
🐹 Смотреть в VK

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

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

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

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