HTML Academy

Прямой эфир c Only

Вместе с арт-директором из Only обсудим подход студии к макетам и то, как смотреть на макет второго сезона чемпионата по вёрстке:

🌟 какие ожидания по аккуратности и качеству,
🌟 как организовать работу и на что обратить внимание.

На эфире ответим на заранее собранные вопросы участников чемпионата о макете и связанных с ним требованиях. Присоединяйтесь к прямому эфиру, чтобы узнать подробности о макете и спокойно начать работу. Регистрация на чемпионат открыта до четверга!

Подключайтесь в 12:00 (MSK)

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

Второй сезон чемпионата по вёрстке уже стартовал: участники верстают макет от Only и готовят работы, с которыми не стыдно идти к работодателям.

Завтра в 12:00 (MSK) — открытый прямой эфир с арт-директором Only. Разберём заранее присланные вопросы по макету и ответим на то, что успеем в лайве. Запись эфира сохранится.

Если вы всё это время наблюдали за чемпионатом со стороны, сейчас самое время заскочить: зарегистрироваться, посмотреть эфир, уточнить всё по макету и спокойно начать работу.

Для выпускников наших профессий с модулями по HTML, CSS и JavaScript участие уже оплачено — остаётся только записаться на чемпионат.

👍 Регистрация на второй сезон будет закрыта в четверг.

Записаться

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

Продолжаем наполнять корзину скидками к чёрной пятнице.

🎁 Новая огромная скидка — профессия «Фронтенд-разработчик» в мини-группе с наставником. Обучение по стандартам ИТ-гигантов. Большая скидка, места в группе ограничены.

В программу профессии входят:

1. HTML и CSS. Профессиональная вёрстка сайтов
2. JavaScript. Профессиональная разработка веб-интерфейсов
3. JavaScript. Архитектура клиентских приложений
4. React. Разработка сложных клиентских приложений
5. Практический курс по ИИ
6. Грейдирование

Осталась ещё одна скидка к чёрной пятнице. Следите за лендингом: 27 ноября откроем следующий уровень — и корзина скидок будет полностью собрана.

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

Как понять :nth-child() так, чтобы он перестал пугать?
➿➿➿➿➿➿➿➿➿➿
В новом выпуске «CSS Боль» делаем сложный селектор :nth-child() понятным буквально каждому, раскрывая его внутренние секреты и механики с помощью интерактивной визуализации и простых наглядных примеров.

В выпуске:

✓ Как работает переменная n и почему она начинается с нуля
✓ Что делают формулы 2n, 2n+1, n+3 и -n+4
✓ Как выбирать «до» и «от» определённого элемента
✓ Как составлять и понимать сложные последовательности
✓ Пересечения и объединения выборок
✓ Почему odd и even — это всего лишь сокращения формул

Внутри — живые примеры, на которых сразу видно, какие карточки выбираются при каждом выражении. После этого ролика вы перестанете помнить «частные случаи» и начнёте читать формулы как предложения на языке CSS.

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

Прямой эфир с арт-директором Only

26 ноября в 12:00 (MSK) разберём, как студия подходит к работе с макетами и как правильно смотреть на макет второго сезона чемпионата по вёрстке. Поговорим о том:

1️⃣ каких ожиданий по аккуратности и качеству мы придерживаемся,
2️⃣ как организовать работу с макетом и на что обратить внимание в первую очередь.

Также в эфире ответим на заранее собранные вопросы участников чемпионата — про сам макет и требования, которые с ним связаны.

👍 Присоединиться к чемпионату

Продолжаем чёрную пятницу в HTML Academy!

Открываем следующую скидку — скидки 60% на все мидл-курсы и мидл-пакеты. Распространяется на все курсы и пакеты курсов для мидлов. Хорошая возможность взять нужную программу по сниженной цене и продолжить развиваться системно. Следите за скидками — они будут постепенно появляться на лендинге.

Встретимся 25 ноября, пока — только повешенные шторки и лёгкий запах большой скидки за кадром.

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

Вчерашний эфир с Grokhotov Studio — записали и выложили

Михаил Грохотов рассказал про стек (используют Vue.js и Nuxt), сколько зарабатывают на стажировке и за какое время джун вырастает до мидла. Плюс развенчал мифы про TypeScript, верстальщиков и возрастные ограничения.

Час эфира, но на скорости ×2 уложитесь в 31 минуту. Хороший вариант для субботнего утра с кофе.

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

Высшее образование — определяющий фактор или дополнительный?

Максим Ермилов — основатель WAPP, рассказал про ограничения, связанные с наличием высшего образования при отборе на работу. «Высшее образование неважно, важно желание разобраться в технологии и любопытство в предметной области».

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

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

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

C 21 по 30 ноября скидки до 60% на курсы и тренажёры. Следите за скидками — они будут постепенно появляться на лендинге. Сегодня открываем первый подарок — скидка 60% на программу «Войти в IT». Курс для тех, кто хочет в IT,но не знает,с чего начать.

Встретимся 23 ноября, когда откроется следующая карточка с подарком. Считайте это маленьким тизером того, что готовится.

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

#ЧПВ2 от HTML Academy стартует 24 ноября в 18:00 (MSK)

2 недели плотной практики, крутой макет от самого награждаемого разработчика сайтов по версии Wоrkspace — Only, и возможность прокачать портфолио.

Формат полностью онлайн — участвовать можно из любой точки мира. Качество ваших работ оценят по тем же критериям, что используют компании в процессе разработки. Это соревнование не на сложность, а на качество исполнения.

Готовим редакторы, настраиваем IDE и ставим напоминание в календарь.

К чемпионату готовы?

В HTML теги <p>, <br> и <div> отвечают за разное: абзацы, переносы строк и блочные контейнеры. В статье наглядно разбираем, когда уместен каждый из них, и показываем на примерах, почему попытка делать «абзацы» с помощью <br> визуально может выглядеть рабочей, но на деле ломает структуру документа и мешает доступности.

Говорим про семантику без лишней магии: как корректная разметка помогает браузерам, поисковым системам и ассистивным технологиям правильно понимать страницу, а разработчикам — писать аккуратный, читаемый HTML без избыточных <div> и визуальных костылей. #html #ally

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

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

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

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

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

Поговорим о семантике?

Листайте карточки, знакомьтесь с тегами <sub> и <sup>, а потом закрепляйте полученные знания в опросе ниже. Попрактиковаться и посмотреть на примеры можно в интерактивной главе «Разметка текста»

Присоединяйтесь завтра в 12:00 (MSK) к прямому эфиру HTML Academy × Grokhotov Studio о совместной программе «Обучение под работодателя» — 8 месяцев фронтенда с наставником и отбором на оплачиваемую стажировку.

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

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

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

Часто в коде нужна какая-нибудь конкретная регулярка — проверить почту, номер телефона или ограничить ввод. Мы собрали в одной статье 40 часто используемых шаблонов для JavaScript: это компактная шпаргалка без теории, только готовые паттерны, которые удобно копировать в код и не искать каждый раз с нуля.

- Проверка email — /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
- Только цифры — /^\d+$/
- Только буквы — /^[a-zA-Z]+$/

Сохраните страницу — и шпаргалка с 40 регулярными выражениями для JavaScript всегда будет под рукой. #js #regexp

🍌 Читать статью

Как построить функции прямо в браузере?

Визуализация нового выпуска «CSS Боль»

❝ И если кого-то и нужно обгонять, то не других, а самого себя превзойти. ❞

Запускаем второй сезон чемпионата по вёрстке!

Формат — полностью онлайн, длительность — две недели. Участие — бесплатное для выпускников наших профессий. На чемпионате вы сможете поработать с реальным макетом от самого награждаемого разработчика сайтов по версии Wоrkspace — Only.

Что ждёт во втором сезоне чемпионата:

⚡️ Крутой кейс: макет, отмеченный более чем десятью престижными digital-наградами.
⚡️ Критерии качества индустрии: просто сверстать будет недостаточно — оцениваем аккуратность, надёжность, поддерживаемость и внимание к деталям.
⚡️ Партнёры-работодатели: в жюри — компании, которые ищут сильных новичков.

Покажите своё мастерство профессиональной вёрстки, добавьте крутой проект в портфолио и попадите к партнёрам-работодателям Академии. В следующих постах расскажем другие подробности о чемпионате. А пока переходите на лендинг и записывайтесь на участие — это бесплатно. #чпв2

https://htmlacademy.ru/contest/2

Можно ли построить школьные графики на чистом CSS?
➿➿➿➿➿➿➿➿➿➿➿➿
Оказывается, можно. В новом выпуске «CSS Боль» строим функции прямо в браузере — от простых прямых до синусоид.

CSS умеет работать с линейными функциями, параболами через pow(), логарифмами и тригонометрией. Всё это можно использовать для параллакса, анимаций по траекториям и необычных меню.

Внутри — интерактивная демка, где можно поэкспериментировать с формулами и увидеть, как CSS справляется со школьной математикой.

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