HTML Academy – Telegram
HTML Academy
10.3K subscribers
5.22K photos
157 videos
4 files
3.25K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Как правильно разметить H₂O?
Anonymous Quiz
71%
H<sub>2</sub>O
22%
H<sup>2</sup>O
6%
H<sub>2</sup>O
❤‍🔥64🔥3
HTML Academy
Соскучились по прямым эфирам с работодателями? Мы — очень! 👍 Прямой эфир с основателем Grokhotov Studio Михаил Грохотов расскажет, как устроен фронтенд в студии, работающей с крупными проектами для ритейла, медицины и брендов — от Atomic Heart до федеральных…
Вместе с Grokhotov Studio запускаем совместную программу обучения фронтенд-разработчиков

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

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

https://htmlacademy.ru/events/live-grokhotov
7❤‍🔥3🔥3
В HTML теги <p>, <br> и <div> отвечают за разное: абзацы, переносы строк и блочные контейнеры. В статье наглядно разбираем, когда уместен каждый из них, и показываем на примерах, почему попытка делать «абзацы» с помощью <br> визуально может выглядеть рабочей, но на деле ломает структуру документа и мешает доступности.

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

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

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

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

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

К чемпионату готовы?
7🔥22❤‍🔥1
Чёрная пятница в HTML Academy!

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

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

https://htmlacademy.ru/special/black-friday/2025
6❤‍🔥4🔥4
Media is too big
VIEW IN TELEGRAM
Высшее образование — определяющий фактор или дополнительный?

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

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

🐭 Смотреть на YouTube
🐹 Смотреть в VK
👩‍💻 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
7
Вчерашний эфир с Grokhotov Studio — записали и выложили

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

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

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎁 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤‍🔥3🔥3
Продолжаем чёрную пятницу в HTML Academy!

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

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

👍 https://htmlacademy.ru/special/black-friday/2025
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤‍🔥211
Прямой эфир с арт-директором Only

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

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

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

👍 Присоединиться к чемпионату
Please open Telegram to view this post
VIEW IN TELEGRAM
64❤‍🔥4
Forwarded from CSS Боль
Как понять :nth-child() так, чтобы он перестал пугать?

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

В выпуске:

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

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

🐭 Смотреть на YouTube
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥75🔥43
Чёрная пятница в HTML Academy!

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

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

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

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

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

https://htmlacademy.ru/special/black-friday/2025
6❤‍🔥551
Второй сезон чемпионата по вёрстке уже стартовал: участники верстают макет от Only и готовят работы, с которыми не стыдно идти к работодателям.

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

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

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

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

Записаться
Please open Telegram to view this post
VIEW IN TELEGRAM
743
Прямой эфир c Only

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

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

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

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

🐭 Смотреть на YT
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
5❤‍🔥1
Чёрная пятница в HTML Academy!

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

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

https://htmlacademy.ru/special/black-friday/2025
Please open Telegram to view this post
VIEW IN TELEGRAM
632🔥1
UUID в фронтенде нужны куда чаще, чем кажется: для временных черновиков, событий аналитики, имён файлов и стабильных ключей в списках. Universally Unique Identifier помогает надёжно различать объекты даже в офлайн-режиме и распределённых системах.


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

🪻 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
6❤‍🔥2🔥2👍1
Media is too big
VIEW IN TELEGRAM
AI делает 50% работы за разработчика — правда или ложь?

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

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

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🌸 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
7
🖤 Всё. Чёрная пятница здесь

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

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

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

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

https://htmlacademy.ru/special/black-friday/2025
Please open Telegram to view this post
VIEW IN TELEGRAM
32🔥1👏1
TypeScript для инженеров: проектирование типов, а не просто аннотации

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

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

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

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

https://htmlacademy.ru/levelup/typenoscript
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥3❤‍🔥1
Прямой эфир с основателем Addamant

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

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

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

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

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

https://htmlacademy.ru/events/live-addamant
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥643🔥2