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

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

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 и уязвимостям. В этом полном руководстве разбираем синтаксис, алгоритм выбора и практические примеры для любых задач.
JavaScript

Symbol.iterator: управление spread-синтаксисом JavaScript

Symbol.iterator — это не просто «ещё один символ» в JavaScript. Это ключ, который позволяет вам сказать языку, как именно ваш объект должен вести себя в таких фундаментальных операциях, как цикл for...of или синтаксис spread (...). На практике это даёт удивительную возможность: создавать объекты, которые могут быть одновременно и структурированными хранилищами данных с именованными свойствами, и коллекциями, готовыми к «разворачиванию» в аргументы функции. В статье мы разберём, как с помощью Symbol.iterator решить классическую дилемму «объект или массив» на конкретном примере из реальной задачи.
JavaScriptNodeJS

Асинхронные циклы в JavaScript: как избежать ловушек

Запускаете три независимых API-запроса в цикле, а они выполняются друг за другом, заставляя пользователя ждать втрое дольше. Или получаете массив [Promise, Promise, Promise] вместо ожидаемых данных. Всё дело в том, как вы используете await, map и forEach.
JavaScriptReact

React изменился, хуки тоже должны измениться

В 2026 году React продолжает эволюционировать. Узнайте, как перейти от злоупотребления useEffect к современным паттернам хуков, которые делают код чище, уменьшают ошибки и готовят ваше приложение к будущему.
GulpJavaScriptNodeJS

Файловые потоки: Vinyl и vinyl-fs в основе Gulp

Сила современного Gulp — не в сборке фронтенда, а в автоматизации через потоки файлов. В основе — объект Vinyl и движок vinyl-fs. Эта статья — разбор этих технологий, сценарии применения и замена устаревшего passthrough на актуальные паттерны.
BackendPHP

PSR-20 Clock: Тестируемое время в PHP

Представьте: вы пушите код, и в CI падает unit-тест из-за расхождения в одну секунду. Знакомая проблема? В основе лежит зависимость от системного времени. В этой статье разберём, как стандарт PSR-20 Clock решает эту проблему, делая ваши PHP-тесты стабильными и предсказуемыми.