en
Feedback
HTML Academy

HTML Academy

Open in Telegram

Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити. Наш секретный бот @HTMLAcademyKeksobot. Вопросы по обучению @htmlacademy_sales Ролики на YT https://www.youtube.com/@HTMLAcademyTV Ролики на VK https://vkvideo.ru/@htmlacademy

Show more
9 751
Subscribers
-424 hours
-157 days
-7730 days
Attracting Subscribers
June '26
June '26
+35
in 0 channels
May '26
+35
in 1 channels
Get PRO
April '26
+49
in 0 channels
Get PRO
March '26
+40
in 3 channels
Get PRO
February '26
+37
in 0 channels
Get PRO
January '26
+54
in 0 channels
Get PRO
December '25
+48
in 2 channels
Get PRO
November '25
+44
in 1 channels
Get PRO
October '25
+48
in 0 channels
Get PRO
September '25
+52
in 1 channels
Get PRO
August '25
+68
in 1 channels
Get PRO
July '25
+48
in 2 channels
Get PRO
June '25
+54
in 0 channels
Get PRO
May '25
+64
in 1 channels
Get PRO
April '25
+58
in 0 channels
Get PRO
March '25
+81
in 0 channels
Get PRO
February '25
+57
in 0 channels
Get PRO
January '25
+62
in 0 channels
Get PRO
December '24
+58
in 1 channels
Get PRO
November '24
+78
in 1 channels
Get PRO
October '24
+95
in 0 channels
Get PRO
September '24
+52
in 1 channels
Get PRO
August '24
+41
in 0 channels
Get PRO
July '24
+25
in 0 channels
Get PRO
June '24
+46
in 1 channels
Get PRO
May '24
+101
in 1 channels
Get PRO
April '24
+240
in 3 channels
Get PRO
March '24
+121
in 2 channels
Get PRO
February '24
+138
in 2 channels
Get PRO
January '24
+182
in 6 channels
Get PRO
December '23
+151
in 1 channels
Get PRO
November '23
+224
in 2 channels
Get PRO
October '23
+310
in 1 channels
Get PRO
September '23
+193
in 0 channels
Get PRO
August '23
+161
in 0 channels
Get PRO
July '23
+164
in 0 channels
Get PRO
June '23
+127
in 0 channels
Get PRO
May '23
+127
in 0 channels
Get PRO
April '23
+128
in 0 channels
Get PRO
March '23
+178
in 0 channels
Get PRO
February '23
+255
in 0 channels
Get PRO
January '23
+509
in 0 channels
Get PRO
December '22
+614
in 0 channels
Get PRO
November '22
+491
in 0 channels
Get PRO
October '22
+922
in 0 channels
Get PRO
September '22
+748
in 0 channels
Get PRO
August '22
+703
in 0 channels
Get PRO
July '22
+514
in 0 channels
Get PRO
June '22
+653
in 0 channels
Get PRO
May '22
+423
in 0 channels
Get PRO
April '22
+572
in 0 channels
Get PRO
March '22
+819
in 0 channels
Get PRO
February '22
+234
in 0 channels
Get PRO
January '22
+210
in 0 channels
Get PRO
December '21
+301
in 0 channels
Get PRO
November '21
+242
in 0 channels
Get PRO
October '21
+259
in 0 channels
Get PRO
September '21
+200
in 0 channels
Get PRO
August '21
+244
in 0 channels
Get PRO
July '21
+298
in 0 channels
Get PRO
June '21
+328
in 0 channels
Get PRO
May '21
+333
in 0 channels
Get PRO
April '21
+414
in 0 channels
Get PRO
March '21
+525
in 0 channels
Get PRO
February '21
+521
in 0 channels
Get PRO
January '21
+471
in 0 channels
Get PRO
December '20
+7 426
in 0 channels
Date
Subscriber Growth
Mentions
Channels
28 June+2
27 June0
26 June+4
25 June+3
24 June0
23 June+1
22 June0
21 June0
20 June0
19 June0
18 June+4
17 June0
16 June+1
15 June0
14 June+2
13 June0
12 June0
11 June0
10 June0
09 June+2
08 June+2
07 June+2
06 June+1
05 June+1
04 June+3
03 June+3
02 June+4
01 June0
Channel Posts
Сегодня последний день скидки 60% на курс «Анимация для фронтендеров 2026» — промокод MOVE60 работает до конца дня и только н
Сегодня последний день скидки 60% на курс «Анимация для фронтендеров 2026» — промокод MOVE60 работает до конца дня и только на этот курс. Курс «Анимация для фронтендеров 2026»: CSS, SVG, Canvas, GLSL-шейдеры и Three.js — весь стек на русском. Два проекта в портфолио. 👍 Записаться на курс

2
«Получается более целостный, собранный кандидат, с которым комфортнее работать». Максим Самарцев, директор Maxis, — о пользе
«Получается более целостный, собранный кандидат, с которым комфортнее работать». Максим Самарцев, директор Maxis, — о пользе высшего образования. Запись эфира: смотреть на YouTube Программа обучения
507
3
Большинство фронтендеров умеют добавить transition: opacity 0.3s — и на этом анимации заканчиваются. Курс «Анимация для фронт+2
Большинство фронтендеров умеют добавить transition: opacity 0.3s — и на этом анимации заканчиваются. Курс «Анимация для фронтендеров 2026» — восемь разделов от CSS transition и кривых Безье до шейдеров на GLSL и управления камерой в Three.js. Весь стек на русском языке, с теорией, демонстрациями и эталонными решениями к каждому заданию. Два проекта в портфолио: промо-сайт фестиваля — на нём отрабатывается каждая технология курса, и личный проект — пять экранов, 3D-фон, Canvas-сцены с физикой и шейдерная постобработка. 150+ исходных файлов. Асинхронный формат — без потоков и дедлайнов. 27 и 28 июня — скидка 60% по промокоду MOVE60 — всего два дня и только на «Анимация для фронтендеров 2026». #htmlacademy #levelup 👍 Подробнее
464
4
Доступность часто представляют как режим с крупным шрифтом. На деле это о том, как сайт читают скринридеры, работает ли он по
Доступность часто представляют как режим с крупным шрифтом. На деле это о том, как сайт читают скринридеры, работает ли он полностью с клавиатуры, хватает ли контраста людям с нарушениями зрения и переживает ли страница смену ориентации экрана. Стандарт WCAG 2.1 от W3C строится на четырёх принципах: воспринимаемость, управляемость, понятность и устойчивость. В каждом — конкретные критерии. Значимым изображениям нужны текстовые альтернативы, формам — понятные подписи. А состояния кнопок и ссылок должны считываться без опоры на цвет. Контраст проверяется через WebAIM, а симулятор дальтонизма встроен прямо в Chrome DevTools. В статье разбираем важные критерии на реальных сайтах: Яндекс, Кинопоиск, Etsy, Dropbox. #a11y #html 💡 Читать статью
637
5
или ? В макете они выглядят одинаково, и их постоянно путают — а перепутанные теги ломают семантику страницы
<article> или <aside>? В макете они выглядят одинаково, и их постоянно путают — а перепутанные теги ломают семантику страницы. <article> — самостоятельная единица контента: её можно вынести на другую страницу или сайт, и она останется осмысленной (пост, карточка товара, комментарий). <aside> — дополнение к основному контенту рядом: врезка, реклама, блок похожих материалов. Уберите его, и основной смысл не пострадает. В статье — схема смысловых секций страницы и шпаргалка с вопросами, которые помогают развести теги на конкретных примерах. #html ☝️ Читать статью
649
6
25 июня стартует группа по программе «Фронтенд-разработчик для компании Maxis». Не уверены, что фронтенд вам подойдёт? Дадим
25 июня стартует группа по программе «Фронтенд-разработчик для компании Maxis». Не уверены, что фронтенд вам подойдёт? Дадим две недели пробного периода — попробуете профессию на реальных задачах, прежде чем решиться на всю программу. Бронируете место за 15 000 ₽ и учитесь вместе с группой. За две недели сделаете первые задачи и поработаете с наставником — этого хватит, чтобы решить, продолжать или нет. Подошло — продолжаете программу. Впереди проекты в портфолио и дойти до финала. Не подошло — 15 000 ₽ не пропадут: переведём вас на лайт-версию профессии «Фронтенд-разработчик». Наставник консультирует в общем чате, вы делаете индивидуальный проект и проходите симулятор работы в веб-студии. Набор в группу идёт, старт 25 июня. Напишите нам — ответим на вопросы и забронируем место: Телеграм: https://t.me/htmlacademy_sales?utm_source=social MAX: https://max.ru/id7807382880_bot?utm_source=social
710
7
«Увеличил шрифт на 2px». «Поменял оттенок фона». «Ещё раз поменял». «Откатил». Во время ревью такие коммиты полезны — ревьюер
«Увеличил шрифт на 2px». «Поменял оттенок фона». «Ещё раз поменял». «Откатил». Во время ревью такие коммиты полезны — ревьюер видит, что именно вы поправили. Но перед слиянием они превращают историю в шум: 15 технических правок вместо одного осмысленного коммита. Решение — git rebase -i HEAD~N. Открываете интерактивный ребейз, верхний коммит оставляете pick, остальные помечаете как squash или fixup — и на выходе один чистый коммит с понятным сообщением. А можно не делать это руками. Если сразу коммитить правки через git commit --fixup <хеш>, то git rebase -i --autosquash HEAD~N расставит всё сам. В статье — пошаговый разбор со скриншотами команд: почему после ребейза обычный git push не проходит и нужен форс-пуш, и как настроить редактор Git, чтобы не попасть в Vim. #git 👀 Читать статью
729
8
194 дня до конца года — и последний день, когда на сайте крутится «Колесо Фортуны». Сегодня до полуночи заходите на htmlacade
194 дня до конца года — и последний день, когда на сайте крутится «Колесо Фортуны». Сегодня до полуночи заходите на htmlacademy.ru, ищите коробку с подарком, крутаните колесо и заберите персональную скидку на обучение. Завтра колесо остановится, а дни до декабря всё так же будут идти — уже без скидки. Один оборот, одна скидка. Успеть можно до конца воскресенья: htmlacademy.ru.
774
9
Сегодня последний день скидки 60% на курс «TypeScript: Теория типов» — промокод TS60 работает до конца дня. Завтра он уже не
Сегодня последний день скидки 60% на курс «TypeScript: Теория типов» — промокод TS60 работает до конца дня. Завтра он уже не сработает. Если присматривались — сегодня последний момент решиться. Записаться на курс
525
10
«Атакуют сотни вайб-кодеров, которые не отличают метод массива от цикла» Максим Самарцев, директор Maxis, — о том, как нейрос
«Атакуют сотни вайб-кодеров, которые не отличают метод массива от цикла» Максим Самарцев, директор Maxis, — о том, как нейросети сломали мостик между командой и тем джуном, которого хочется брать в команду. Запись эфира: смотреть на YouTube | смотреть в VK 🦖 Программа обучения
878
11
TypeScript ловит ошибки типов до запуска, но только когда типы описаны точно. Достаточно одного any или приблизительной аннот+2
TypeScript ловит ошибки типов до запуска, но только когда типы описаны точно. Достаточно одного any или приблизительной аннотации — и редактор перестаёт подсвечивать ошибку, которая всплывёт уже у пользователя. Курс «TypeScript: Теория типов» — про то, как система типов устроена изнутри: дженерики, условные и отображаемые типы, объединения и пересечения, брендирование. 6 разделов и куча типовых задач, пошаговые эталонные решения, рядом поддержка эксперта. Доступ к материалам всегда под рукой. После курса будете уверенно типизировать и во фронтенде, и в бэкенде. Гибкие сроки — начать можно прямо сейчас. #htmlacademy #levelup А в эти выходные, 20 и 21 июня, на курс будет большая разовая скидка 60% по промокоду TS60 — всего два дня и только на «TypeScript: Теория типов». 🔄 Смотреть программу
704
12
Битва за трудоустройство в 2026. Сложность: максимальная. Между вами и работой — пять HR-боссов. Первый — невидимка: бьёт тиш+5
Битва за трудоустройство в 2026. Сложность: максимальная. Между вами и работой — пять HR-боссов. Первый — невидимка: бьёт тишиной. 47 откликов, ноль ответов. Дальше тяжелее. Сохранений нет. Листайте — и удачи.
910
13
5 книг для тех, кто осваивает JavaScript Здесь есть и мягкий старт для новичка, и плотный гайд для тех, кто уже пишет код. А+5
5 книг для тех, кто осваивает JavaScript Здесь есть и мягкий старт для новичка, и плотный гайд для тех, кто уже пишет код. А ещё — книга про алгоритмы: язык в ней другой, но мышление прокачивает. Выбирайте по своему уровню. 🎁 JavaScript для детей — Ник Морган Самый мягкий старт: основы с нуля и понятным языком, а к финалу вы по шагам соберёте свою игру. Подходит и детям, и взрослым новичкам. 🎁 JavaScript. Полное руководство, 7-е издание — Дэвид Флэнаган Подробный разбор языка снизу вверх, потом веб-платформа и Node.js. Обновлено под современный стандарт: классы, модули, промисы, async/await. Берите, когда основы уже есть и хочется глубины — для первого знакомства книга тяжёлая. 🎁 Выразительный JavaScript, 3-е издание — Марейн Хавербеке Учит через практику: много примеров, упражнения и учебные проекты, которые собираете сами. Начнёте с базы — типы, функции, управляющие конструкции, — а дальше обработка ошибок, модульность, асинхронность и браузерные проекты. 🎁 Грокаем алгоритмы, 2-е издание — Адитья Бхаргава Чуть в стороне от остальных: книга про алгоритмическое мышление — как программист подходит к задаче. Базовые алгоритмы разобраны с иллюстрациями, с упражнениями для самопроверки. Примеры на Python, но идеи переносятся на любой язык, включая JavaScript. 🎁 Серия «Вы не знаете JavaScript» — Кайл Симпсон Серия, которую открывают на первом году и перечитывают перед собеседованием. Симпсон копает вглубь: область видимости и замыкания, this и прототипы, приведение типов, асинхронность. Учтите: это первая редакция — у автора есть переписанная «You Don't Know JS Yet» под современный JS, бесплатно на GitHub. С какой книги посоветуете начать?
813
14
Два приза для тех, кому важно не остаться с обучением один на один. Профессия с наставником — это мини-группа до 10 человек:
Два приза для тех, кому важно не остаться с обучением один на один. Профессия с наставником — это мини-группа до 10 человек: занятия с наставником каждую неделю, ревью кода и разбор ошибок, и наставник успевает уделить внимание каждому. Формат выручает, если вы пробовали учиться сами и знаете, что без внешней структуры можно застрять на третьей неделе и забросить. Профессия с трудоустройством устроена иначе: программу собирают вместе с конкретными компаниями-работодателями под их стек, а после защиты проектов выпускники проходят у этих компаний собеседование — на оплачиваемую стажировку или место в штате. Есть фронтенд- и бэкенд-потоки. 🎁 Колесо крутится до 21 июня, а до декабря остаётся 197 дней. Найдите коробку с подарком на htmlacademy.ru — внутри ваша скидка.
654
15
Третий чемпионат по вёрстке завершился. Вывод жюри: финальные работы дотягивают до задач мидл- и сеньор-уровня — и это при то
Третий чемпионат по вёрстке завершился. Вывод жюри: финальные работы дотягивают до задач мидл- и сеньор-уровня — и это при том, что среди участников были выпускники без коммерческого опыта. Макет сезона дало агентство Mish — с характером: адаптив, нестандартные перестроения сетки, сложное переполнение, анимации. Работы в профессиональном треке судили вслепую, по той же системе критериев качества, по которой Академия проверяет учебные проекты. В статье — как жюри пришло к такому выводу, чьи работы взяли топ и чем они зацепили экспертов. Уже думаем над следующим сезоном. 🔔 Читать статью
660
16
Тег давно делает раскрывающиеся блоки без единой строки JavaScript. Одна загвоздка оставалась: несколько блоков жил
Тег <details> давно делает раскрывающиеся блоки без единой строки JavaScript. Одна загвоздка оставалась: несколько блоков жили независимо — открыли один, соседние не реагируют. Эксклюзивный аккордеон, где раскрыт ровно один раздел, собирали на JS. Теперь это закрывает атрибут name: даёте блокам общее имя — и браузер сам следит, чтобы открытым был только один. Без скриптов и библиотек. Интереснее — что вокруг. Стандартный маркер-треугольник меняется на свой, а гладкая анимация высоты требует пары трюков. В статье — интерактивный FAQ, который можно потрогать в браузере, разбор стилизации и честные оговорки про анимацию и поддержку (Chrome 120+, Firefox 130+, Safari 17.2+). #html #css 🦋 Читать статью
716
17
Каждую неделю ИИ заметнее меняет фронтенд — и отсюда честный страх новичка: «пока я учусь, ИИ сделает всё за меня». В «Нейроф+1
Каждую неделю ИИ заметнее меняет фронтенд — и отсюда честный страх новичка: «пока я учусь, ИИ сделает всё за меня». В «Нейрофронтендере» и «Нейрофулстеке» программа отвечает ровно на это опасение: сначала инженерная база, а модуль по ИИ-агентам идёт последним, пятым разделом. Логика прямо заявлена в программе — ИИ ускоряет того, кто понимает, что происходит под капотом, и подводит того, кто действует вслепую. «Нейрофронтендер» — путь от вёрстки и JavaScript через архитектуру клиентских приложений к React, а в финале ИИ-агенты для фронтендеров. «Нейрофулстек» — для фулстек-разработчика: тот же клиентский стек плюс серверная разработка на Node.js и REST API. Объём каждой программы — 720 часов и восемь учебных проектов, в конце индивидуальный проект. 🎁 Найдите коробку с подарком на htmlacademy.ru и заберите скидку на один из курсов.
741
18
🤔 Загадка от Кекса №5: что окажется в консоли?
715
19
Через 199 дней — 1 января. Новый год наступит в любом случае. Вопрос только в том, будете ли вы за эти месяцы ближе к работе+1
Через 199 дней — 1 января. Новый год наступит в любом случае. Вопрос только в том, будете ли вы за эти месяцы ближе к работе в ИТ. Кто-то встретит его с той же мыслью о смене профессии, которая приходит каждый январь и каждый раз остаётся мыслью. А кто-то за эти месяцы заложит базу во фронтенде и соберёт первое портфолио. Разница — в дате старта. С 16 по 21 июня на сайте крутится «Колесо Фортуны». Один оборот — одна персональная скидка на обучение: «Нейрофронтендер», «Нейрофулстек», профессия с наставником или с трудоустройством. Найдите на htmlacademy.ru коробку с подарком, крутаните колесо и заберите свою скидку.
731
20
curl — и сервер отвечает одной строкой JSON без переносов и отступов. Вложенные объекты, пара
curl <https://api.example.com/user> — и сервер отвечает одной строкой JSON без переносов и отступов. Вложенные объекты, пара килобайт данных, нужное поле где-то внутри. Глазами не найти. jq — это grep и sed, но для JSON. Допишите | jq . в конец команды — и тот же ответ разложится по строкам с отступами. А дальше jq достаёт любое вложенное поле, фильтрует записи по условию, считает агрегаты и вытаскивает токен из ответа авторизации — одной строкой в пайпе с curl. В статье — интерактивная песочница: меняете фильтр и сразу видите результат на живых данных, плюс синтаксис под каждую задачу. #js #tools 🎆 Читать статью
731