اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
HTML Academy
رفتن به کانال در Telegram
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити. Наш секретный бот @HTMLAcademyKeksobot. Вопросы по обучению @htmlacademy_sales Ролики на YT https://www.youtube.com/@HTMLAcademyTV Ролики на VK https://vkvideo.ru/@htmlacademy
نمایش بیشتر9 751
مشترکین
اطلاعاتی وجود ندارد24 ساعت
-77 روز
-6230 روز
در حال بارگیری داده...
کانالهای مشابه
ابر برچسبها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
ژوئن '26
ژوئن '26
+37
در 0 کانالها
مه '26
+35
در 1 کانالها
Get PRO
آوریل '26
+49
در 0 کانالها
Get PRO
مارس '26
+40
در 3 کانالها
Get PRO
فوریه '26
+37
در 0 کانالها
Get PRO
ژانویه '26
+54
در 0 کانالها
Get PRO
دسامبر '25
+48
در 2 کانالها
Get PRO
نوامبر '25
+44
در 1 کانالها
Get PRO
اکتبر '25
+48
در 0 کانالها
Get PRO
سپتامبر '25
+52
در 1 کانالها
Get PRO
اوت '25
+68
در 1 کانالها
Get PRO
ژوئیه '25
+48
در 2 کانالها
Get PRO
ژوئن '25
+54
در 0 کانالها
Get PRO
مه '25
+64
در 1 کانالها
Get PRO
آوریل '25
+58
در 0 کانالها
Get PRO
مارس '25
+81
در 0 کانالها
Get PRO
فوریه '25
+57
در 0 کانالها
Get PRO
ژانویه '25
+62
در 0 کانالها
Get PRO
دسامبر '24
+58
در 1 کانالها
Get PRO
نوامبر '24
+78
در 1 کانالها
Get PRO
اکتبر '24
+95
در 0 کانالها
Get PRO
سپتامبر '24
+52
در 1 کانالها
Get PRO
اوت '24
+41
در 0 کانالها
Get PRO
ژوئیه '24
+25
در 0 کانالها
Get PRO
ژوئن '24
+46
در 1 کانالها
Get PRO
مه '24
+101
در 1 کانالها
Get PRO
آوریل '24
+240
در 3 کانالها
Get PRO
مارس '24
+121
در 2 کانالها
Get PRO
فوریه '24
+138
در 2 کانالها
Get PRO
ژانویه '24
+182
در 6 کانالها
Get PRO
دسامبر '23
+151
در 1 کانالها
Get PRO
نوامبر '23
+224
در 2 کانالها
Get PRO
اکتبر '23
+310
در 1 کانالها
Get PRO
سپتامبر '23
+193
در 0 کانالها
Get PRO
اوت '23
+161
در 0 کانالها
Get PRO
ژوئیه '23
+164
در 0 کانالها
Get PRO
ژوئن '23
+127
در 0 کانالها
Get PRO
مه '23
+127
در 0 کانالها
Get PRO
آوریل '23
+128
در 0 کانالها
Get PRO
مارس '23
+178
در 0 کانالها
Get PRO
فوریه '23
+255
در 0 کانالها
Get PRO
ژانویه '23
+509
در 0 کانالها
Get PRO
دسامبر '22
+614
در 0 کانالها
Get PRO
نوامبر '22
+491
در 0 کانالها
Get PRO
اکتبر '22
+922
در 0 کانالها
Get PRO
سپتامبر '22
+748
در 0 کانالها
Get PRO
اوت '22
+703
در 0 کانالها
Get PRO
ژوئیه '22
+514
در 0 کانالها
Get PRO
ژوئن '22
+653
در 0 کانالها
Get PRO
مه '22
+423
در 0 کانالها
Get PRO
آوریل '22
+572
در 0 کانالها
Get PRO
مارس '22
+819
در 0 کانالها
Get PRO
فوریه '22
+234
در 0 کانالها
Get PRO
ژانویه '22
+210
در 0 کانالها
Get PRO
دسامبر '21
+301
در 0 کانالها
Get PRO
نوامبر '21
+242
در 0 کانالها
Get PRO
اکتبر '21
+259
در 0 کانالها
Get PRO
سپتامبر '21
+200
در 0 کانالها
Get PRO
اوت '21
+244
در 0 کانالها
Get PRO
ژوئیه '21
+298
در 0 کانالها
Get PRO
ژوئن '21
+328
در 0 کانالها
Get PRO
مه '21
+333
در 0 کانالها
Get PRO
آوریل '21
+414
در 0 کانالها
Get PRO
مارس '21
+525
در 0 کانالها
Get PRO
فوریه '21
+521
در 0 کانالها
Get PRO
ژانویه '21
+471
در 0 کانالها
Get PRO
دسامبر '20
+7 426
در 0 کانالها
| تاریخ | رشد مشترکین | اشارات | کانالها | |
| 30 ژوئن | +1 | |||
| 29 ژوئن | +1 | |||
| 28 ژوئن | +2 | |||
| 27 ژوئن | 0 | |||
| 26 ژوئن | +4 | |||
| 25 ژوئن | +3 | |||
| 24 ژوئن | 0 | |||
| 23 ژوئن | +1 | |||
| 22 ژوئن | 0 | |||
| 21 ژوئن | 0 | |||
| 20 ژوئن | 0 | |||
| 19 ژوئن | 0 | |||
| 18 ژوئن | +4 | |||
| 17 ژوئن | 0 | |||
| 16 ژوئن | +1 | |||
| 15 ژوئن | 0 | |||
| 14 ژوئن | +2 | |||
| 13 ژوئن | 0 | |||
| 12 ژوئن | 0 | |||
| 11 ژوئن | 0 | |||
| 10 ژوئن | 0 | |||
| 09 ژوئن | +2 | |||
| 08 ژوئن | +2 | |||
| 07 ژوئن | +2 | |||
| 06 ژوئن | +1 | |||
| 05 ژوئن | +1 | |||
| 04 ژوئن | +3 | |||
| 03 ژوئن | +3 | |||
| 02 ژوئن | +4 | |||
| 01 ژوئن | 0 |
پستهای کانال
Растянутая аватарка с овальным лицом на сайте — это
object-fit: fill по умолчанию и две минуты невнимательности.
Свойство object-fit : cover заполняет бокс и обрезает лишнее, пропорции не ломаются. contain вписывает изображение целиком, оставляя поля. fill растягивает без разбора — именно это и случается с аватарками по умолчанию. none показывает в оригинальных размерах, scale-down выбирает между contain и none автоматически. В статье разбираем каждое значение на примерах. #css
👀 Читать статью| 2 |  Сегодня последний день скидки 60% на курс «Анимация для фронтендеров 2026» — промокод MOVE60 работает до конца дня и только на этот курс.
Курс «Анимация для фронтендеров 2026»: CSS, SVG, Canvas, GLSL-шейдеры и Three.js — весь стек на русском. Два проекта в портфолио.
👍 Записаться на курс | 431 |
| 3 |  «Получается более целостный, собранный кандидат, с которым комфортнее работать».
Максим Самарцев, директор Maxis, — о пользе высшего образования.
Запись эфира: смотреть на YouTube
Программа обучения | 673 |
| 4 |  +2Большинство фронтендеров умеют добавить transition: opacity 0.3s — и на этом анимации заканчиваются.
Курс «Анимация для фронтендеров 2026» — восемь разделов от CSS transition и кривых Безье до шейдеров на GLSL и управления камерой в Three.js. Весь стек на русском языке, с теорией, демонстрациями и эталонными решениями к каждому заданию.
Два проекта в портфолио: промо-сайт фестиваля — на нём отрабатывается каждая технология курса, и личный проект — пять экранов, 3D-фон, Canvas-сцены с физикой и шейдерная постобработка. 150+ исходных файлов. Асинхронный формат — без потоков и дедлайнов.
27 и 28 июня — скидка 60% по промокоду MOVE60 — всего два дня и только на «Анимация для фронтендеров 2026». #htmlacademy #levelup
👍 Подробнее | 570 |
| 5 |  Доступность часто представляют как режим с крупным шрифтом. На деле это о том, как сайт читают скринридеры, работает ли он полностью с клавиатуры, хватает ли контраста людям с нарушениями зрения и переживает ли страница смену ориентации экрана.
Стандарт WCAG 2.1 от W3C строится на четырёх принципах: воспринимаемость, управляемость, понятность и устойчивость. В каждом — конкретные критерии. Значимым изображениям нужны текстовые альтернативы, формам — понятные подписи. А состояния кнопок и ссылок должны считываться без опоры на цвет.
Контраст проверяется через WebAIM, а симулятор дальтонизма встроен прямо в Chrome DevTools. В статье разбираем важные критерии на реальных сайтах: Яндекс, Кинопоиск, Etsy, Dropbox. #a11y #html
💡 Читать статью | 682 |
| 6 |  <article> или <aside>? В макете они выглядят одинаково, и их постоянно путают — а перепутанные теги ломают семантику страницы.
<article> — самостоятельная единица контента: её можно вынести на другую страницу или сайт, и она останется осмысленной (пост, карточка товара, комментарий).
<aside> — дополнение к основному контенту рядом: врезка, реклама, блок похожих материалов. Уберите его, и основной смысл не пострадает.
В статье — схема смысловых секций страницы и шпаргалка с вопросами, которые помогают развести теги на конкретных примерах. #html
☝️ Читать статью | 700 |
| 7 | 25 июня стартует группа по программе «Фронтенд-разработчик для компании Maxis». Не уверены, что фронтенд вам подойдёт? Дадим две недели пробного периода — попробуете профессию на реальных задачах, прежде чем решиться на всю программу.
Бронируете место за 15 000 ₽ и учитесь вместе с группой. За две недели сделаете первые задачи и поработаете с наставником — этого хватит, чтобы решить, продолжать или нет.
Подошло — продолжаете программу. Впереди проекты в портфолио и дойти до финала.
Не подошло — 15 000 ₽ не пропадут: переведём вас на лайт-версию профессии «Фронтенд-разработчик». Наставник консультирует в общем чате, вы делаете индивидуальный проект и проходите симулятор работы в веб-студии.
Набор в группу идёт, старт 25 июня. Напишите нам — ответим на вопросы и забронируем место:
Телеграм: https://t.me/htmlacademy_sales?utm_source=social
MAX: https://max.ru/id7807382880_bot?utm_source=social | 735 |
| 8 |  «Увеличил шрифт на 2px». «Поменял оттенок фона». «Ещё раз поменял». «Откатил».
Во время ревью такие коммиты полезны — ревьюер видит, что именно вы поправили. Но перед слиянием они превращают историю в шум: 15 технических правок вместо одного осмысленного коммита.
Решение — git rebase -i HEAD~N. Открываете интерактивный ребейз, верхний коммит оставляете pick, остальные помечаете как squash или fixup — и на выходе один чистый коммит с понятным сообщением.
А можно не делать это руками. Если сразу коммитить правки через git commit --fixup <хеш>, то git rebase -i --autosquash HEAD~N расставит всё сам.
В статье — пошаговый разбор со скриншотами команд: почему после ребейза обычный git push не проходит и нужен форс-пуш, и как настроить редактор Git, чтобы не попасть в Vim. #git
👀 Читать статью | 748 |
| 9 |  194 дня до конца года — и последний день, когда на сайте крутится «Колесо Фортуны».
Сегодня до полуночи заходите на htmlacademy.ru, ищите коробку с подарком, крутаните колесо и заберите персональную скидку на обучение. Завтра колесо остановится, а дни до декабря всё так же будут идти — уже без скидки.
Один оборот, одна скидка. Успеть можно до конца воскресенья: htmlacademy.ru. | 792 |
| 10 |  Сегодня последний день скидки 60% на курс «TypeScript: Теория типов» — промокод TS60 работает до конца дня. Завтра он уже не сработает.
Если присматривались — сегодня последний момент решиться.
Записаться на курс | 531 |
| 11 |  «Атакуют сотни вайб-кодеров, которые не отличают метод массива от цикла»
Максим Самарцев, директор Maxis, — о том, как нейросети сломали мостик между командой и тем джуном, которого хочется брать в команду.
Запись эфира: смотреть на YouTube | смотреть в VK
🦖 Программа обучения | 937 |
| 12 |  +2TypeScript ловит ошибки типов до запуска, но только когда типы описаны точно. Достаточно одного any или приблизительной аннотации — и редактор перестаёт подсвечивать ошибку, которая всплывёт уже у пользователя.
Курс «TypeScript: Теория типов» — про то, как система типов устроена изнутри: дженерики, условные и отображаемые типы, объединения и пересечения, брендирование.
6 разделов и куча типовых задач, пошаговые эталонные решения, рядом поддержка эксперта. Доступ к материалам всегда под рукой. После курса будете уверенно типизировать и во фронтенде, и в бэкенде. Гибкие сроки — начать можно прямо сейчас. #htmlacademy #levelup
А в эти выходные, 20 и 21 июня, на курс будет большая разовая скидка 60% по промокоду TS60 — всего два дня и только на «TypeScript: Теория типов».
🔄 Смотреть программу | 770 |
| 13 |  +5Битва за трудоустройство в 2026. Сложность: максимальная.
Между вами и работой — пять HR-боссов. Первый — невидимка: бьёт тишиной. 47 откликов, ноль ответов. Дальше тяжелее.
Сохранений нет. Листайте — и удачи. | 934 |
| 14 |  +55 книг для тех, кто осваивает JavaScript
Здесь есть и мягкий старт для новичка, и плотный гайд для тех, кто уже пишет код. А ещё — книга про алгоритмы: язык в ней другой, но мышление прокачивает. Выбирайте по своему уровню.
🎁 JavaScript для детей — Ник Морган
Самый мягкий старт: основы с нуля и понятным языком, а к финалу вы по шагам соберёте свою игру. Подходит и детям, и взрослым новичкам.
🎁 JavaScript. Полное руководство, 7-е издание — Дэвид Флэнаган
Подробный разбор языка снизу вверх, потом веб-платформа и Node.js. Обновлено под современный стандарт: классы, модули, промисы, async/await. Берите, когда основы уже есть и хочется глубины — для первого знакомства книга тяжёлая.
🎁 Выразительный JavaScript, 3-е издание — Марейн Хавербеке
Учит через практику: много примеров, упражнения и учебные проекты, которые собираете сами. Начнёте с базы — типы, функции, управляющие конструкции, — а дальше обработка ошибок, модульность, асинхронность и браузерные проекты.
🎁 Грокаем алгоритмы, 2-е издание — Адитья Бхаргава
Чуть в стороне от остальных: книга про алгоритмическое мышление — как программист подходит к задаче. Базовые алгоритмы разобраны с иллюстрациями, с упражнениями для самопроверки. Примеры на Python, но идеи переносятся на любой язык, включая JavaScript.
🎁 Серия «Вы не знаете JavaScript» — Кайл Симпсон
Серия, которую открывают на первом году и перечитывают перед собеседованием. Симпсон копает вглубь: область видимости и замыкания, this и прототипы, приведение типов, асинхронность. Учтите: это первая редакция — у автора есть переписанная «You Don't Know JS Yet» под современный JS, бесплатно на GitHub.
С какой книги посоветуете начать? | 824 |
| 15 |  Два приза для тех, кому важно не остаться с обучением один на один.
Профессия с наставником — это мини-группа до 10 человек: занятия с наставником каждую неделю, ревью кода и разбор ошибок, и наставник успевает уделить внимание каждому. Формат выручает, если вы пробовали учиться сами и знаете, что без внешней структуры можно застрять на третьей неделе и забросить.
Профессия с трудоустройством устроена иначе: программу собирают вместе с конкретными компаниями-работодателями под их стек, а после защиты проектов выпускники проходят у этих компаний собеседование — на оплачиваемую стажировку или место в штате. Есть фронтенд- и бэкенд-потоки.
🎁 Колесо крутится до 21 июня, а до декабря остаётся 197 дней. Найдите коробку с подарком на htmlacademy.ru — внутри ваша скидка. | 664 |
| 16 |  Третий чемпионат по вёрстке завершился. Вывод жюри: финальные работы дотягивают до задач мидл- и сеньор-уровня — и это при том, что среди участников были выпускники без коммерческого опыта.
Макет сезона дало агентство Mish — с характером: адаптив, нестандартные перестроения сетки, сложное переполнение, анимации. Работы в профессиональном треке судили вслепую, по той же системе критериев качества, по которой Академия проверяет учебные проекты.
В статье — как жюри пришло к такому выводу, чьи работы взяли топ и чем они зацепили экспертов. Уже думаем над следующим сезоном.
🔔 Читать статью | 669 |
| 17 |  Тег <details> давно делает раскрывающиеся блоки без единой строки JavaScript. Одна загвоздка оставалась: несколько блоков жили независимо — открыли один, соседние не реагируют. Эксклюзивный аккордеон, где раскрыт ровно один раздел, собирали на JS.
Теперь это закрывает атрибут name: даёте блокам общее имя — и браузер сам следит, чтобы открытым был только один. Без скриптов и библиотек.
Интереснее — что вокруг. Стандартный маркер-треугольник меняется на свой, а гладкая анимация высоты требует пары трюков. В статье — интерактивный FAQ, который можно потрогать в браузере, разбор стилизации и честные оговорки про анимацию и поддержку (Chrome 120+, Firefox 130+, Safari 17.2+). #html #css
🦋 Читать статью | 722 |
| 18 |  +1Каждую неделю ИИ заметнее меняет фронтенд — и отсюда честный страх новичка: «пока я учусь, ИИ сделает всё за меня».
В «Нейрофронтендере» и «Нейрофулстеке» программа отвечает ровно на это опасение: сначала инженерная база, а модуль по ИИ-агентам идёт последним, пятым разделом. Логика прямо заявлена в программе — ИИ ускоряет того, кто понимает, что происходит под капотом, и подводит того, кто действует вслепую.
«Нейрофронтендер» — путь от вёрстки и JavaScript через архитектуру клиентских приложений к React, а в финале ИИ-агенты для фронтендеров. «Нейрофулстек» — для фулстек-разработчика: тот же клиентский стек плюс серверная разработка на Node.js и REST API. Объём каждой программы — 720 часов и восемь учебных проектов, в конце индивидуальный проект.
🎁 Найдите коробку с подарком на htmlacademy.ru и заберите скидку на один из курсов. | 751 |
| 19 | 🤔 Загадка от Кекса №5: что окажется в консоли? | 718 |
| 20 |  +1Через 199 дней — 1 января. Новый год наступит в любом случае. Вопрос только в том, будете ли вы за эти месяцы ближе к работе в ИТ.
Кто-то встретит его с той же мыслью о смене профессии, которая приходит каждый январь и каждый раз остаётся мыслью. А кто-то за эти месяцы заложит базу во фронтенде и соберёт первое портфолио. Разница — в дате старта.
С 16 по 21 июня на сайте крутится «Колесо Фортуны». Один оборот — одна персональная скидка на обучение: «Нейрофронтендер», «Нейрофулстек», профессия с наставником или с трудоустройством.
Найдите на htmlacademy.ru коробку с подарком, крутаните колесо и заберите свою скидку. | 735 |
