HTML Academy
Открыть в Telegram
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити. Наш секретный бот @HTMLAcademyKeksobot. Вопросы по обучению @htmlacademy_sales Ролики на YT https://www.youtube.com/@HTMLAcademyTV Ролики на VK https://vkvideo.ru/@htmlacademy
Больше9 728
Подписчики
-224 часа
-137 дней
-6930 день
Загрузка данных...
Похожие каналы
Облако тегов
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
июль '26
июль '26
+14
в 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 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 11 июля | 0 | |||
| 10 июля | +2 | |||
| 09 июля | 0 | |||
| 08 июля | 0 | |||
| 07 июля | 0 | |||
| 06 июля | +1 | |||
| 05 июля | +2 | |||
| 04 июля | +3 | |||
| 03 июля | +2 | |||
| 02 июля | +2 | |||
| 01 июля | +2 |
Посты канала
Repost from Как стать мидлом
+1
Большинство фронтендеров работают с сетью каждый день, но редко глубже, чем «отправил запрос — получил ответ». Почему ответ медленный, почему рвётся соединение, почему одни данные шифруются, а другие идут открытым текстом — это уже за пределами
fetch().
За четыре раздела курса «Протоколы и сети: основы» вы разбираете путь данных — от нижних уровней сети до прикладных протоколов. В основе — модель OSI и стек TCP/IP. Дальше TLS: шифрование и аутентификация по сертификатам. На практике сравниваете HTTP/1.1, HTTP/2 и HTTP/3 и разбираетесь, когда нужны WebSockets, а когда нет. Две задачи решаете руками: предварительное открытие TCP-соединений и оптимизация проекта под HTTP/2. Плюс четыре кейса с эталонными решениями.
«Самостоятельно всё это изучать можно, но информации в интернете много, она разрозненная, местами противоречивая. А здесь — конкретные выжимки с объяснениями. Направляют куда нужно», — из отзыва студента. #htmlacademy #levelup
Скидка 60% — только в эти выходные, 11 и 12 июля. Разовая акция: два дня, один курс, промокод NET60.
💣 Смотреть программу| 2 | Продолжение мини-игры по CSS-фильтрам
Меняйте код, подбирая комбинации карточек, чтобы повторить образец. Чем меньше ходов — тем вы круче!
Можно играть даже на мобильном.
👉🏻 Играть здесь | 347 |
| 3 | Карусели, ленты сторис, постраничные слайдеры раньше означали JavaScript: обработчики касаний, подсчёт смещений, ручная докрутка. CSS Scroll Snap делает «прилипание» к слайдам силами самого браузера — двумя свойствами и без единой строки скрипта.
Работает во всех современных браузерах, а в старых лента листается как обычно. В статье — что это за свойства, пара приёмов для тонкой настройки и живая лента, которую можно поскроллить прямо на странице. #css #baseline
🎲 Читать статью | 533 |
| 4 | 🤔 Загадка от Кекса №6: что вернёт это выражение? | 630 |
| 5 | Тёмная тема обычно удваивает CSS: пишете цвета для светлой, потом те же — для тёмной в @media. Функция light-dark() схлопывает это в одну строку: оба значения в одном объявлении, а браузер выбирает нужное по системной теме.
Уже работает во всех актуальных браузерах, а для старых достаточно обычного запасного цвета. В статье — как подключить (есть обязательный color-scheme, иначе не сработает) и чем функция выручает дизайн-системы. #css #baseline
💡 Читать статью | 630 |
| 6 | Есть вечная история в диджитале: компаниям нужны хорошие специалисты, начинающим специалистам нужна первая нормальная работа, а между ними стоит большой и не всегда дружелюбный мост под названием «опыт работы».
Так начинается заметка веб-студии MediaMint — одного из работодателей нашей совместной программы для фронтендеров. Про обучение обычно рассказываем мы, а тут — взгляд со стороны компании, которая потом нанимает выпускников.
Максим Заруцкий, CEO студии, рассказывает, зачем работодателю видеть студента ещё на этапе обучения и каких джунов в MediaMint реально ждут в команде. Прочитать стоит и студентам, и тем, кто нанимает.
🎁 Читать заметку MediaMint | 653 |
| 7 | ChatGPT и Claude печатают ответ у вас на глазах — слово за словом. Это стриминг: сервер отдаёт данные по мере генерации, ещё до того как соберёт ответ целиком. И тот же приём доступен в браузере — через Streams API и обычный fetch.
Кроме ИИ-интерфейсов, так грузят большие файлы с прогрессом и разбирают CSV на лету, нативно и без библиотек. В статье показываем, как читать ответ по кускам через response.body, и даём интерактивный пример прямо на странице. #js #baseline
👀 Читать статью | 726 |
| 8 | Сегодня последний день скидки 60% на курс «Vue.js 3. Разработка клиентских приложений».
Промокод VUE60 — до конца дня. Курс «Vue.js 3»: два проекта поверх готового API, Composition API, Pinia, Vitest.
🎁 Записаться на курс | 618 |
| 9 | Что случилось с рынком найма в 2026 году?
Максим Самарцев, директор Maxis, — про три волны, с которыми работодателю приходится сталкиваться на рынке найма. Объяснение в клипе из эфира.
Запись эфира: смотреть на YouTube | смотреть в VK
👍 Программа обучения | 905 |
| 10 | Мини-игра по CSS-фильтрам
Нужно менять код, подбирая комбинации карточек, чтобы повторить образец. Чем меньше ходов — тем лучше.
Можно играть даже на мобильном.
Играть здесь | 635 |
| 11 | 32% вакансий фронтендера в продуктовых компаниях требуют Vue.js. Это второй по популярности фреймворк после React — и при этом один из самых приятных в работе: компонентный подход понятен, Composition API читается как обычный JavaScript.
Разобраться по документации можно, но долго. В курсе «Vue.js 3. Разработка клиентских приложений» — восемь разделов с теорией, разбором кейсов и практикой на двух реальных проектах. Отдельные разделы по Pinia, маршрутизатору, работе с сервером, анимациям переходов и тестированию через Vitest и Vue Test Utils. Гибкие сроки — начать можно прямо сейчас.
В выходные, 4 и 5 июля — скидка 60% по промокоду VUE60. #htmlacademy #levelup
💎 Программа и детали | 695 |
| 12 | Каждый раз вручную сжимать изображения, минифицировать CSS и собирать спрайт — это звучит как рабочий процесс только до тех пор, пока файлов немного. Когда проект вырастает, рутина начинает занимать заметную часть времени.
Автоматизация передаёт эти задачи компьютеру. Минификация HTML, CSS и JavaScript, сжатие изображений, генерация WebP, сборка sprite.svg — всё это делается один раз в конфигурации, а дальше запускается одной командой.
Основа цепочки — Node.js и npm. Npm устанавливает нужные пакеты из внешних библиотек и запускает задачи через консоль. Список зависимостей хранится в package.json: достаточно положить файл в папку проекта и выполнить npm install — все инструменты скачаются автоматически. Сами задачи прописываются в gulpfile.js, который Gulp выполняет по команде.
В статье разбор каждого звена цепочки с примерами package.json и объяснением, что такое зависимости и зависимости для разработчиков. #npm
☝️ Читать статью | 879 |
| 13 | Git — инструмент, без которого не обходится ни один проект. Мы собрали бесплатный учебник по Git и GitHub — 11 глав от введения в системы контроля версий до решения типичных проблем.
Структура учебника выстроена так, чтобы двигаться последовательно: сначала базовые понятия и команды clone, pull, push, add, commit, потом регистрация на GitHub, работа в VS Code, GitHub Desktop и консоли, следом — бесплатный хостинг на GitHub Pages и разбор ситуаций, когда что-то пошло не так.
Последняя глава — перевод «First Aid Git»: что делать, если случайно удалили ветку, отправили не тот коммит или запутались в слиянии.
Учебник бесплатный, читать можно в любом порядке. #git #github
⭐ Читать статью | 835 |
| 14 | Растянутая аватарка с овальным лицом на сайте — это object-fit: fill по умолчанию и две минуты невнимательности.
Свойство object-fit : cover заполняет бокс и обрезает лишнее, пропорции не ломаются. contain вписывает изображение целиком, оставляя поля. fill растягивает без разбора — именно это и случается с аватарками по умолчанию. none показывает в оригинальных размерах, scale-down выбирает между contain и none автоматически. В статье разбираем каждое значение на примерах. #css
👀 Читать статью | 878 |
| 15 | Сегодня последний день скидки 60% на курс «Анимация для фронтендеров 2026» — промокод MOVE60 работает до конца дня и только на этот курс.
Курс «Анимация для фронтендеров 2026»: CSS, SVG, Canvas, GLSL-шейдеры и Three.js — весь стек на русском. Два проекта в портфолио.
👍 Записаться на курс | 768 |
| 16 | «Получается более целостный, собранный кандидат, с которым комфортнее работать».
Максим Самарцев, директор Maxis, — о пользе высшего образования.
Запись эфира: смотреть на YouTube
Программа обучения | 990 |
| 17 | Большинство фронтендеров умеют добавить transition: opacity 0.3s — и на этом анимации заканчиваются.
Курс «Анимация для фронтендеров 2026» — восемь разделов от CSS transition и кривых Безье до шейдеров на GLSL и управления камерой в Three.js. Весь стек на русском языке, с теорией, демонстрациями и эталонными решениями к каждому заданию.
Два проекта в портфолио: промо-сайт фестиваля — на нём отрабатывается каждая технология курса, и личный проект — пять экранов, 3D-фон, Canvas-сцены с физикой и шейдерная постобработка. 150+ исходных файлов. Асинхронный формат — без потоков и дедлайнов.
27 и 28 июня — скидка 60% по промокоду MOVE60 — всего два дня и только на «Анимация для фронтендеров 2026». #htmlacademy #levelup
👍 Подробнее | 851 |
| 18 | Доступность часто представляют как режим с крупным шрифтом. На деле это о том, как сайт читают скринридеры, работает ли он полностью с клавиатуры, хватает ли контраста людям с нарушениями зрения и переживает ли страница смену ориентации экрана.
Стандарт WCAG 2.1 от W3C строится на четырёх принципах: воспринимаемость, управляемость, понятность и устойчивость. В каждом — конкретные критерии. Значимым изображениям нужны текстовые альтернативы, формам — понятные подписи. А состояния кнопок и ссылок должны считываться без опоры на цвет.
Контраст проверяется через WebAIM, а симулятор дальтонизма встроен прямо в Chrome DevTools. В статье разбираем важные критерии на реальных сайтах: Яндекс, Кинопоиск, Etsy, Dropbox. #a11y #html
💡 Читать статью | 882 |
| 19 | <article> или <aside>? В макете они выглядят одинаково, и их постоянно путают — а перепутанные теги ломают семантику страницы.
<article> — самостоятельная единица контента: её можно вынести на другую страницу или сайт, и она останется осмысленной (пост, карточка товара, комментарий).
<aside> — дополнение к основному контенту рядом: врезка, реклама, блок похожих материалов. Уберите его, и основной смысл не пострадает.
В статье — схема смысловых секций страницы и шпаргалка с вопросами, которые помогают развести теги на конкретных примерах. #html
☝️ Читать статью | 807 |
| 20 | 25 июня стартует группа по программе «Фронтенд-разработчик для компании Maxis». Не уверены, что фронтенд вам подойдёт? Дадим две недели пробного периода — попробуете профессию на реальных задачах, прежде чем решиться на всю программу.
Бронируете место за 15 000 ₽ и учитесь вместе с группой. За две недели сделаете первые задачи и поработаете с наставником — этого хватит, чтобы решить, продолжать или нет.
Подошло — продолжаете программу. Впереди проекты в портфолио и дойти до финала.
Не подошло — 15 000 ₽ не пропадут: переведём вас на лайт-версию профессии «Фронтенд-разработчик». Наставник консультирует в общем чате, вы делаете индивидуальный проект и проходите симулятор работы в веб-студии.
Набор в группу идёт, старт 25 июня. Напишите нам — ответим на вопросы и забронируем место:
Телеграм: https://t.me/htmlacademy_sales?utm_source=social
MAX: https://max.ru/id7807382880_bot?utm_source=social | 836 |
