Опыт работы

Опыт: сложный frontend от архитектуры до релиза

С 2018 года проектирую frontend для продуктовых и корпоративных систем на Vue и Nuxt: MES, CRM, порталы, административные интерфейсы, большие объёмы данных и real-time. До этого восемь лет собирал сайты целиком и много писал на чистом JavaScript.

Что приношу в проект

Архитектура продукта

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

Интерфейсы для данных

Собираю таблицы, фильтры, формы, дашборды, журналы событий и real-time-мониторинг. Виртуализация, понятные состояния и управление потоком данных держат экран быстрым при росте объёма.

Браузер и производительность

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

Команда и поставка

Декомпозирую и оцениваю задачи, провожу ревью, помогаю разработчикам и синхронизирую решения с backend, дизайном и QA. При необходимости могу вести frontend-зону самостоятельно.

Где работал

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

  1. · 1 год 7 месяцев

    Ведущий программист

    Центр открытых разработок

    Внутренняя MES-система контроля качества и сквозной прослеживаемости для электронного производства: тестирование и мониторинг на этапах SMT-монтажа и сборки серверов, цифровой след изделий, дефекты, стык с ERP/1С.

    • Спроектировал и собрал архитектуру фронтенда на Vue 3, Composition API, TypeScript, Pinia и Vite.
    • Отвечал за часть серверной логики на Django REST Framework: REST API, авторизация и интеграция с корпоративной инфраструктурой.
    • Собрал TeamSpace — рабочее пространство с каналами на Vue, NestJS и PostgreSQL, сообщения через WebSocket, разграничение прав.
    • Поднял производительность примерно на 30% за счёт виртуализации списков и ленивой загрузки.
    • Собрал внутреннюю UI-библиотеку по макетам Figma — новые экраны стали выходить быстрее.
    • Интерактивный конструктор OCP-стоек ускорил сбор заказов отделом продаж примерно вдвое; интерфейс со сканером штрих-кода сократил обработку плат и узлов примерно наполовину.
    • Real-time статусы тестов, логи и состояние стендов — по WebSocket. Ключевые модули покрыл юнит-тестами.

    Стек Vue, TypeScript, Pinia, Vite, Vitest, SCSS, Tailwind, WebSocket, REST, Django REST, NestJS, PostgreSQL, Docker.

  2. · 1 год 5 месяцев

    Главный специалист–программист

    URSiP

    Корпоративные порталы и информационные системы для государственных организаций, в том числе НИАЦ и МГЭ.

    • Модуль интерактивной визуализации и анализа 3D-моделей IFC на Three.js и ifc.js.
    • Участвовал в проектировании микрофронтенд-архитектуры и стыке модулей.
    • REST API и авторизация на Django REST Framework для фронтенд-модулей.
    • Убрал критические утечки памяти в 3D — падений стало примерно на 40% меньше; virtual scroll и lazy loading ускорили интерфейс примерно на 35%.
    • UI-библиотека на Histoire, юнит-тесты ключевых модулей до покрытия около 85%, ревью, оценка задач, Swagger, локальная среда на Docker Compose.

    Стек Vue, TypeScript, Pinia, Vite, Three.js, ifc.js, микрофронтенды, Jest, WebSocket, REST, Django REST, Docker.

  3. · 6 месяцев

    Ведущий программист

    Научный центр «Автоматизированные системы управления» при МЭИ

    Защищённый портал для МВД в закрытом контуре: архитектура фронтенда, качество кода, CRM-модуль.

    • Ядро CRM: роли, workflows, интерактивные дашборды на Vue, с типизацией на TypeScript.
    • Генератор динамических форм по JSON — новые поля стали выходить существенно быстрее.
    • Рефакторинг legacy, кросс-браузерность, в том числе в закрытом контуре.
    • На сервере — REST API и бизнес-логика портала на PHP / Laravel и PostgreSQL.

    Стек Vue, TypeScript, Vuex, Webpack, Element Plus, REST, Laravel, PHP, PostgreSQL.

  4. · 4 месяца

    Ведущий программист веб-приложений

    ООО «Фавор ИТ»

    Интернет-магазин: архитектура и рефакторинг частей приложения на Vue.js, точка входа по фронтенду для смежных команд.

    • Код-ревью, декомпозиция и оценка задач, участие в планировании спринтов.
    • Технические приоритеты в своей зоне: новый функционал рядом с улучшением кодовой базы, а не вместо неё.

    Стек Vue 2/3, JavaScript, Vuex, Webpack, REST, WebSocket, SASS.

  5. · 3 года

    Веб-разработчик

    Фриланс

    Коммерческие приложения под ключ: экран на Vue и Nuxt, API на Django REST и Express, публикация.

    • Skylove — публичный сайт на Nuxt.js и админ-панель на Vue.
    • Deseo Denim — витрина и магазин на Nuxt с нуля.
    • Несколько проектов, где собирал и интерфейс, и API, и деплой — без отдельной «роли на каждый слой».

    Стек Vue, Nuxt, JavaScript, Django REST, Express, Node.js, REST, WebSocket, JWT, Docker.

  6. · 8 лет

    Сайты, витрины, поисковая оптимизация

    ЭТАЛОНДЖИНС, дилер Kaleva

    Раньше: интернет-магазин и сайт компании с нуля — дизайн, вёрстка, CMS, публикация, базовая SEO-оптимизация и аналитика. Отсюда привычка думать про индекс, скорость и смысл страницы, а не только про компонент.

    • Кастомные шаблоны Joomla и VirtueMart, адаптив, JavaScript и jQuery, калькулятор стоимости услуг.
    • Технический аудит, семантическая вёрстка, микроразметка Schema.org, Метрика, Analytics, Вебмастер и Search Console.

    Стек JavaScript, HTML, CSS, PHP, Joomla, SEO, веб-аналитика.

Образование

высшее

МГТУ им. Н.Э. Баумана, Москва

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

Навыки

Инструменты и инженерные области, с которыми могу решать задачу без привязки к одной библиотеке.

  • JavaScript / Web APIs
  • TypeScript
  • Vue 2/3 / Nuxt
  • SPA / SSR
  • Управление состоянием
  • REST / WebSocket
  • Сложные данные и real-time
  • Карты / видео / 3D
  • Дизайн-системы / доступность
  • Производительность / Core Web Vitals
  • Тестирование / code review
  • Сборка и поставка
  • Node.js / NestJS / Express
  • Django REST
  • PostgreSQL
  • Docker / Git
  • AI-инструменты / MCP
  • Наставничество

Леонид Твердохлебов

Frontend-разработчик Vue и Nuxt, с типизацией на TypeScript. Архитектура, производительность и сложные продуктовые интерфейсы — от данных до релиза.

Обратная связь

  • GitHub

© 2026 Леонид Твердохлебов