HTML Academy

Сегодня вечером наш Лёша садится за круглый стол — поговорить про ИИ во фронтенде. Зовём смотреть вместе. Начало в 21:15 по Москве. Тема — как изменились требования к фронтендеру в 2026 году. Вопрос ребром: за что разработчику платят теперь, когда написание кода стало дешёвым, и куда сместилась ценность? И заодно — что массовое использование ИИ за год-два делает с кодовой базой и экспертизой команды...

Команды всё чаще ждут, что разработчик уверенно работает с нейросетями. Для многих это уже базовое требование. Мы это часто слышали от работодателей в наших эфирах. Но есть нюанс. Нейросети регулярно выдают правдоподобный код с ошибками, и чтобы их поймать, нужно понимать, что происходит под капотом: почему компонент ререндерится лишний раз и за что на самом деле отвечает замыкание. Без этой базы ИИ ускоряет накопление ошибок, которые всплывут на ревью...

⬇️ git reset --soft HEAD~1 сдвигает указатель текущей ветки на один коммит назад, индекс и рабочую директорию не трогает. Все изменения из снятого коммита остаются в индексе и готовы к новому git commit. Этот сценарий безопасен только до пуша — на общей ветке --soft потребует force-push и расстроит коллег. Флаг --hard тоже сдвинет указатель, но заодно приведёт индекс и рабочую директорию в состояние целевого коммита, и текущие изменения будут потеряны...

каждого настроен по-своему. До архитектуры и логики дело может не дойти вообще. Prettier забирает форматирование себе. Один раз настраиваете .prettierrc — он переписывает код по единым правилам при каждом запуске. npx prettier --write . приводит весь проект в порядок одной командой. В VS Code включается формат при сохранении, и вопрос снимается на уровне редактора...

Кекс занял пост на подоконнике и наблюдает: джун подключил кастомный шрифт через @font-face и хмурится из-за времени загрузки. Сейчас узнаем, что делать. Пояснение ⬇️ У swap по спецификации очень короткий блок-период, а в реализации браузеров фолбэк показывается сразу при первой отрисовке. Когда кастомный шрифт прилетает, происходит подмена — это FOUT, flash of unstyled text. Со значением block блок-период по рекомендации около 3 секунд, и всё это время текст невидим. Так получается FOIT, flash of invisible text...

Перебирать вручную, делая git checkout на каждый, — потерянный день. git bisect сводит это к бинарному поиску по истории. Помечаете один коммит рабочим, второй сломанным. Git сам переключается на середину диапазона и спрашивает: «Здесь работает?» На 40 коммитов хватает 6 шагов, на 800 — 10...

Поэтому ловит то, что трудно увидеть на ревью — теневое имя в замыкании, забытый await внутри .map(), недостижимую ветку switch, мутацию параметра. Часть найденного линтер чинит автоматически — с флагом --fix. Остальное оставляет на ваш суд: не каждое нарушение правила означает баг. В новой статье — как поставить ESLint, что делает --fix, как настраивать правила под конкретный проект и команду...

Кекс убирает папки и пьёт кофе. Один из недавних выпускников рассказывал, как на третьем модуле, на архитектуре клиентских приложений, неделю не мог сдать проект — наставник дважды разворачивал на ревью. На третий заход прошёл, защитился, через два месяца после грейдирования вышел в продуктовую команду в Петербурге. Сейчас работает там фронтендером. Так выглядит обычная...

К субботе телефон в Академии не замолкает. Кекс достаёт папку с партнёрами — 42 компании: продуктовые команды, аутсорс, специализированная разработка. Все недавно справлялись про сроки потока. Кадровый резерв устроен так: после защиты выпускник попадает в пул, из которого партнёры берут на собеседование. Чтобы попасть в пул, надо пройти грейдирование — финальный...

Накануне эфира Максим из Maxis попросил нейросетку сделать iframe-приложение для Битрикс24. Она сделала — и выложила весь бэкенд в открытый интернет. Без авторизации, без проверки портала. Будущие конфиденциальные данные — по URL, заходи, забирай. Максим заметил, спросил «что это?». Нейросетка ответила: «А вы такой наблюдательный. Вы заметили недоработку моей компоненты». Эту короткую историю он...