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

Заметки о Frontend, Backend и немного DevOps. В основном о PHP, Laravel, JavaScript, CSS, тестировании кода и настройке серверов.

FrontendHTMLJavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS `@scope`: Как изолировать стили без BEM и Tailwind

Вы всё ещё пишете block__element--modifier? Или смирились с тысячами утилит в HTML? @scope позволяет оставить и классы, и утилиты, но забыть о войнах специфичности. Вот 3 сценария, где @scope меняет правила игры, и точный план внедрения в ваш проект.
BackendComposerPHP

Управление зависимостями PHP с Composer

Управление зависимостями — это фундамент любого современного проекта на PHP. Попытка вручную скачивать, обновлять и следить за совместимостью десятков библиотек для аутентификации, работы с базой данных или логирования быстро превращается в хаос. Конфликты версий, проблемы с безопасностью и «поломка» проекта при обновлении — знакомые боли большинства разработчиков.
GitTools

Выбор стратегии ветвления Git

Стратегия ветвления в Git — это не догма, а рабочий инструмент, который должен соответствовать вашим процессам. Я сталкивался с командами, где подход к ветвлению становился предметом острых споров: сторонники классического Git Flow создавали многоуровневые процессы, а приверженцы Trunk-Based Development выступали за максимальную простоту. При этом многие коллективы работают вовсе без чёткого плана, что со временем приводит к хаосу.
BackendPHP

Лицензионный аудит зависимостей

Использование сторонних библиотек в PHP ускоряет разработку, но скрывает юридические риски. Лицензионный аудит зависимостей — обязательная практика для защиты проекта. В этом руководстве вы найдёте пошаговый план по интеграции автоматизированных проверок в CI/CD, классификацию рисков и готовые скрипты для немедленного внедрения.
DevOpsSecurity

Ошибки безопасности VPS

Безопасность VPS — обязательный первый шаг. Реальный эксперимент показал сотни попыток взлома в первый час работы нового сервера. Готовые решения для Ubuntu: закрыть доступ root, настроить SSH-ключи, включить фаервол UFW, защититься от брутфорса через Fail2ban и настроить автономные бэкапы. Начните с чек-листа на 10 минут, затем перейдите к детальной настройке для долговременной защиты.
DevOpsdocker

Безопасность Docker: 11 шагов для защиты контейнеров на практике

Взлом контейнера Docker — это реальная угроза, которая уже привела к утечкам данных и криптомайнингу. Чаще всего проблема возникает не из-за сложности, а из-за пренебрежения базовыми мерами безопасности. В этом практическом руководстве мы разберём ключевые шаги по защите Docker-контейнеров на основе анализа реальных инцидентов: от запуска без прав root до изоляции и автоматического сканирования образов.
DevOpsnginx

Директива location в Nginx: Руководство с примерами

Директива location — основной механизм маршрутизации в Nginx, от правильной настройки которого зависит доступность сайта, безопасность и производительность. Непонимание работы location приводит к ошибкам 404, некорректной работе API и уязвимостям. В этом полном руководстве разбираем синтаксис, алгоритм выбора и практические примеры для любых задач.