Frontend-developer

Транснефть-Технологии — крупнейшая дочерняя компания ПАО «Транснефть»
В составе команды занимался разработкой высоконагруженных SPA и административных
веб-приложений для подразделений АСУТП, HR, финансов, ИТ и производственных служб.
Ключевые результаты:
1. Спроектировал масштабируемую frontend-архитектуру корпоративных SPA на Vue 3
(Composition API), выделив бизнес-логику в composables и независимые модули. Внедрил
централизованное управление состоянием через Pinia с четким разделением на stores для
бизнес-логики, пользовательских данных и сервисов доступа к API. Это позволило сократить
время разработки новых функциональных модулей, обеспечить предсказуемость и
тестируемость кода, а также унифицировать архитектурный подход во всех проектах.
2. Разработал и внедрил с нуля 8 корпоративных информационных систем, объединенных в
единую цифровую экосистему. Создал централизованную платформу, агрегирующую данные
из 8 источников (АСУТП, HR, финансы, промышленная безопасность, документооборот,
ИТ-инфраструктура), что позволило ускорить обработку жизненного цикла документов и
сократить время согласования на 40%. Автоматизировал ежедневные операции более 500
сотрудников предприятия.
3. Инициировал переход с чистого Vue 3 на Nuxt 3 для новых проектов, обосновав это
преимуществами: встроенный роутинг на файловой системе, серверные middleware,
автоматический code-splitting и поддержка гибридного рендеринга.
Резюме обновлено 18 августа 2026 в 08:12
4. Провел комплексную миграцию 20 000+ строк кода с Vue 2, Vuex на Vue 3, Pinia с полным
переходом на Composition API и TypeScript. В рамках этого проекта оптимизировал
производительность SPA: внедрил lazy-loading маршрутов и компонентов, сократил количество
лишних перерендеров за счет грамотного использования computed и watch, применил
code-splitting и динамические импорты. В результате время первоначальной загрузки
ключевых экранов уменьшилось на 25–30%, а производительность приложений в целом
выросла на 20%.
5. Интегрировал и настроил ролевую модель доступа на базе Keycloak и Active Directory,
разграничив права для более чем 500 сотрудников предприятия на уровне маршрутов,
компонентов и API-запросов. Обеспечил защиту данных и соответствие внутренним
стандартам информационной безопасности.
6. Разработал и поддерживал единую библиотеку переиспользуемых UI-компонентов и
шаблонов интерфейсов с документированием через Storybook. Внедрил дизайн-систему на
основе Vuetify и SCSS, что сократило время разработки новых систем на 40%, обеспечило
единообразие пользовательского опыта и упростило поддержку проектов.
7. Спроектировал единый слой взаимодействия с REST API с обработкой ошибок, JWT-interceptors
и типизированными моделями данных, что сократило дублирование кода и унифицировало
работу с API во всех проектах.
8. Реализовал компоненты для отображения данных в реальном времени через WebSocket
(уведомления, обновление статусов задач, обновление маршрутов), повысив оперативность
работы пользователей и сократив время реакции на изменения в системах на 30%.
9. Активно участвовал в code review, внедрял и контролировал соблюдение стандартов.
Участвовал в автоматизации сборки и деплоя через Vite, Docker и GitLab CI/CD, сократив время
поставки релизов на 20%.
10. В процессе разработки активно применял E2E-тестирование на Cypress для проверки
ключевых пользовательских сценариев: авторизация через Keycloak, создание и согласование
документов, работа с маршрутами и уведомлениями в реальном времени. Регулярное
написание и поддержка тестов позволяли минимизировать регрессии, ускорить обратную
связь по качеству кода и гарантировать стабильность систем при каждом релизе.
Стек: Vue 3, Vue 2, Nuxt, TypeScript, JavaScript (ES6+), Composition API, Pinia, Vue Router, REST API,
WebSocket, Java Spring Boot, PostgreSQL, Keycloak, Active Directory, Vuetify, HTML5, CSS3, SCSS,
TailwindCSS, Git, GitLab, Vite, npm, Figma, Docker, CI/CD.
Методологии:
Scrum, Git Flow, Code Review, Jira

ИЦСБ — компания, занимающаяся разработкой корпоративных информационных систем и
решений в области информационной безопасности.
Работал в команде над платформой управления инцидентами Hive — внутренней системой
мониторинга и обработки инцидентов.
Разрабатывал клиентскую часть платформы онлайн-записи и управления тренировками.
Ключевые результаты и достижения:
1. Разработал универсальную систему динамических форм на основе JSON-конфигураций с
поддержкой условного отображения полей, валидации, кастомных компонентов и повторного
использования бизнес-логики. Сократил ошибки валидации в формах до 0.
2. Реализовал обмен данными через WebSocket, обеспечив мгновенное отображение новых
инцидентов и изменений статусов без полной перезагрузки страницы.
3. Построил систему маршрутизации на Vue Router с динамической загрузкой модулей,
проверкой ролей пользователей и защитой маршрутов через route guards.
4. Разработал переиспользуемые UI-компоненты на Vue 3 и Composition API, сократив объем
дублируемого кода между функциональными модулями в 2 раза.
5. Настроил централизованное управление состоянием приложения через Pinia, разделив
пользовательские данные, бизнес-логику и сервисы взаимодействия с REST API.
6. Участвовал в проектировании REST API совместно с backend-разработчиками, согласовывал
контракты запросов и моделей данных.
Стек: TypeScript, Vue 3 (Composition API), Pinia, Vue Router (route guards), Vuetify, WebSocket,
HTML5, SCSS, Figma, Jira.