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
Продолжаем знакомиться с партнёрами второго сезона чемпионата по вёрстке. #чпв2

👍 WebRise — партнёр-работодатель

WebRise — компания работает в сфере заказной разработки, предоставляет услуги по широкому спектру технологий - frontend, backend разработка, дизайн, мобильная разработка, базы данных, DevOps, аналитика, тестирование.

👍 Лига А. — партнёр-работодатель

Лига А. — агентство веб-разработки, которое превращает дизайн в качественный код. Мы разрабатываем веб-продукты для любого бизнеса — от простых страничек до больших сервисов.

👍 Coding Team — партнёр-работодатель

Coding Team — разрабатывает цифровые экосистемы для бизнеса: сайты, мобильные приложения и AI-решения под ключ. Компания реализовала более 200 проектов и помогает брендам автоматизировать процессы с помощью современных технологий.

👍 5 углов — партнёр-работодатель

5 углов — интегратор Битрикс24. Входит в топ-20 интеграторов России.

https://htmlacademy.ru/contest/2
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥3❤‍🔥2
Media is too big
VIEW IN TELEGRAM
Какой сейчас рынок труда в IT?

Михаил Грохотов — основатель Grokhotov Studio, рассказал про сложность найма джунов. «Найм идёт всегда. Людей ищут всегда.»
Полный эфир с Grokhotov Studio — по ссылке:

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🌸 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
4❤‍🔥3🔥2😱1
Forwarded from CSS Боль
CSS-анимации можно описывать не только через десятки @keyframes. В CSS есть функция, которая позволяет задать всю форму движения одной строкой — с ускорениями, паузами, рывками и перелётами.

В свежем выпуске «CSS Боль» разбираем функцию linear() в animation-timing-function и показываем, как с её помощью управлять прогрессом анимации точнее, чем привычными ease и cubic-bezier().

В выпуске:

✓ Как работает linear() и почему это не просто «линейная» анимация
✓ Что такое точки прогресса и как они выходят за диапазон 0–1
✓ Как делать паузы, отскоки и overshoot без сложных @keyframes
✓ Почему отрицательные значения — это часть спецификации, а не баг
✓ Как одной тайминг-функцией синхронизировать несколько анимаций
✓ Разбор спецификации CSS Easing Functions Level 2 и практические примеры

Меньше кода, больше контроля над движением — и анимации, которые наконец перестают быть болью.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
44❤‍🔥22
CSS 2025: Baseline Widely Available

Завтра в 20:00 (17 декабря) проведём стрим и соберём CSS-тирлист: что в S-тир, а что пока «ну, прикольно». Container queries. oklch(). Тригонометрия в calc(). Анимация гридов. Range syntax в медиазапросах. И ещё куча возможностей, которые стали доступны в 2025 году.

🐭 Смотреть на YouTube
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
6❤‍🔥44🔥3👍1
Продолжаем знакомиться с партнёрами второго сезона чемпионата по вёрстке. #чпв2

👍 enKod — партнёр-работодатель

enKod — российская CDP-платформа для автоматизации маркетинга и CRM-маркетинга. В продукте собраны инструменты для работы с базой и коммуникациями: единый профиль клиента, сегментация, рассылки и сценарии в разных каналах — от email до мессенджеров, push и SMS.

👍 F5 — партнёр-работодатель

Digital-агентство F5 больше 13 лет проектирует, разрабатывает и развивает веб-проекты: промо и корпоративные сайты, лендинги, интернет-магазины, порталы и сервисы. Команда закрывает полный цикл работ, включая интеграции с внешними сервисами, автоматизацию процессов и внедрение CRM на Битрикс24.

👍 Уралмедиас — партнёр-работодатель

Уралмедиас — аккредитованная IT-компания и digital-агентство с фокусом на промышленный B2B. Команда делает комплексные цифровые решения для роста бизнеса и продвижения брендов, объединяя аналитику, брендинг, 3D/AI-инструменты и SEO. Компания входит в ТОП-100 агентств России по версии Рейтинга Рунета.

https://htmlacademy.ru/contest/2
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥54❤‍🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Пульсирующая градиентная заливка текста

В свежем выпуске «CSS Боль» разбираем функцию linear() в animation-timing-function.

Смотрите полный выпуск:
🐭 Смотреть на YouTube
🐹 Смотреть в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15❤‍🔥6👍3
В CSS есть константа infinity — короткая запись для «максимально возможного значения» в конкретном контексте. В какое число она превращается, зависит от браузера, операционной системы и того, к какому CSS-свойству вы её применяете. Поддержка в порядке, и иногда такая запись делает стили чуть понятнее — без магических чисел. Но использовать её вовсе не обязательно.


В статье показываем на примерах с z-index, размерами и border-radius, почему infinity внутри calc() — это не «абстрактная бесконечность», а значение, которое упирается в пределы конкретного свойства. Отдельно смотрим на анимации: «до infinity» элемент прыгает в финальное состояние сразу, а с бесконечной задержкой анимация так и не стартует. #css #webdev

🌸 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥4❤‍🔥2
Стартуем уже через час — CSS 2025: Baseline Widely Available

Через 60 минут в прямом эфире Александр Першин, Николай Шабалин, Никита Дубко и Алексей Симоненко разберут все CSS фичи, которые стали доступными в 2025. Подключайтесь, задавайте вопросы и вместе раскидаем их по важности.

🐭 Подключиться на YouTube
🐹 Подключиться в VK
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥541👏1
Продолжаем знакомиться с партнёрами второго сезона чемпионата по вёрстке. #чпв2

👍 Zionec — партнёр-работодатель

Zionec — ИТ-интегратор из Москвы: команда автоматизирует и «приземляет» бизнес-процессы на Битрикс24, 1С-Битрикс и продуктах 1С. Берутся за внедрения, поддержку и сложные доработки с интеграциями под реальные процессы — от CRM и корпоративных порталов до кастомных решений и разработки.

👍 No Logo Studio — партнёр-работодатель

No Logo Studio — digital-агентство современной веб-разработки с сильной продуктовой и дизайн-экспертизой. Студия делает веб-решения разного уровня сложности: корпоративные сайты, промо, интернет-магазины, порталы и сервисы, а также интерфейсы и мобильные приложения — с прицелом на понятный UX и стабильную работу продукта.

👍 SOK — партнёр-работодатель

SOK — команда профессиональных веб-разработчиков. Мы оказываем полный спектр услуг по разработке интернет-магазинов, B2B-платформ и корпоративных порталов.

https://htmlacademy.ru/contest/2
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
5❤‍🔥3👍2🔥2
Подводим итоги!

Второй сезон Чемпионата по вёрстке подошёл к концу. 19 декабря в 12:00 (MSK) вместе с экспертами из компаний подведём итоги чемпионата, раздадим оценки и выберем победителя.

🐭 Подключиться в YT
🐹 Подключиться в VK Video
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥63
Flexbox — инструмент для раскладки крупных блоков и микросеток. Чтобы превратить блок во флекс-контейнер, ему задают display: flex. Непосредственные потомки такого контейнера становятся флекс-элементами: их можно выравнивать по главной и поперечной осям и распределять свободное пространство внутри контейнера.


В статье разбираем базовые термины (главная и поперечная оси) и ключевые свойства: flex-direction, justify-content, align-items/align-self, align-content и flex-wrap. После этого проще понимать, как собирать меню, карточки или пагинацию так, чтобы блок аккуратно переживал переполнение контентом и разные размеры экрана. #css #flexbox

🪻 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
2
Уже через час начинаем прямой эфир с экспертами из компаний второго сезона Чемпионата по вёрстке.

🐭 Подключиться в YT
🐹 Подключиться в VK Video
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥3❤‍🔥1
Продолжаем Новогоднее колесо в HTML Academy

С 19 по 21 декабря запускаем новогоднюю акцию для тех, кто планирует войти в IT или прокачать текущие навыки. В «Новогоднем колесе» участвуют лайт-профы, программа «Войти в IT», формат профа Классик и обучение под компанию — можно получить приятные условия именно на то обучение, которое подходит под ваш уровень и цели.

Это хороший момент начать обучение без долгих раздумий: выбрать направление, зафиксировать выгодные условия и войти в новый год с понятным планом развития. Крутите колесо, забирайте бонус и делайте следующий шаг в IT вместе с HTML Academy.

❄️ Новогоднее колесо уже запущено — ищите на сайте подарочную коробку, крутите колесо, забирайте бонус и делайте следующий шаг в IT вместе с HTML Academy.
Please open Telegram to view this post
VIEW IN TELEGRAM
42❤‍🔥21
Webpack без боли: от конфигурации до оптимизации

На курсе вы разберёте Webpack на практике: базовую конфигурацию (entry/output), перенос проекта на webpack, сборку многостраничных приложений, работу с плагинами и обработчиками, asset-modules, code splitting и оптимизации под production.

Каждый модуль — прикладные задачи: настройка npm-скриптов, подключение Babel, ESLint и Prettier, конфигурация плагинов и обработчиков, разделение dev и prod с source maps, уменьшение бандла (минимизация, выделение вендоров). После курса вы сможете добавлять сборщик в проект, создавать и поддерживать конфиги на рабочих проектах, собирать MPA и оптимизировать артефакты перед деплоем. #htmlacademy #levelup

🟢 Смотреть программу
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤯22❤‍🔥1🔥1
Media is too big
VIEW IN TELEGRAM
Формирование ИПР после испытательного срока

Илья Лебедкин — основатель Addamant, рассказал про путь после обучения.

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

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🪫 Программа обучения
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👏3❤‍🔥2