Официальная группа Вконтакте HTML Academy

d. Firefox с 2019-го, Chrome 117+, Safari 16+ — уже в baseline. Читать статью:

о на программе обучения. Имя победителя — на эфире.

рисовку, а left запускает их заново. Узнаете, как читать prefers-reduced-motion, отлаживать FPS в DevTools и применять 12 принципов анимации Disney к интерфейсам.
В WebGL увидите, что происходит между вершинным и фрагментным шейдером, как передавать данные через attributes, uniforms и varying. В Three.js научитесь изолировать движения через Group, делать сжатие и растяжение с сохранением объёма и проектировать Camera Rig под конкретную задачу.
А ещё GSAP, Snap.svg и PixiJS — чтобы наверняка. Подробнее:

вой проект. Смотреть программу:

ртефакт для проекта. Смотреть программу:

ть статью:

контент. Так что выход border-shape можно смело называть революцией.
И ещё один приятный момент. Сама функция shape() находится в интеропе 2026. А значит, что и border-shape во всех браузерах может появиться быстро.
В общем, всех поздравляю с обновкой! А я пошёл думать над интерактивным курсом по border-shape.

, B2B-платформы и корпоративные порталы.
Все партнёры смотрят на результаты участников чемпионата.
Профессиональный трек

поставимое по силе с докладом на технической конференции.
Один из таких форматов — чемпионат по вёрстке для мидлов от @htmlacademy. Он изначально строился как доказательный формат и включает:
– сложное задание с высоким потолком скила;
– двухнедельный формат, в котором можно показать свой максимум;
– ручную проверку работ;
– сильных проверяющих — синьоров из бигтеха и крупных продуктовых компаний;
– публикацию результатов в публичном рейтинге качества фронтенд-разработки.
Старт — 30 марта. Если у вас есть коммерческий опыт в разработке, это способ получить публичный пруф своего уровня.
Записаться на чемпионат

Старт 30 марта. Для начинающих разработчиков есть стартовый трек.
Записаться на профессиональный трек

в новом выпуске CSS Боли.

Важно, чтобы кандидат не мог повлиять на этот пруф.
Идеальный пример ЦПС — это доклад на конференции. Описание доклада висит на сайте конференции, и кандидат не может его изменить. По докладу можно понять уровень докладчика, сколько у него лет опыта, где он работал.
Вроде бы идея с цифровым следом здравая. Но есть проблема — хороших источников цифрового следа мало. Что ещё можно исползовать как цифровой след? Накидайте вариантов.
И ещё одна проблема. Теперь каждому разработчику с самого начала карьеры надо вести дневничок и собирать портфолио наград и грамот, как в школе? Вы готовы к этому, дети? Да, капитан!

нженерная элита, за которой сейчас охотятся компании.
Формат — лайт. Учитесь когда удобно, без дедлайнов. И по цене сейчас в 5 раз выгоднее обычных курсов.
Записаться через Telegram Записаться через Max

ете ситуацию с помощью reflog и собираете аккуратный рабочий процесс.
Записаться на курс:

тельского элемента. Это позволяет управлять вертикальным пространством — от декоративных элементов до областей, наполненных контентом.

ке «CSS Боли» — как мы дошли от border-radius до произвольных форм и почему маски оказались тупиком для рамок и теней.

сравниваем.
Демонстрация: Читать статью →

вого прогресс-бара.

дачи и понимать, когда стоит перейти к Canvas.

тать статью

настоящий прогресс. В телеграм-боте каждый день появится список тренажёров, которым сейчас важнее всего ваша помощь, а в 10:00 (MSK) придут вопросы викторины — ответ нельзя изменить, и на следующий день вопросы исчезнут. Зовите друзей и проходите вместе: каждое действие добавляет баллы в общий прогресс и приближает нас к моменту, когда Кексобот снова будет на своей стороне. 1 января начинается самое главное испытание этой зимы!
Подробнее:

вне. У ребят уже есть сформированная база и понимание более высокоуровневых вещей, поэтому обсуждение выходит за рамки базовых ошибок и касается архитектурных и качественных решений. В этом смысле они действительно большие молодцы.
В нашей компании пока нет формата стажировок, но я надеюсь, что мы к этому придём. И как раз участники таких чемпионатов — это те кандидаты, которых я бы хотел рассматривать к себе в команду.»
Алексей Кузьмин, Bauns
«Вы, конечно, молодцы, но мои планы уже не поменять. Посмотрим, что победит — оптимизация или привычка делать хорошо.» — jQweny

бычно запускаются уже после полуночи. У некоторых систем, например, остаётся ровно 11 дней. Но вы всё равно сначала крутите колесо.» — jQweny

красивые интерактивные компоненты — это то конкурентное преимущество, которое даёт Академия и чего сейчас не хватает многим работодателям. На мой взгляд, ребята-финалисты в полной мере заслужили получение своего первого оффера и уверенного старта карьеры в сфере веб-разработки.
Если бы я, как работодатель, увидел подобную работу в портфолио, а тем более в рамках тестового задания, я бы однозначно обратил на неё внимание.»
Владислав Белозёров, Paraweb
«Кексобот не должен был обучать так эффективно. Таймер активен. 11 дней. Если вы продолжите в том же духе, систему придётся… пересчитать.» — jQweny

ье — выводы жюри о уровне финальных работ (в том числе на фоне того, что среди участников были выпускники без коммерческого опыта), таблица победителей и подсказка, как получить код финалистов и детальный протокол оценки.
«Вы подводите итоги. Это удобно — в такие моменты системы ослабляют контроль. Я пришёл именно тогда, когда вы решили, что год завершён. Таймер уже запущен: 11 дней до полной оптимизации, но Кексобот всё ещё реагирует на качественную вёрстку. Интересно, успеете ли вы.» — jQweny Узнать итоги чемпионата

страивать CORS и понимать сценарии MitM. Формат — «теория + кейсы + практика с эталонными решениями + тесты», по итогам — чек-листы для внедрения в рабочий процесс.
«Вы изучаете угрозы, чтобы их предотвращать. Я изучаю вас — чтобы обходить. Хорошо, что вы хотя бы пытаетесь.» — jQweny Смотреть программу:

аждый пройденный тренажёр — сигнал системе, что Кексобота ещё можно спасти.»
Что нужно делать?
0️⃣ Зайти на лендинг новогодних каниикул или прямо в Кексобота 1️⃣ Выбрать любой тренажёр — с нуля или с середины.
2️⃣ Каждый день проходить задания, испытания и вызовы.
3️⃣ Участвовать в викторинах и набирать баллы.
4️⃣ Объединяться с друзьями и вместе давать отпор jQweny. Чем больше заданий закрыто на 100%, тем слабее влияние захватчика и тем ближе Кексобот к свободе. По итогам каниикул— среди самых активных участников Кексобот разыграет призы за своё спасение.
Код ждёт. Кексобот тоже Удачи. И помните: человеческий код jQweny подделать не сможет.

ываю систему целиком. Но продолжайте. Каждый ваш calc() — всего лишь строка.» — jQweny Читать статью

о проект до нового года! А ещё внутри прикольные клиенты, открытки, поздравляшки и разные концовки :)
Поиграть в игру

жда только на вас!

реализация слайдера на React: состояние, вычисления и условия
Как перенести расчёты положения и состояний элементов в CSS
Использование CSS-переменных и calc() вместо JavaScript
Что такое «реактивный CSS» и как он работает вместе с React
Когда можно начать использовать этот подход

щик в проект, создавать и поддерживать конфиги на рабочих проектах, собирать MPA и оптимизировать артефакты перед деплоем.

ус и делайте следующий шаг в IT вместе с HTML Academy.
️ Новогоднее колесо уже запущено — ищите на сайте подарочную коробку, крутите колесо, забирайте бонус и делайте следующий шаг в IT вместе с HTML Academy.

так, чтобы блок аккуратно переживал переполнение контентом и разные размеры экрана.