О Вебе | ex. Frontender’s notes

Kapsula: от HTML-таймера к TypeScript — как всё менялось

Старт Kapsula — таймер рабочего дня, а под капотом поначалу был всего один HTML-файл, который соорудил ИИ. А вот напоминание после того, как экран телефона погас, оказалось куда более мутной историей, чем выглядело в браузере.

Сейчас софт добрался до 0.5: внутри можно гонять отдельные файлы на JavaScript и TypeScript, править сохранённый код и после изменений возвращаться к своим данным. Автор демонстрирует это на простом трекере тренировок: добавил подход, закрыл приложение, открыл на следующий день и попросил ИИ что-нибудь поменять.

Читать далее

👉 Frontender's notes

В Google Labs нашли довольно странный способ говорить спасибо нужным людям: человеку внезапно ставят встречу с 4–5 руководителями, причём без повестки. Выглядит ровно как «зайди, поговорим» аккурат перед увольнением.

Вице-президент Google Labs объяснил схему: сотрудник приходит, готовясь к худшему, а боссы по очереди рассказывают, какой он крутой и как сильно его тут ценят. Детали — в Business Insider.

👉 Frontender's notes

Китайский хакер-одиночка пошёл в атаку на 1200+ сайтов, подключив ИИ-агентов

Reuters пишет про китайскоязычного злоумышленника: с ИИ-агентами он попытался долбить свыше 1200 сайтов и реально взломал ресурсы, связанные с более чем сотней компаний — среди них John Deere, SharkNinja и Cummins. Токены обошлись примерно в $5000, то есть около $50 за удачный взлом. На успешные атаки в среднем уходило порядка 23 часов, а часть задач тянулась дольше пяти суток.

Хакер взял опенсорсный мультиагентный фреймворк Cairn. Схема простая: человек задаёт цель и инструкции, а дальше агенты сами ищут зацепки, пробуют взламывать, фиксируют результаты и решают, куда двигаться. Судя по именам воркеров, исследователи предположили, что внутри была связка Claude Code и DeepSeek V4.1 Flash.

Палится всё из-за того, что хакер оставил свою панель управления открытой в интернете. Через неё исследователи и разобрали задачи ИИ-агентов и логи выполнения. Разбор опубликован здесь.

👉 Frontender's notes

JS в браузере: что стандарт HTML говорит про среду исполнения

Принято думать, что вкладка — это отдельный поток и собственный event loop, а промис обгоняет таймер благодаря приоритету микрозадач. Для повседневки хватает. Но в HTML-стандарте схема другая: агенты, event loop, task'и, микрозадачи — всё это там есть.

Разбор показывает: зависшая вкладка способна утащить за собой соседнюю, открытую через window.open(); тот же код порой выдаёт разный порядок вывода — смотря кто его дёрнул; термина «макрозадача» стандарт не знает — то, что привыкли так звать, это обычная task. Разобрать по стандарту

👉 Frontender's notes

Торстен Балл — автор популярных книг по программированию — внезапно признался: из-за ИИ он больше не понимает, чему учить новичков

По его словам, ему регулярно прилетают письма от джунов с просьбой подкинуть карьерный совет. Раньше ответ был железный: учи языки, пиши код, лезь в опенсорс — и работа сама тебя найдёт. А теперь, говорит, до 50% знаний, в которые он годами вкладывался, уже не так важны.

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

👉 Frontender's notes

RFC 9421 вместо антидетекта
На Habr вышла статья с идеей: не надо маскировать AI-агентов под людей. Вместо этого им предлагают выдать криптографический паспорт — подпись Ed25519 по стандарту IETF RFC 9421. В материале — разбор открытого протокола wbauth, архитектуры, канонизации запросов и проверки на WAF. Цифры от автора: холодный старт — 5 мс вместо 1744 мс, запрос — 15,8 мс вместо 86,8 мс, память — 0,76 МБ вместо 500 МБ, прокси вообще не нужны.

Как он это мерил и какие есть ограничения — в статье тоже написано. Читать на Habr

👉 Frontender's notes

Не картинка, а карандашный скетч, который заливают акварелью

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

Готового решения не завезли: видео не канало — нужен отклик на тап и чтобы на любом экране было чётко. В итоге всё склеено на голом SVG, паре фильтров и чуть-чуть JS — без библиотек. В статье — разбор по шагам, с кодом и теми граблями, на которые автор всё-таки наступил.

Читать далее

👉 Frontender's notes

DeepSeek выкатила V4.1-Flash-1017 — по информации, в кодинг-тестах она уделывает GPT-5.6 Sol и Claude Opus 5. Окно контекста — лям токенов.

DeepSWE даёт ей 77 баллов. У GPT-5.6 Sol — 73, у Claude Opus 5 — 74. Automation-Bench: 60 у новинки против 46 у Sol и 50 у Opus. Agents’ Last Exam — и тут она впереди.

API обойдётся от $0,15 за миллион входных и $0,60 за миллион выходных токенов вне пиковых часов. По сравнению с конкурентами — в разы дешевле. На Hugging Face модель уже выложили.

👉 Frontender's notes

Anthropic: программистов-джунов осталось 9% вместо 27%

Компания выложила исследование о том, как Claude перекраивает работу внутри самой Anthropic. Доля джунов среди кодящих просела с 27% до 9%. Нанимать там не перестали — просто ставка чаще на мидлов и сеньоров.

Дальше цифры из материала: ИИ-агенты вкалывают в 6 раз больше часов, чем люди в Anthropic, а в исследовательских отделах — аж в 19 раз. Коммитов на инженера стало в 5 раз больше за полгода. Нетехнические спецы в 45 раз чаще гоняют Claude для автоматизации рутины.

👉 Frontender's notes

React 19: логика отдельно, разметка отдельно — тесты с Shallowly и Vitest

Материал разбирает профильную панель: логика и подготовка данных переезжают в useSetup[Component], а в компоненте остаётся лишь разметка. Проверки потом разводят по разным углам: setup-хук сам по себе, компонент через Shallowly, взаимодействие через React Testing Library.

Под конец — цельный пример на Vitest: забирай и запускай.

Читать далее

👉 Frontender's notes