Архитектура
Декомпозиция, потоки данных, состояние, маршруты, контракт с API и дизайн-система. Выбираю границы, которые упрощают следующий этап развития продукта, а не только сегодняшнюю задачу.
Frontend-разработчик· JavaScript / Vue / Nuxt / TypeScript
ЛеонидТвердохлебов
Проектирую и собираю сложные веб-продукты на Vue и Nuxt, с типизацией на TypeScript. Беру на себя архитектуру, производительность и весь клиентский контур — от модели данных до релиза.
Кратко
Frontend, на котором можно строить и развивать продукт
Собираю интерфейс как систему: понимаю бизнес-сценарий, проектирую модель данных и состояния, согласую контракт API, довожу функцию до продакшена и проверяю её на реальных сценариях. Vue и Nuxt — основные инструменты, но решения начинаются не с фреймворка.
Производительность
Первый HTML, гидрация, сеть, бандлы, длинные списки и тяжёлая графика. Профилирую узкое место и уменьшаю реальную задержку, а не оптимизирую по ощущению.
Закрываю весь клиентский контур: роли и права, формы и сложные таблицы, поиск и фильтры, дашборды и журналы, real-time, карты, видео и 3D, интеграции с API. Компонентная система, доступность, безопасность и тесты входят в задачу сразу, а не добавляются после релиза.
Как я работаю
Держу фронтенд целиком, а не отдельный компонент
Могу самостоятельно взять функцию от постановки до релиза или встроиться в продуктовую команду — с продактом, дизайном, backend и QA. В обоих случаях отвечаю не за количество кода, а за работающий сценарий.
Функция целиком
Уточняю сценарии и ограничения, разбираю права, пустые состояния и ошибки, согласую контракт API. Довожу решение от макета до релиза и проверки результата.
Данные и сложные экраны
Таблицы с сортировкой, фильтрами и виртуализацией, дашборды, журналы, формы по схеме, real-time и большие объёмы данных. Интерфейс остаётся читаемым и быстрым.
Браузер и качество
DOM, сеть, кэш, доступность, адаптивность и кросс-браузерность. Учитываю авторизацию и разграничение прав; типы, тесты и профилирование поддерживают решение, но не заменяют понимание платформы.
Один или в команде
Могу собрать решение самостоятельно, а в команде — обсуждать архитектуру, проводить ревью и синхронизироваться со смежными специалистами. При необходимости помогаю разработчикам с кодовой базой, декомпозицией и отладкой.
AI в разработке
AI ускоряет цикл, но инженерная ответственность остаётся у меня
Использую Cursor с Claude и другими моделями для исследования кодовой базы, сравнения решений, рефакторинга, тестов, документации и разбора ошибок. Сгенерированный код проходит проверку типов, линтинг, тесты, ревью и проверку в браузере — как и написанный вручную.
Контекст вместо автодополнения
Формулирую задачу с ограничениями проекта, передаю правила и нужные участки кода, прошу сравнить варианты и проверить допущения. Так AI помогает на уровне функции и системы, а не только следующей строки.
Внутренние инструменты через MCP и API
Могу подключить документацию, трекер, схемы API, базы знаний и CI через MCP-серверы или прямые API-интеграции. По умолчанию — минимальные права и чтение; запись требует явного подтверждения и аудита действий.
Закрытый контур и данные
Если внешняя передача запрещена, подходит только локальная или одобренная модель, развёрнутая внутри контура. Если облачная обработка разрешена политикой компании, шлюз или private endpoint должны контролировать передачу, хранение и журналирование.
Проверка результата
Не принимаю ответ модели как доказательство. Проверяю архитектуру, типы, крайние сценарии, производительность и безопасность; где возможно — закрепляю результат автоматическими тестами.
JavaScript
Не ограничиваюсь фреймворком
Vue и Nuxt — основной стек, но когда задача не требует фреймворка, пишу на чистом JavaScript, с типизацией на TypeScript: от небольшого виджета до модуля, который работает напрямую с DOM, сетью и браузерными API.
Язык и типы
Области видимости, замыкания, прототипы, this, модули и память. Строю понятную модель данных, а TypeScript закрепляет её на границах компонентов и API.
Асинхронность и сеть
Event loop, микрозадачи, Promise, fetch, AbortController, WebSocket, гонки и отмена запросов. Проектирую состояния загрузки и ошибок до того, как они проявятся у пользователя.
DOM и отрисовка
События, формы, фокус, обновление DOM, измерение геометрии и предотвращение forced reflow. Профилирую layout, paint, compositing и пользовательские метрики в браузере.
Чистый JavaScript
Могу собрать интерактивность без Vue: ES-модули, Web APIs, состояние и жизненный цикл вручную. Использую это там, где отдельное приложение было бы лишним весом.
Стек
Основа — JavaScript, TypeScript, Vue и Nuxt, SPA/SSR. Данные — REST, WebSocket, Pinia и Vuex. Поставка и качество — Vite, Webpack, Vitest/Jest, i18n, адаптивная вёрстка и производительность. Для специальных интерфейсов — карты, медиа и WebGL.
Серверная часть
Работаю и по другую сторону контракта: Django REST, NestJS, Node.js, Express, PostgreSQL и Docker. Не подменяю backend-роль, но могу спроектировать API, разобраться в авторизации и довести функцию через весь стек.
Дальше