Совсем недавно мы проводили Чемпионат по вёрстке — 45 участников, 13 дней.

Что сказали эксперты про уровень работ:
✅ «Работы достойны продакшена»
✅ «Это уже уровень джунов, а не интернов»
✅ «Макет непростой, но ребята справились круто»
✅ «Очень понравилось внимание к деталям и креативные решения»

Итог: все финалисты подтвердили, что уже готовы к реальным проектам. И, да, чемпионат точно стоит повторить!

👍 Прямой эфир с HRBP и тимлидом фронтенда компании Only

HTML Academy и Only запускают второй поток обучения под работодателя. Небольшая группа, практические задачи и менторская поддержка — программа синхронизирована с процессами компании, а выпускники могут попасть на стажировку.

Приходите на эфир 9 октября в 12:00 (MSK), чтобы:
3️⃣ Познакомиться с Only: как живёт команда и как устроена работа фронтендеров.
2️⃣ Разобрать рабочие процессы: стек, ревью кода, обратная связь.
1️⃣ Понять, что ждёт выпускников на стажировке: формат, продолжительность и оплата — обсудим в эфире.

Бонус: разыграем одно бесплатное место на программу среди первых 100 зарегистрировавшихся. Победителя объявим в конце трансляции.

Эфир онлайн, участие бесплатное. Регистрируйтесь по ссылке — пришлём напоминание перед началом и расскажем, как попасть на обучение.

https://htmlacademy.ru/events/live-only-2025

Новый выпуск «CSS Боль»!

Мы находимся на пороге нового дивного мира, в котором задавать условия отображения стилей можно прямо в СSS! Для этого не хватало удобного механизма сравнения CSS-переменных. Но он появился! Мы разберём удивительно простой приём, который открывает нам путь в новую эру CSS.

🐭 Смотреть на YouTube
🐹 Смотреть в VK

Как защитить VPS от взлома: 10 простых правил
➿➿➿➿➿➿➿➿➿➿➿➿
Безопасность VPS — не про «поставил пароль и забыл», а про системный подход. В статье собраны десять базовых, но важных мер, которые снижают риск распространённых атак. Полезно и фронтендерам: если вы держите на VPS личные проекты, демо или тестовые стенды — этот минимум стоит знать.

Внутри — минимум для базовой защиты: вход по ключам и запрет паролей, настройка ufw и список допущенных пользователей, fail2ban против брутфорса, автоматические обновления и регулярные бэкапы. Плюс — как следить за логами; бонусом — 2FA для SSH. #vps #security

🔵 Читать статью

Напоминаем: завтра в 12:00 (MSK) — прямой эфир HTML Academy × Only о втором потоке программы «Обучение под работодателя».
➿➿➿➿➿➿➿➿➿➿➿➿

И главное — среди первых 100 регистраций на эфир разыграем одно бесплатное место на совместную программу.

Как участвовать:
1️⃣ Зарегистрируйтесь по ссылке ниже.
2️⃣ Подключитесь к трансляции — победителя объявим в финале трансляции.

В эфире обсудим программу второго потока: почему Only делает ставку на сильную вёрстку и JavaScript, как проходят стажировки в команде и какие качества помогают новичкам закрепиться в digital-агентстве.

🪻 Зарегистрироваться на эфир

👍 Редакторская рассылка снова с вами!

Мы перезапускаем самую человечную рассылку для айтишников.

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

Никакого спама, никакого AI — только живые тексты, написанные руками.

🔺 Подписаться

Как сделать свой сайт на VPS. Самая простая инструкция
➿➿➿➿➿➿➿➿➿➿➿➿
Женя, похоже, провалился во временную яму: вокруг — двухтысячные и один-единственный веб-сервер — Apache. Чтобы выбраться, он поднял самый простой сервер и записал пошаговую памятку. #vps #linux

Кажется, материал сознательно ограничен базовой настройкой. Домен, SSL, Nginx, а также связки с Node.js и PHP — это логичные следующие шаги.

🌼 Читать статью

Планы на выходные: посмотреть вчерашний эфир с Only

Час разговора с HR-лидом и тимлидом фронтенда о том, как джунам попасть в digital-агентство.
Главный инсайт: навык коммуникации может быть важнее умения программировать.

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

🐭 Смотреть на YouTube
🐹 Смотреть в VK
🔄 Программа обучения

🍎 HTML5 уже совсем большой. Угадайте, сколько ему лет

FrontendConf 2025 × HTML Academy

Уже на следующей неделе на FrontendConf — крупнейшей профессиональной конференции фронтенд-разработчиков в России — выступит Александр Першин, сооснователь HTML Academy.

Во время доклада соберём мини-утилиту для «обратного радиуса» на чистом CSS. В процессе разберём линейные и радиальные градиенты, маски, CSS-переменные и магию calc().

0️⃣ FrontendConf 2025
1️⃣ 20–21 октября
2️⃣ Кластер «Ломоносов», Москва

Подробнее о докладе → https://frontendconf.ru/moscow/2025/abstracts/15798

P.S. — говорят, что если пройти тест из двух вопросов на сайте конференции, то можно получить 10% скидку на конференцию.

Как сделать анимированную светящуюся рамку без JavaScript?
➿➿➿➿➿➿➿➿➿➿➿➿
Правильно — на conic-gradient(). Конические градиенты умеют больше, чем кажется на первый взгляд.

Новый выпуск «CSS Боль» про конические градиенты:
✓ От базового синтаксиса до декоративных эффектов
✓ Как работают color stops и параметры from и at
✓ Почему между первым и последним цветом резкий переход
✓ Проверяем всё по спецификации W3C

Внутри — интерактивная демка, где можно поиграться с каждым примером самостоятельно.

🐭 Смотреть на YouTube
🐹 Смотреть в VK

Как узнать, что юзер кликнул. События мыши в JS
➿➿➿➿➿➿➿➿➿➿➿➿

Мышь — один из самых привычных способов взаимодействия с веб-страницей, и JavaScript даёт разработчику базовые инструменты, чтобы реагировать на действия пользователя. Мышиные события позволяют «слушать» клики и движения, создавая динамичные и удобные интерфейсы.

В статье разбираем ключевые события: click, dblclick, mousedown, mouseup, mousemove, mouseenter, mouseleave и contextmenu. На примерах показываем, как навешивать обработчики, менять состояние интерфейса при нажатии и отслеживать координаты курсора. В конце даём направление для практики: как подступиться к простому перетаскиванию на связке mousedown → mousemove → mouseup. #js #events

🔶 Читать статью