HTML Academy

Продолжаем знакомиться с партнёрами второго сезона чемпионата по вёрстке. #чпв2

👍 Студия «Банникон» — партнёр-работодатель

Студия «Банникон» разрабатывает, поддерживает и продвигает сайты. За более чем 4 года работы команда реализовала свыше 70 проектов для бизнеса и государственных организаций, помогая компаниям выстраивать устойчивое онлайн-присутствие.

👍 Красная Рамка — партнёр-работодатель

«Красная Рамка» — digital-студия, которая превращает сложные задачи в яркие и технологичные решения. Команда работает на стыке дизайна, разработки и продуктового подхода, создаёт сайты, сервисы и мобильные приложения, которые выделяются визуально и надёжно работают внутри. Студия специализируется на нестандартных и комплексных проектах: от высоконагруженных платформ и стартап-продуктов до геймифицированных интерфейсов и интеграций с бизнес-системами.

👍 Soft Media Group — партнёр-работодатель

Soft Media Group анализирует, проектирует и разрабатывает сайты, сервисы и мобильные приложения для бизнеса и государства. Компания с 2010 года делает бизнес эффективнее, создавая цифровые сервисы и системы для разных отраслей экономики. Команда использует современные технологии и подходы к управлению проектами, подбирая решения под задачи конкретного заказчика.

https://htmlacademy.ru/contest/2

Вместе с Addamant запускаем совместную программу обучения фронтенд-разработчиков

Сегодня в 12:00 (MSK) — прямой эфир с компанией Addamant. Основатель студии расскажет, как устроен фронтенд для корпораций и e-commerce, что ждёт выпускников на оплачиваемой стажировке и как пройти путь от обучения до работы в штате.

В финале разыграем бесплатное место на программу!

https://htmlacademy.ru/events/live-addamant

Продолжаем знакомиться с партнёрами второго сезона чемпионата по вёрстке. #чпв2

👍 WL — партнёр-работодатель

Digital-агентство WL специализируется на разработке интернет-магазинов, веб-сервисов и корпоративных решений на PHP и 1С-Битрикс. Команда работает с e-commerce и внутренними системами, помогает бизнесу запускать и развивать проекты, включая интеграции, поддержку и IT-консалтинг. На рынке агентство с 2008 года.

👍 RUSO — партнёр-работодатель

RUSO — digital-агентство полного цикла, которое делает комплексные решения для роста бизнеса. Команда закрывает полный спектр задач: от брендинга, рекламы и фирменного стиля до разработки корпоративных сайтов, интернет-магазинов и высоконагруженных порталов. Проекты ведутся «под ключ» — от аналитики и выбора решения до запуска и дальнейшего развития.

👍 div. — партнёр-работодатель

div. — крупный digital-продакшен, который сочетает дизайн, разработку, брендинг, motion и 3D. Инхаус-команда реализует проекты разного масштаба: от быстрых лендингов и интерфейсов до сложного e-commerce и комплексных сервисов. Компания работает как производственный партнёр полного цикла и помогает бизнесу закрывать большой объём задач по веб- и продуктовой разработке.

https://htmlacademy.ru/contest/2

Завтра в 12:00 — эфир, который стоит посмотреть

Основатель Addamant расскажет, сколько на самом деле нужно джуну времени, чтобы стать полезным для компании. Как выглядит реальная разработка на React и TypeScript для корпораций. И почему студия решила растить фронтендеров с нуля.

Новость: в программу добавляем курс «Фронтенд на автопилоте: AI-агенты на практике». Генерация кода, рефакторинг на TypeScript, работа с React-компонентами через AI — это уже не будущее, а то, что ждут от джунов прямо сейчас. На эфире разберём, как Addamant использует эти инструменты в работе.

🎁 Розыгрыш: среди первых 100 зарегистрировавшихся разыграем одно бесплатное место на программу. Победителя выберем случайным образом в конце эфира.

Завтра в 12:00. Регистрируйтесь — будет полезно.

👍 https://htmlacademy.ru/events/live-addamant

Второй сезон Чемпионата по вёрстке в полном разгаре

Чемпионат по вёрстке — это не только проверка мастерства, но и возможность заявить о себе как о сильном специалисте. #чпв2

Кто помогает делать чемпионат?

👍 Only — дизайн-партнёр

Агентство с фокусом на аналитику, дизайн и разработку цифровых продуктов. Среди клиентов — «Сибур», VK, «Сбер» и другие крупные компании. Для участников чемпионата Only подготовило яркий и награждённый графический макет — именно с ним сейчас работают верстальщики.

👍 Питер — литературный партнёр

Издательство «Питер» — лидер российского рынка книг для разработчиков. В каталоге — литература для любого уровня: от пособий по алгоритмам для начинающих до продвинутых материалов для сеньоров и СТО.

👍 AGIMA — партнёр-работодатель

Один из лидеров рынка веб и мобильной разработки по версиям Tagline и Ruward. AGIMA занимается комплексными digital-решениями: исследует аудиторию и бизнес, проектирует, разрабатывает и развивает продукты. С 2006 года команда реализовала более 800 проектов для крупнейших СМИ, банков, страховых компаний и ритейла. В рамках чемпионата AGIMA выступает партнёром-работодателем и присматривается к участникам, которым можно доверить серьёзные задачи.

https://htmlacademy.ru/contest/2

CSS теперь умеет сравнивать значения прямо в стилях: запись вроде 10 <= --x <= 12 — это рабочий код, а не псевдоязык.
➿➿➿➿➿➿➿➿➿➿
В свежем выпуске «CSS Боль» разбираем range syntax в стилевых запросах и смотрим, как с его помощью подсветить диапазон дат в календаре на чистом CSS. По пути становится понятно, почему :nth-child(of S) в этой задаче быстро упирается в свои ограничения, а реактивный CSS с переменными и range syntax даёт более прямое и прозрачное решение.

В выпуске:

✓ Как работает range syntax и откуда берётся запись 10 <= --x <= 12 в стилях
✓ Почему :nth-child(of S) не подходит для подсветки диапазона дат в календаре
✓ Как связать custom properties, CSS-математику и условия в стилевых запросах
✓ Пример полностью рабочей подсветки диапазона на чистом CSS, без JavaScript

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

Прямой эфир с основателем Addamant

Поговорим с основателем студии о том, как команда делает фронтенд для корпоративных систем, e-commerce и B2B-сервисов, почему компании нужны универсальные фронтендеры и как HTML Academy вместе с Addamant запускают программу обучения под компанию.

На эфире 4 декабря в 12:00 (MSK) разберём:

0️⃣ Познакомитесь с Addamant: какие продукты делает студия и как выглядят боевые задачи фронтенда в реальных бизнес-проектах.
1️⃣ Разберётесь, как устроена рабочая кухня: стек, работа с легаси, роль TypeScript, ревью кода и AI-инструменты в ежедневной разработке.
2️⃣ Узнаете, как построена совместная программа и что нужно, чтобы дойти до стажировки во фронтенд-команде студии.

Бонус: среди первых 100 зарегистрировавшихся разыграем одно бесплатное место на программу, результаты объявим в конце эфира.

Регистрируйтесь по ссылке — пришлём напоминание и расскажем, как попасть на обучение.

https://htmlacademy.ru/events/live-addamant

TypeScript для инженеров: проектирование типов, а не просто аннотации

Если цель — снижать класс ошибок за счёт статической проверки и проектировать выразительный API, посмотрите курс по TypeScript.

Главное, что отрабатываем (кратко и по делу):

🔘 Дженерики с ограничениями: параметризация API без any, вывод и значения по умолчанию.
🔘 Сужение типов и дискриминированные объединения: исчерпывающие проверки, отсутствие «мёртвых» веток.
🔘 Conditional / Mapped / Template literal types: производные модели, безопасные ключи и события.
🔘 Вариантность колбэков и сигнатур: корректная совместимость параметров в обработчиках.
🔘 Брендированные (opaque) типы для идентификаторов и единиц: защита от подстановки «не той строки».

Курс про практику проектирования типов: меньше рантайм-сюрпризов, больше строгости на этапе компиляции. Подробности на лендинге.

https://htmlacademy.ru/levelup/typescript

🖤 Всё. Чёрная пятница здесь

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

Что в итоге собрали:

0️⃣ Профессия «Фронтенд-разработчик» с наставником: -42,5%
1️⃣ Самостоятельные профессии: -75,4%
2️⃣ Курсы для новичков: -60%
3️⃣ Курсы для роста: -60%

Условия действуют 28–30 ноября. Начать учиться можно сразу или позже — скидка сохранится за вами.

https://htmlacademy.ru/special/black-friday/2025

AI делает 50% работы за разработчика — правда или ложь?

Михаил Грохотов основатель — основатель Grokhotov Studio, рассказал про использование в студии AI в рабочих процессах, поэтому новый курс «Фронтенд на автопилоте: AI-агенты на практике» включён в программу «Обучение под работодателя». Генерация повторяющегося кода, перенос проектов на новый стек, работа с тестами, автоматизация повседневных задач — всё это становится стандартной частью фронтенд-пайплайна. Такие навыки теперь не «дополнение», а современная профессиональная база.

Полный эфир с Grokhotov Studio — по ссылке:

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🌸 Программа обучения

UUID в фронтенде нужны куда чаще, чем кажется: для временных черновиков, событий аналитики, имён файлов и стабильных ключей в списках. Universally Unique Identifier помогает надёжно различать объекты даже в офлайн-режиме и распределённых системах.

В статье разбираем, как по-взрослому генерировать UUID на чистом JavaScript: используем crypto.randomUUID() и безопасные фолбэки для разных сред, показываем, почему решения на Math.random() опасны, разбираем типичные ошибки и приводим живые примеры из реальных интерфейсов. #js #webdev

🪻 Читать статью

Чёрная пятница в HTML Academy!

Думали самые интересные предложения чёрной пятницы закончились? Наполняем корзину скидками на лайт-профессии и пакеты профессий.

⚡️ Лайт-профессия — самостоятельный формат для спокойного старта в веб-разработке. Учитесь в удобном темпе, осваиваете HTML, CSS и JavaScript.
⚡️ Лайт-профессия подходит тем, кто хочет попробовать себя в веб-разработке и идти в своём ритме, без расписания.

https://htmlacademy.ru/special/black-friday/2025