HTML Academy

Цифровой профессиональный след

Яркая новинка HR-сезона 2026 — понятие цифрового профессионального следа. Я начал встречать его упоминания в феврале в HR-каналах и в вакансиях. В чём суть явления?

Эйчары не доверяют опыту, описанному в резюме, или записям в трудовой книжке. Но им надо разбирать отклики от кандидатов, надо на что-то полагаться. Поэтому им нужна хоть какая-то опора.

Цифровой профессиональный след и есть эта опора. По сути, это набор внешних, объективных, достоверных подтверждений (пруфов) либо опыта, либо уровня скилов кандидата. Важно, чтобы кандидат не мог повлиять на этот пруф.

Идеальный пример ЦПС — это доклад на конференции. Описание доклада висит на сайте конференции, и кандидат не может его изменить. По докладу можно понять уровень докладчика, сколько у него лет опыта, где он работал.

Вроде бы идея с цифровым следом здравая. Но есть проблема — хороших источников цифрового следа мало. Что ещё можно исползовать как цифровой след? Накидайте вариантов.

И ещё одна проблема. Теперь каждому разработчику с самого начала карьеры надо вести дневничок и собирать портфолио наград и грамот, как в школе? Вы готовы к этому, дети? Да, капитан!

Контейнерные запросы теперь умеют проверять не только размер, но и значения CSS-свойств — например, цвет фона.

Конструкция style() в директиве @container позволяет менять оформление дочерних элементов в зависимости от вычисленных свойств контейнера. При этом container-type: style задан по умолчанию — специально объявлять его не нужно. Выражения от размеров и стилей можно комбинировать в одном условии.

В статье разбираем, как устроен этот механизм, чем он отличается от привычных запросов по размеру и где у него пока границы. #css #tools

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

Всё ещё не слышали про новую профессию «Нейрофронтендер»?

Первые четыре раздела— классический фундамент: вёрстка, JavaScript, React, TypeScript. Это 720 часов практики с проектами и код-ревью от действующих разработчиков. Пятый раздел — про то, как ускорять работу с помощью GPT и Cursor.

Цена: от 4 290 ₽/мес. Дедлайнов нет.

🎁 Подробнее
🐶 Записаться через Telegram
📲 Записаться через Max

Одно свойство, два цвета, ноль медиавыражений — light-dark() решает переключение темы в одну строку.

Раньше для поддержки светлой и тёмной темы приходилось дублировать стили через @media (prefers-color-scheme) и заводить отдельную переменную под каждый цвет. Функция light-dark() принимает два значения: первое для светлой темы, второе для тёмной. Браузер подставляет нужное сам.

В статье разбираем, как подключить функцию (без color-scheme: light dark она не заработает), где применять и какие браузеры пока остаются за бортом. #css #baseline

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

Мы сделали пошаговую демку к новому выпуску — попробуйте сами собрать 3D-эффект летающих мышек на CSS-масках. Каждый шаг из ролика можно пройти в браузере и посмотреть код.

В выпуске — анимация mask-position и mask-size, множественные маски в противофазе, mask-composite для пересечений. Нейросеть генерирует @keyframes за минуту — и это честный пример того, как ИИ ускоряет разработчика. Но ускоряет именно разработчика, а не заменяет его.

Во второй части — почему нейросети не облегчили вход в разработку, а наоборот создали пропасть на пути в IT.

🎁 Демонстрация: анимация CSS-маски

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

После выпуска — что дальше? Собеседование, тестовое, оффер.

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

Полный эфир — на YouTube и в VK.

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

На алгоритмических собеседованиях спрашивают O-большое и обход деревьев, а в продакшене те же знания помогают найти «дорогой» цикл до ревью.

Курс «Алгоритмы и структуры данных» — задачи на JavaScript, привязанные к реальному фронтенду. Разберёте, почему Map и Set убирают дубли за O(1) вместо O(n), как работает diff виртуального DOM и когда quicksort подходит для «живого» поиска. Гибкие сроки — начать можно прямо сейчас. #htmlacademy #levelup

🎁 Подробнее о курсе

Пока все спорят, заменит ли ИИ программистов, мы учим тех, кто этим ИИ управляет.
➿➿➿➿➿➿➿➿➿➿➿➿
Мы запустили новую профессию — «Нейрофронтендер». Это для тех, кто хочет не просто «кодить», а мастерски владеть нейросетями и глубоко понимать базу. Мы не учим просто копировать промпты. Мы даем хардкорную базу (HTML, JS, React) и сверху накладываем магию: работу с GPT-5 и Cursor.

В чем фишка: сначала учимся понимать код и полностью разбираем базу, а потом разбираемся с подключением в процесс нейросетей, чтобы делать рутину в 2 раза быстрее. Это и есть та самая инженерная элита, за которой сейчас охотятся компании.

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

🎁 Подробнее
🐶 Записаться через Telegram
📲 Записаться через Max

Если вы работаете в Figma только мышкой — вы работаете медленно. Переключение инструментов, экспорт, переименование слоёв — каждое действие через меню отнимает секунды, которые за день складываются в минуты.

Горячие клавиши это исправляют. Ctrl + \ прячет весь интерфейс, Ctrl + / открывает поиск по меню, V, F и T переключают инструменты мгновенно. Разбираем самые полезные сочетания с примерами и скриншотами. #tools #figma

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

Сначала инженерная база — HTML, CSS, JavaScript, React и архитектура приложений. И только потом AI-агенты.
➿➿➿➿➿➿➿➿➿➿➿➿
Профессия «Нейрофронтендер» построена именно так: нейросеть даёт ощутимый эффект только тогда, когда разработчик понимает, что происходит под капотом. Финальный модуль — работа с Cursor и GPT-5: генерация юнит-тестов, автодокументирование кода, ускорение ревью.

720 часов, 8 учебных проектов и индивидуальный проект с глубоким ревью кода. Для новичков, учитесь в своём темпе.

🎁 Подробнее о программе

CSS Masking: быстро, просто и понятно.

CSS-маски — мощная и уже зрелая технология, которая в ближайшее время становится Widely Available. В этом ролике разбираем их с самого нуля. Попробуйте в демке самостоятельно и смотрите разбор целиком.

Полный разбор:

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

В VS Code встроена подсветка ошибок и автодополнение, но для JavaScript этого мало. Форматировать код вручную, искать npm-модули по памяти, переключаться между проектами через проводник — всё это отнимает время.

Собрали 17 плагинов, которые закрывают эту рутину. Например, npm Intellisense подсказывает модули по первым символам, а сниппет req + Tab разворачивает require в готовую строку. Каждый плагин — с описанием и ссылкой на установку. #js #vscode

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

Что будет, если вы не выйдете на работу?

Основатель SimpleUp рассказывает, как компания реагирует на пропуски и опоздания новичков.

Полный эфир — на YouTube и в VK.

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

Git и GitHub
➿➿➿➿➿➿➿➿➿➿➿➿
Курс — про прикладную работу с Git от основы до уверенных навыков: установка и первичная настройка, локальный и удалённый репозитории, ветки и модели ветвления, слияния и разрешение конфликтов, сравнение версий и файлов, откладывание и отмена изменений. Разбираем rebase и cherry-pick, восстановление через reflog, SSH и GPG-подпись коммитов.

Результат: уверенно настраиваете и связываете репозитории, выстраиваете историю коммитов, ведёте ветки под задачи, безопасно сливаете и откатываете изменения, быстро находите нужные диффы, спасаете ситуацию с помощью reflog и собираете аккуратный рабочий процесс.

🔶 Записаться на курс