О Вебе | ex. 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

Блоки, Шопен и WebAudio: как автор скрестил головоломку с музыкой

Человек пилит Blocturne — блок-головоломку под Telegram. Механика до боли знакомая, как в Block Blast: сетка 8×8, в лотке лежат три фигуры, складываешь ряды и столбцы. Сверху накручен подсчёт в духе Balatro: фишки перемножаются на множитель, а между раундами подкидывают лавку с предметами.

Но самое интересное в статье — звук. Автор возился с ним дольше, чем со всей остальной требухой. Отсюда в заголовке и Шопен, и WebAudio.

👉 Frontender's notes

Попап расширения Chrome грузился 89 секунд. Серьёзно, почти полторы минуты

Бывает так, что расширение Chrome само себя загоняет в бесконечные циклы и начинает тормозить. В статье автор разбирается, почему pop-up внутреннего расширения вёл себя максимально странно.

Когда причины нашлись, он прогнал кучу оптимизаций и вдобавок собрал чек-лист проверок, которые стоит прогонять перед тем, как выкатывать новое расширение Chrome в люди.

Читать далее

👉 Frontender's notes

Дельты, Jinja и HTML в сводных таблицах SuperSet

В SuperSet шестой версии подвезли HTML прямо в метриках и измерениях сводных таблиц. Для BI-разработчиков это заметно развязало руки в плане форматирования таблиц.

В статье разбирают, как собрать сводную таблицу, которая переключает периоды и показывает аккуратную дельту.

Читать далее

👉 Frontender's notes