Заметки разработчика

Статьи

JavaScriptNodeJSпонедельник, 6 апреля 2026 г. в 08:13

Проксирование fetch() в серверном JavaScript

Проксирование fetch() в серверном JavaScript выглядит по-разному в Node.js, Deno, Bun и Cloudflare Workers — потому что спецификация Fetch эту возможность не определяет. Вместо очередного перебора примеров кода: таблица сравнения сред, сценарии «простой прокси за минуту» против «гибкости с undici», архитектурные компромиссы для Workers и чек-лист проверки, действительно ли трафик пошёл через прокси. Прочитайте эту статью, чтобы не копировать первый попавшийся рецепт, а осознанно выбрать решение под вашу задачу.

DevOpsToolsчетверг, 2 апреля 2026 г. в 08:23

Taskfile: Когда пора отказаться от Makefile

Makefile остаётся стандартом автоматизации уже почти 50 лет, но Taskfile предлагает иную модель: декларативную, самодокументируемую, кросс-платформенную. Разбираем, в каких сценариях Taskfile действительно упрощает жизнь, а когда Makefile остаётся лучшим выбором. Примеры для Node.js, Docker, Kubernetes, циклы, матрицы, интерактивные сценарии — и три стратегии внедрения без риска.

FrontendHTMLсреда, 1 апреля 2026 г. в 08:20

Практическое руководство по элементу img

Элемент <img> кажется простым, но его неправильное использование — одна из частых причин проблем с производительностью: смещение макета, загрузка тяжёлых изображений на мобильные устройства, медленный LCP. Руководство объясняет, как и почему браузер работает с изображениями: от указания размеров и адаптивности через srcset с sizes до современных форматов в <picture>, управления приоритетами загрузки и стратегий для LCP с предварительной загрузкой.

DatabasePostgreSQLSQLсреда, 18 марта 2026 г. в 08:10

Приёмы работы с PostgreSQL, меняющие архитектуру решений

PostgreSQL часто воспринимают как пассивное хранилище, хотя его возможности позволяют пересмотреть архитектуру приложения. Ограничения схемы (EXCLUDE, GENERATED) берут на себя проверки целостности. Выразительные средства языка (DISTINCT ON, FILTER, рекурсивные CTE) делают запросы компактнее. А выбор между JSONB и композитными типами открывает разные пути моделирования данных — от полной гибкости до строгой схемы.

BackendLaravelTDDпятница, 13 марта 2026 г. в 08:49

Как сделать Laravel-контроллер тестируемым

Если вы пишете тесты в Laravel, но чувствуете, что они какие-то формальные — проверяют статусы, но не логику — этот текст для вас. Разбираем один приём, после которого ваши тесты начнут находить проблемы, а не просто проходить.

BackendEloquentLaravelпонедельник, 9 марта 2026 г. в 08:08

Мягкое удаление (Soft Delete) в Laravel: Полное руководство

Представьте, что пользователь случайно удалил важную запись в блоге. Или администратор очистил таблицу с данными, которые нужны для квартального отчёта. В обычной ситуации эти данные исчезли бы навсегда.

CSSFrontendпятница, 6 марта 2026 г. в 08:59

Понижаем приоритет группы CSS-правил с помощью @layer

Вы, вероятно, уже знаете, что можно использовать :where() для снижения специфичности одного селектора, но знали ли вы, что можно добиться аналогичного эффекта сразу для нескольких правил?

a11yFrontendHTMLчетверг, 5 марта 2026 г. в 08:08

Атрибут alt и figcaption: в чём разница и что использовать

Чем отличается описательный текст атрибута alt изображения от подписи figcaption, которая размещается в элементе <figure>?

FrontendHTMLJavaScriptсреда, 4 марта 2026 г. в 08:20

Атрибуты и свойства HTML: в чём разница

Атрибуты и свойства HTML-элементов часто путают, но их различие напрямую влияет на работу с формами и динамическим контентом. Разбираемся, почему input.value и getAttribute('value') возвращают разные значения и как писать надёжный код.

JavaScriptвторник, 3 марта 2026 г. в 08:03

URL Pattern API: Маршрутизация в JavaScript

URL Pattern API — это как регулярные выражения для адресной строки, только проще. Разбираем синтаксис, три главных метода и сценарии использования: от умного кэширования в Service Worker до роутинга на сервере.

DevOpsNodeJSпонедельник, 2 марта 2026 г. в 08:52

Настройка доверенной публикации в npm: пошаговая инструкция

В связи с участившимися атаками на цепочки поставок и последовавшим отзывом долгоживущих npm-токенов, разработчикам необходимо перейти на механизм доверенной публикации (trusted publishing). Официальная документация npm описывает общие принципы работы, на практике процесс настройки содержит ряд неочевидных требований. В статье рассмотрены шаги для настройки доверенной публикации через GitHub Actions, включая конфигурацию пакета, права доступа и корректные параметры публикации, а также разобраны типичные ошибки и способы их устранения.

BackendPHPпятница, 27 февраля 2026 г. в 08:02

Чистое API для чтения PHP-атрибутов

Большинство разработчиков даже не подозревают, сколько строк кода они пишут каждый раз, когда читают атрибуты. Reflection API заставляет повторять одни и те же конструкции в каждом проекте. Но есть способ сократить этот код на 80% без потери гибкости.

BackendPHPчетверг, 26 февраля 2026 г. в 08:24

Руководство по стилю объектного проектирования для PHP 8.5

Хватит писать тонны геттеров и сеттеров! Это руководство по стилю объектного проектирования покажет, как принципы Маттиаса Нобака реализуются в PHP 8.5. Readonly-классы, property hooks, clone with, pipe-оператор и другие возможности для чистого кода без бойлерплейта. Примеры и полный гайд.

JavaScriptсреда, 25 февраля 2026 г. в 08:16

JavaScript: передаём параметры в addEventListener правильно

Слушатели событий необходимы для интерактивности в JavaScript, но они могут незаметно вызывать утечки памяти, если их не удалить надлежащим образом. А что, если слушателю событий нужны параметры? Вот тут-то и начинается самое интересное. Рассмотрим, какие функции JavaScript делают обработку параметров с помощью обработчиков событий возможной и хорошо поддерживаемой.

JavaScriptвторник, 24 февраля 2026 г. в 08:43

Итераторы в JavaScript: подробное руководство

Чем отличается итерируемый объект от итератора? Как работают Symbol.iterator, next(), for...of? Создание своих итераторов и ленивые вычисления. С примерами кода и ссылками на смежные статьи.

a11yCSSFrontendпонедельник, 23 февраля 2026 г. в 08:43

Fluid-типографика: создание адаптивных и доступных текстов

Адаптивная типографика — это не просто "сделать текст плавным". Это умение балансировать между красивой адаптивностью и уважением к пользователю. В этом руководстве мы разберём, как создать систему, которая подстраивается под любой экран, учитывает личные настройки и проходит проверку на доступность (WCAG). Никакой воды — только код, объяснения и готовые шаблоны.

JavaScriptпятница, 20 февраля 2026 г. в 08:26

JSDoc на практике: настройка проверки типов в JavaScript

Переходим от теории к практике. Разберём реальный кейс: как разработчик Крис Фердинанди добавил проверку типов в свой UI-кит Kelp, используя JSDoc и TypeScript Compiler, но без единого .ts файла. Рассмотрим пошаговую настройку окружения, основные приёмы типизации переменных, функций и DOM-элементов, создание собственных типов с @typedef, а также следующие шаги — от автоматической проверки в CI до генерации .d.ts файлов. Все примеры адаптированы для самостоятельного повторения.

CSSFrontendJavaScriptчетверг, 19 февраля 2026 г. в 08:15

Как писать CSS с @scope

В декабре 2025 года в CSS произошло событие, которое сложно переоценить: последний из основных браузеров — Firefox 146 — добавил поддержку правила @scope. Это означает, что технология получила статус Baseline Newly Available и готова к промышленному использованию во всех современных браузерах без исключений.

a11yCSSFrontendHTMLJavaScriptсреда, 18 февраля 2026 г. в 08:48

Модальное окно или диалог: как выбрать и не сломать доступность

Путаница в терминах и непонимание разницы между модальным и обычным диалогом — частая причина плохого UX и проблем с доступностью. Разбираемся в типах компонентов, даём готовые критерии выбора и чек-лист для внедрения.

CSSFrontendвторник, 17 февраля 2026 г. в 08:46

Интеграция каскадных слоёв в существующий проект

Каскадные слои CSS (@layer) предоставляют эффективный механизм управления специфичностью и порядком применения стилей. Однако существующие материалы обычно демонстрируют их использование на новых проектах, тогда как большинство разработчиков работает с унаследованной кодовой базой. В статье на примере реального сайта рассматривается пошаговая стратегия внедрения Cascade Layers в существующий проект: от подготовительного рефакторинга до построения финальной архитектуры слоёв и решения сложных вопросов, возникающих в процессе миграции.