HTML Academy
10K subscribers
5.33K photos
173 videos
4 files
3.34K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Одни и те же стили для h1, h2, p и li — и для каждого отдельное правило? CSS так можно не мучить.

Список селекторов через запятую позволяет записать один блок стилей вместо четырёх. В статье разбираем, где это удобно: сброс отступов, общие стили для кнопок и ссылок, единое оформление заголовков. И объясняем, когда вместо группировки лучше использовать классы. #css #html

🎁 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
3❤‍🔥3🔥2
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Анастасия пришла на прошлый чемпионат проверить свои силы. А ушла с оффером от компании-партнёра — агентства интернет-маркетинга «Офэп».

Макет оказался очень интересным, сроки на выполнение были комфортные, на все вопросы оперативно отвечали. По результатам чемпионата был лайв, где жюри разбирали работы финалистов. Я победила, и в скором времени куратор сообщил, что мной интересуется партнер-работодатель чемпионата.


Чемпионат стал для неё первым шагом в профессию. Третий сезон стартует 30 марта — записаться можно уже сейчас.

🐶 Читать отзыв
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥1042
Параллакс, прогресс-бар чтения, появление элементов при прокрутке — раньше для всего этого нужен был JavaScript и обработка события scroll. Код получался хрупким, а анимации дёргались на каждом рендере.

CSS Scroll-Driven Animations меняют подход: одно свойство animation-timeline: scroll() привязывает обычные @keyframes к позиции скролла. Без JS, без библиотек, с рендерингом вне основного потока. В статье разбираем два типа таймлайнов — scroll() и view() — и показываем, как привязать анимацию к странице, контейнеру или видимости элемента. #css #baseline

🚀 Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👏3❤‍🔥21
Макет для третьего сезона чемпионата подготовила студия Mish — №1 по UX сайтов в Рейтинге Рунета. В портфолио — ВТБ, Сбер, Яндекс, x5Group, а среди наград — Awwwards и «Золотое приложение».

За пять лет Mish выросли из пары человек в команду из 150+ специалистов с офисами в нескольких странах. Их подход к дизайну — исследования, аналитика, проверка гипотез — это то, как работают сильнейшие продуктовые команды. И именно их макет участники будут верстать на чемпионате.

Профессиональный трек чемпионата по вёрстке стартует 30 марта. Две недели, онлайн, не мешает работе.

🎁 Записаться на профессиональный трек
Please open Telegram to view this post
VIEW IN TELEGRAM
6❤‍🔥3🔥3
Неделю назад вышел Vite 8 — самое крупное обновление архитектуры со второй версии. Два бандлера (esbuild + Rollup) заменил один — Rolldown, написанный на Rust. У Linear продакшен-сборка упала с 46 до 6 секунд.

Под капотом Vite теперь целый Rust-стек: Rolldown для сборки, Oxc для парсинга и трансформации, встроенная поддержка tsconfig paths без сторонних плагинов. @vitejs/plugin-react v6 перешёл на Oxc и выкинул Babel из зависимостей. В пятом разделе курса подключаем плагин oxlint — он в 50–100 раз быстрее ESLint и ловит ошибки прямо при сборке.

Курс «Vite» написан с нуля под восьмую версию. Шесть разделов: от vite.config и Lightning CSS до тестирования с Vitest, деплоя через GitHub Actions и готовых сценариев миграции с Webpack и Gulp. #htmlacademy #levelup

🎁 Смотреть программу

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
3❤‍🔥331😱1
Forwarded from CSS Боль
От резюме к доказательному найму

Рынок найма сломан двумя кризисами: экономическим и кризисом доверия. Они наложились друг на друга и бьют даже по сильным специалистам.

Новый дефолт рынка — нулевое доверие к кандидатам. И это надолго.

Резко выросла ценность цифрового профессионального следа — пруфов, которые подтверждают опыт и уровень навыков. Рынок движется к доказательному найму.

У большинства разработчиков таких доказательств нет. А нарабатывать их долго и дорого.

Поэтому появляются форматы, которые дают достоверное подтверждение уровня, сопоставимое по силе с докладом на технической конференции.

Один из таких форматов — чемпионат по вёрстке для мидлов от @htmlacademy. Он изначально строился как доказательный формат и включает:

– сложное задание с высоким потолком скила;
– двухнедельный формат, в котором можно показать свой максимум;
– ручную проверку работ;
– сильных проверяющих — синьоров из бигтеха и крупных продуктовых компаний;
– публикацию результатов в публичном рейтинге качества фронтенд-разработки.

Старт — 30 марта. Если у вас есть коммерческий опыт в разработке, это способ получить публичный пруф своего уровня.

Записаться на чемпионат
🔥4❤‍🔥33🤣2
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
Больше 30 компаний-работодателей будут смотреть на результаты чемпионата по вёрстке. Среди них — AGIMA, №1 в Рейтинге Рунета. Рассказываем о партнёрах третьего сезона.

AGIMA — крупнейший интегратор цифровых решений в России. 551 сотрудник, 800+ проектов. Среди клиентов — Сбер, ВТБ, Мегафон, X5 Group.

Рядом — Oxem, №1 веб-дизайн студия Москвы по версии Рейтинга Рунета 2024. 300+ проектов и топ-5 разработчиков на React.

А в div. работают 190+ специалистов: дизайн, фронтенд, motion, 3D. И они тоже ищут верстальщиков.

Старт 30 марта. Две недели, полностью онлайн.

🎁 Записаться на профессиональный трек
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥4❤‍🔥2
Вышел Vite 8 — самое крупное изменение архитектуры с версии 2. Под капотом теперь один бандлер Rolldown на Rust вместо двух (esbuild + Rollup). Результат — ускорение продакшен-сборки в 10–30 раз.

В статье разбираем, что изменилось на практике: встроенные инструменты для анализа проекта, поддержку путей из tsconfig, работу с WebAssembly и отправку сообщений из браузера в терминал. Плагины при этом остаются совместимыми — API не менялся. #js #vite

🎁 Читать статью

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤‍🔥4👏3👍1
Media is too big
VIEW IN TELEGRAM
Биофлешка, которую можно наказать

Резервный канал в MAX
❤‍🔥32🔥2😢2
Страница грузилась секунду — стала грузиться десять. Причём только в Safari. React? Сервер? Сторонние скрипты? Нет. Виновник — одно эмодзи на кнопке.

Аллен Пайк вместе с Claude искал причину бинарным поиском: убираешь кусок кода, смотришь результат, повторяешь. Оказалось, шрифт Noto Color Emoji откатывается в Safari к SVG-рендерингу и тратит 1600 мс на компоновку одного символа вместо двух.

А ирония в том, что подключить этот шрифт изначально предложил тот же Claude. Агенты-программисты, пишет Пайк, похожи на циркулярную пилу: невероятно полезны и пропорционально опасны. #css #ai

🔜 Читать статью

Резервный канал в MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
6❤‍🔥4🔥2🤣1
HTML Academy
Mish — студия №1 по UX сайтов в Рейтинге Рунета. В третьем сезоне Чемпионата по вёрстке участники верстают их макет. В этом сезоне мы запускаем профессиональный трек для действующих разработчиков. Это способ прокачать цифровой профессиональный след и упростить…
Анастасия пришла на прошлый чемпионат проверить свои силы — а ушла с предложением о работе от компании-партнёра. В третьем сезоне партнёров-работодателей ещё больше.

Paraweb — топ-3 разработчиков для образования в России. Награды Awwwards и CSSDA, на рынке с 2007 года. Больше тысячи проектов.

За чемпионатом следят и продуктовые команды. enkod — CDP-платформа для автоматизации маркетинга, в реестре российского ПО.

И 1PS. RU — агентство с 25-летней историей, сертифицированный партнёр Яндекса.

Старт через пять дней. Записывайтесь.

🎁 Записаться на профессиональный трек
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤‍🔥52🔥2
Вы пишете компонент, который уже писали десять раз. Потом юнит-тесты к нему. Потом документацию. К вечеру — ощущение, что весь день работали, а к архитектуре так и не притронулись.

AI-агенты могут взять на себя эту рутину. Но если просто скопировать ответ из ChatGPT — получится код, который потом дольше чинить, чем написать самому. Агенты работают, когда вы умеете формулировать промпты, настраивать контекст проекта и проверять результат.

На курсе «Фронтенд на автопилоте» вы с нуля соберёте интернет-магазин с корзиной в связке с GPT-5, GitHub Copilot и Cursor. Настройка окружения, генерация компонентов, тесты, рефакторинг, документация — на каждом этапе работаете вместе с AI-агентом. Нужно знать JavaScript.

🎖 При записи на курс — 2 000 000 токенов на платформе. Это доступ к GPT-5 для учебных задач: генерация кода, тесты, документация. Обычно за такие инструменты платят отдельно — здесь они включены в стоимость.

Скидка 30% до 29 марта.

Записаться в Телеграме
Записаться через MAX
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤‍🔥2👍2