HTML Academy
前往频道在 Telegram
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити. Наш секретный бот @HTMLAcademyKeksobot. Вопросы по обучению @htmlacademy_sales Ролики на YT https://www.youtube.com/@HTMLAcademyTV Ролики на VK https://vkvideo.ru/@htmlacademy
显示更多9 745
订阅者
-524 小时
-117 天
-6630 天
数据加载中...
相似频道
标签云
进出提及
---
---
---
---
---
---
吸引订阅者
七月 '26
七月 '26
+7
在0个频道中
六月 '26
+37
在0个频道中
Get PRO
五月 '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个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 04 七月 | +1 | |||
| 03 七月 | +2 | |||
| 02 七月 | +2 | |||
| 01 七月 | +2 |
频道帖子
Что случилось с рынком найма в 2026 году?
Максим Самарцев, директор Maxis, — про три волны, с которыми работодателю приходится сталкиваться на рынке найма. Объяснение в клипе из эфира.
Запись эфира: смотреть на YouTube | смотреть в VK
👍 Программа обучения
| 2 | Мини-игра по CSS-фильтрам
Нужно менять код, подбирая комбинации карточек, чтобы повторить образец. Чем меньше ходов — тем лучше.
Можно играть даже на мобильном.
Играть здесь | 334 |
| 3 | 32% вакансий фронтендера в продуктовых компаниях требуют Vue.js. Это второй по популярности фреймворк после React — и при этом один из самых приятных в работе: компонентный подход понятен, Composition API читается как обычный JavaScript.
Разобраться по документации можно, но долго. В курсе «Vue.js 3. Разработка клиентских приложений» — восемь разделов с теорией, разбором кейсов и практикой на двух реальных проектах. Отдельные разделы по Pinia, маршрутизатору, работе с сервером, анимациям переходов и тестированию через Vitest и Vue Test Utils. Гибкие сроки — начать можно прямо сейчас.
В выходные, 4 и 5 июля — скидка 60% по промокоду VUE60. #htmlacademy #levelup
💎 Программа и детали | 392 |
| 4 | Каждый раз вручную сжимать изображения, минифицировать CSS и собирать спрайт — это звучит как рабочий процесс только до тех пор, пока файлов немного. Когда проект вырастает, рутина начинает занимать заметную часть времени.
Автоматизация передаёт эти задачи компьютеру. Минификация HTML, CSS и JavaScript, сжатие изображений, генерация WebP, сборка sprite.svg — всё это делается один раз в конфигурации, а дальше запускается одной командой.
Основа цепочки — Node.js и npm. Npm устанавливает нужные пакеты из внешних библиотек и запускает задачи через консоль. Список зависимостей хранится в package.json: достаточно положить файл в папку проекта и выполнить npm install — все инструменты скачаются автоматически. Сами задачи прописываются в gulpfile.js, который Gulp выполняет по команде.
В статье разбор каждого звена цепочки с примерами package.json и объяснением, что такое зависимости и зависимости для разработчиков. #npm
☝️ Читать статью | 580 |
| 5 | Git — инструмент, без которого не обходится ни один проект. Мы собрали бесплатный учебник по Git и GitHub — 11 глав от введения в системы контроля версий до решения типичных проблем.
Структура учебника выстроена так, чтобы двигаться последовательно: сначала базовые понятия и команды clone, pull, push, add, commit, потом регистрация на GitHub, работа в VS Code, GitHub Desktop и консоли, следом — бесплатный хостинг на GitHub Pages и разбор ситуаций, когда что-то пошло не так.
Последняя глава — перевод «First Aid Git»: что делать, если случайно удалили ветку, отправили не тот коммит или запутались в слиянии.
Учебник бесплатный, читать можно в любом порядке. #git #github
⭐ Читать статью | 644 |
| 6 | Растянутая аватарка с овальным лицом на сайте — это object-fit: fill по умолчанию и две минуты невнимательности.
Свойство object-fit : cover заполняет бокс и обрезает лишнее, пропорции не ломаются. contain вписывает изображение целиком, оставляя поля. fill растягивает без разбора — именно это и случается с аватарками по умолчанию. none показывает в оригинальных размерах, scale-down выбирает между contain и none автоматически. В статье разбираем каждое значение на примерах. #css
👀 Читать статью | 699 |
| 7 | Сегодня последний день скидки 60% на курс «Анимация для фронтендеров 2026» — промокод MOVE60 работает до конца дня и только на этот курс.
Курс «Анимация для фронтендеров 2026»: CSS, SVG, Canvas, GLSL-шейдеры и Three.js — весь стек на русском. Два проекта в портфолио.
👍 Записаться на курс | 637 |
| 8 | «Получается более целостный, собранный кандидат, с которым комфортнее работать».
Максим Самарцев, директор Maxis, — о пользе высшего образования.
Запись эфира: смотреть на YouTube
Программа обучения | 825 |
| 9 | Большинство фронтендеров умеют добавить transition: opacity 0.3s — и на этом анимации заканчиваются.
Курс «Анимация для фронтендеров 2026» — восемь разделов от CSS transition и кривых Безье до шейдеров на GLSL и управления камерой в Three.js. Весь стек на русском языке, с теорией, демонстрациями и эталонными решениями к каждому заданию.
Два проекта в портфолио: промо-сайт фестиваля — на нём отрабатывается каждая технология курса, и личный проект — пять экранов, 3D-фон, Canvas-сцены с физикой и шейдерная постобработка. 150+ исходных файлов. Асинхронный формат — без потоков и дедлайнов.
27 и 28 июня — скидка 60% по промокоду MOVE60 — всего два дня и только на «Анимация для фронтендеров 2026». #htmlacademy #levelup
👍 Подробнее | 728 |
| 10 | Доступность часто представляют как режим с крупным шрифтом. На деле это о том, как сайт читают скринридеры, работает ли он полностью с клавиатуры, хватает ли контраста людям с нарушениями зрения и переживает ли страница смену ориентации экрана.
Стандарт WCAG 2.1 от W3C строится на четырёх принципах: воспринимаемость, управляемость, понятность и устойчивость. В каждом — конкретные критерии. Значимым изображениям нужны текстовые альтернативы, формам — понятные подписи. А состояния кнопок и ссылок должны считываться без опоры на цвет.
Контраст проверяется через WebAIM, а симулятор дальтонизма встроен прямо в Chrome DevTools. В статье разбираем важные критерии на реальных сайтах: Яндекс, Кинопоиск, Etsy, Dropbox. #a11y #html
💡 Читать статью | 831 |
| 11 | <article> или <aside>? В макете они выглядят одинаково, и их постоянно путают — а перепутанные теги ломают семантику страницы.
<article> — самостоятельная единица контента: её можно вынести на другую страницу или сайт, и она останется осмысленной (пост, карточка товара, комментарий).
<aside> — дополнение к основному контенту рядом: врезка, реклама, блок похожих материалов. Уберите его, и основной смысл не пострадает.
В статье — схема смысловых секций страницы и шпаргалка с вопросами, которые помогают развести теги на конкретных примерах. #html
☝️ Читать статью | 781 |
| 12 | 25 июня стартует группа по программе «Фронтенд-разработчик для компании Maxis». Не уверены, что фронтенд вам подойдёт? Дадим две недели пробного периода — попробуете профессию на реальных задачах, прежде чем решиться на всю программу.
Бронируете место за 15 000 ₽ и учитесь вместе с группой. За две недели сделаете первые задачи и поработаете с наставником — этого хватит, чтобы решить, продолжать или нет.
Подошло — продолжаете программу. Впереди проекты в портфолио и дойти до финала.
Не подошло — 15 000 ₽ не пропадут: переведём вас на лайт-версию профессии «Фронтенд-разработчик». Наставник консультирует в общем чате, вы делаете индивидуальный проект и проходите симулятор работы в веб-студии.
Набор в группу идёт, старт 25 июня. Напишите нам — ответим на вопросы и забронируем место:
Телеграм: https://t.me/htmlacademy_sales?utm_source=social
MAX: https://max.ru/id7807382880_bot?utm_source=social | 814 |
| 13 | «Увеличил шрифт на 2px». «Поменял оттенок фона». «Ещё раз поменял». «Откатил».
Во время ревью такие коммиты полезны — ревьюер видит, что именно вы поправили. Но перед слиянием они превращают историю в шум: 15 технических правок вместо одного осмысленного коммита.
Решение — git rebase -i HEAD~N. Открываете интерактивный ребейз, верхний коммит оставляете pick, остальные помечаете как squash или fixup — и на выходе один чистый коммит с понятным сообщением.
А можно не делать это руками. Если сразу коммитить правки через git commit --fixup <хеш>, то git rebase -i --autosquash HEAD~N расставит всё сам.
В статье — пошаговый разбор со скриншотами команд: почему после ребейза обычный git push не проходит и нужен форс-пуш, и как настроить редактор Git, чтобы не попасть в Vim. #git
👀 Читать статью | 853 |
| 14 | 194 дня до конца года — и последний день, когда на сайте крутится «Колесо Фортуны».
Сегодня до полуночи заходите на htmlacademy.ru, ищите коробку с подарком, крутаните колесо и заберите персональную скидку на обучение. Завтра колесо остановится, а дни до декабря всё так же будут идти — уже без скидки.
Один оборот, одна скидка. Успеть можно до конца воскресенья: htmlacademy.ru. | 896 |
| 15 | Сегодня последний день скидки 60% на курс «TypeScript: Теория типов» — промокод TS60 работает до конца дня. Завтра он уже не сработает.
Если присматривались — сегодня последний момент решиться.
Записаться на курс | 627 |
| 16 | «Атакуют сотни вайб-кодеров, которые не отличают метод массива от цикла»
Максим Самарцев, директор Maxis, — о том, как нейросети сломали мостик между командой и тем джуном, которого хочется брать в команду.
Запись эфира: смотреть на YouTube | смотреть в VK
🦖 Программа обучения | 1 000 |
| 17 | TypeScript ловит ошибки типов до запуска, но только когда типы описаны точно. Достаточно одного any или приблизительной аннотации — и редактор перестаёт подсвечивать ошибку, которая всплывёт уже у пользователя.
Курс «TypeScript: Теория типов» — про то, как система типов устроена изнутри: дженерики, условные и отображаемые типы, объединения и пересечения, брендирование.
6 разделов и куча типовых задач, пошаговые эталонные решения, рядом поддержка эксперта. Доступ к материалам всегда под рукой. После курса будете уверенно типизировать и во фронтенде, и в бэкенде. Гибкие сроки — начать можно прямо сейчас. #htmlacademy #levelup
А в эти выходные, 20 и 21 июня, на курс будет большая разовая скидка 60% по промокоду TS60 — всего два дня и только на «TypeScript: Теория типов».
🔄 Смотреть программу | 793 |
| 18 | Битва за трудоустройство в 2026. Сложность: максимальная.
Между вами и работой — пять HR-боссов. Первый — невидимка: бьёт тишиной. 47 откликов, ноль ответов. Дальше тяжелее.
Сохранений нет. Листайте — и удачи. | 953 |
| 19 | 5 книг для тех, кто осваивает JavaScript
Здесь есть и мягкий старт для новичка, и плотный гайд для тех, кто уже пишет код. А ещё — книга про алгоритмы: язык в ней другой, но мышление прокачивает. Выбирайте по своему уровню.
🎁 JavaScript для детей — Ник Морган
Самый мягкий старт: основы с нуля и понятным языком, а к финалу вы по шагам соберёте свою игру. Подходит и детям, и взрослым новичкам.
🎁 JavaScript. Полное руководство, 7-е издание — Дэвид Флэнаган
Подробный разбор языка снизу вверх, потом веб-платформа и Node.js. Обновлено под современный стандарт: классы, модули, промисы, async/await. Берите, когда основы уже есть и хочется глубины — для первого знакомства книга тяжёлая.
🎁 Выразительный JavaScript, 3-е издание — Марейн Хавербеке
Учит через практику: много примеров, упражнения и учебные проекты, которые собираете сами. Начнёте с базы — типы, функции, управляющие конструкции, — а дальше обработка ошибок, модульность, асинхронность и браузерные проекты.
🎁 Грокаем алгоритмы, 2-е издание — Адитья Бхаргава
Чуть в стороне от остальных: книга про алгоритмическое мышление — как программист подходит к задаче. Базовые алгоритмы разобраны с иллюстрациями, с упражнениями для самопроверки. Примеры на Python, но идеи переносятся на любой язык, включая JavaScript.
🎁 Серия «Вы не знаете JavaScript» — Кайл Симпсон
Серия, которую открывают на первом году и перечитывают перед собеседованием. Симпсон копает вглубь: область видимости и замыкания, this и прототипы, приведение типов, асинхронность. Учтите: это первая редакция — у автора есть переписанная «You Don't Know JS Yet» под современный JS, бесплатно на GitHub.
С какой книги посоветуете начать? | 855 |
| 20 | Два приза для тех, кому важно не остаться с обучением один на один.
Профессия с наставником — это мини-группа до 10 человек: занятия с наставником каждую неделю, ревью кода и разбор ошибок, и наставник успевает уделить внимание каждому. Формат выручает, если вы пробовали учиться сами и знаете, что без внешней структуры можно застрять на третьей неделе и забросить.
Профессия с трудоустройством устроена иначе: программу собирают вместе с конкретными компаниями-работодателями под их стек, а после защиты проектов выпускники проходят у этих компаний собеседование — на оплачиваемую стажировку или место в штате. Есть фронтенд- и бэкенд-потоки.
🎁 Колесо крутится до 21 июня, а до декабря остаётся 197 дней. Найдите коробку с подарком на htmlacademy.ru — внутри ваша скидка. | 674 |
现已上线!2025 年 Telegram 研究 — 年度关键洞察 
