Frontend-разработчик Angular — Москва, 5 лет опыта

Российская компания • Информационные технологии • 2 года

• •• Руководил разработкой в продуктовой компании в сфере цифровых медиа (DOOH). Экосистема продуктов использовалась клиентами в нескольких странах — крупная сеть экранов и билбордов в десятках городов, ежемесячный охват аудитории миллионами пользователей. Продукты: показ рекламы на медиа-площадках, документооборот и бизнес-процессы, контекстный таргетинг, движок отображения контента. • Разрабатывал B2B CRM/ERP-платформу для автоматизации документооборота — модули сделок и коммерческих предложений, BPMN-редактор бизнес-процессов, справочники и клиентская база, сеть независимых виджетов бронирования. • Работал в кросс-функциональной команде по методологии Scrum. • Использовал технологический стек: Angular, TypeScript, JavaScript, RxJS, Signals, NgRx, Taiga UI, Microfrontends, REST API, GitLab, CI/CD, Git, Webpack, HTML5. • Спроектировал архитектуру виджетов (Microfrontends): разработал multi-widget архитектуру на Angular Elements для дистрибуции виджетов бронирования на сторонние платформы. Изолировал через Web Components (Shadow DOM, createApplication + createCustomElement) — исключил конфликты со стилями/скриптами поверх любых клиентских стеков (Bootstrap, CSS-in-JS, Styled Components, CSS Modules). Внедрил версионирование виджетов — несколько версий сосуществуют у разных партнеров без кардинальных изменений. Развернуто у нескольких ключевых клиентов без единого инцидента конфликта с окружением хоста. • Оптимизировал производительность (Zone-less): перевел приложение на Zoneless-архитектуру Angular (без Zone.js), уменьшив размер бандла и значительно ускорив время загрузки интерфейса — пользователи стали быстрее получать готовое к работе приложение (TTI). • Развивал ядро ERP и UI: развивал центральные модули для обработки сделок и коммерческих предложений. Интегрировал BPMN-редактор (bpmn-js/diagram-js/form-js), что позволило аналитикам и менеджерам самостоятельно моделировать бизнес-процессы без привлечения команды разработки. Реализовывал UI по макетам Figma, разрабатывал кастомные обертки поверх Taiga UI и сложные реализации ControlValueAccessor. • Обеспечил безопасность финансовых данных: в модуле сделок переработал расчет суммы предложения по выбранным экранам с поддержкой мультивалютности. Итоговая сумма стала пересчитываться на бэкенде при каждом изменении состава экранов или валюты вместо агрегации на клиенте — это исключило расхождения из-за особенностей арифметики с плавающей точкой в JS, сумма сделки имеет единый источник истины. • Реализовал кросс-продуктовую интеграцию: настроил агрегацию данных из внешних REST/HTTP API смежных продуктов, чтобы отображать сводную информацию в едином интерфейсе CRM — заменил переключение между несколькими вкладками на единый экран, сократив количество кликов пользователя для получения полной картины по клиенту. • Улучшил frontend-инфраструктуру: провел обновление legacy-конфигурации ESLint/Prettier по актуальным стандартам, каталогизировал UI-компоненты в Storybook (ранее отсутствовавший UI-kit), контейнеризировал сборочное окружение (Docker) и доработал существующие CI/CD-пайплайны в GitLab. В результате чего сократилось время онбординга новых разработчиков за счет документированного UI-kit, снизилось число замечаний по стилю кода в code review, ускорилась и стала стабильнее сборка/деплой значительно. • Стандартизировал безопасность и API-контракты: согласовал API-контракты (REST) с backend-командой через OpenAPI/Swagger-спецификацию (JSON Schema), настроил генерацию типизированных клиентов и моков на ее основе. Это позволило вести разработку параллельно с бэкендом без ожидания готового API, снизить интеграционные ошибки за счет единого источника правды по контракту. • Повысил доступность интерфейсов: реализовал Accessibility (a11y) для встраиваемых SPA-виджетов — клавиатурная навигация, ARIA-роли/атрибуты для скринридеров, адаптивная верстка. Повысил Lighthouse Accessibility Score до высоких показателей. Для рендеринга BPMN-диаграмм использовал Canvas — обеспечил плавный зум и перетаскивание крупных схем со стабильными 60 FPS вместо просадок. • Организовал менторинг: выстроил систему обмена знаниями во frontend-команде: создал внутреннюю базу знаний с практиками работы с Taiga UI, code style, компонентный подход и naming conventions — заменил хаотичный онбординг понятным треком. Ввел регулярные технические синки с ротацией докладчика из команды. В код-ревью закрепил практику обоснования решений ссылками на документацию и внутренние договоренности. • Участвовал в найме: участвовал в найме frontend-разработчиков в роли технического эксперта: провел ряд технических собеседований, по итогам которых наняты несколько специалистов уровня Middle+/Senior, успешно работающих в команде длительное время.

Международная компания • Информационные технологии • 2 года 7 мес.

• •• Работал в крупной международной технологической компании, специализирующейся на разработке цифровых продуктов и IT-решений для бизнеса и государственных организаций. Предоставлял услуги технологического аутсорсинга и выделенных команд разработки, включая заказные проекты для различных организаций. Реализовано сотни проектов, обслуживается широкая клиентская база, работала команда специалистов по разработке и консалтингу. Основные направления: web/mobile development, digital transformation, ERP, AI & automation, BI и telecom. ▶ Проект 1: B2B образовательная экосистема на стыке LMS/ERP — комплексная автоматизация учебного процесса с ролевой моделью для администраторов, преподавателей и студентов. Клиентская база проекта: образовательные учреждения и частные специалисты, учебные центры. ▸ Команда: небольшая кросс-функциональная команда. Работа велась по Scrum. ▸ Стек: Angular, Angular SSR, TypeScript, JavaScript, RxJS, NgRx, Signals, Angular Material, Node.js, Nest.js, Nx, Monorepo, GitHub, REST API, WebSocket, JWT, RBAC, Jest, Playwright, HTML, CSS3, Vite. ▸ Задачи и достижения: • Организовал работу с монорепозиторием (Nx): Мигрировал frontend и BFF из раздельных репозиториев в единый Nx workspace, введя единый источник типов для контрактов между ними и изолировав домены через теги и enforce-module-boundaries. Устранил расхождения контрактов из-за ручной синхронизации, обеспечил команде видимость зависимостей между проектами. Сборка и деплой остались независимыми — nx affected пересобирает только измененное, что убрало дублирование CI-конфигурации и ускорило пайплайн. • Выполнял миграцию и оптимизацию состояний: Выполнял миграцию экосистемы на Angular 18, устранив техдолг устаревшей версии и открыв доступ к актуальным возможностям фреймворка. Спроектировал гибридную схему хранения данных — глобальные бизнес-данные на NgRx с мемоизацией селекторов, локальное состояние компонентов на Signals. Время отклика UI на страницах с большим объемом данных (таблицы, списки) значительно сократилось за счет снижения количества циклов change detection. Объем шаблонного кода в новых фичах существенно снизился. • Развивал Backend-For-Frontend (BFF): Развивал BFF-слой на NestJS как единый API для клиентских приложений экосистемы. Агрегировал разрозненные микросервисы в единые UI-контракты для основного CSR SPA и отдельного SSR-приложения публичной витрины, что разгрузило браузер клиента и сократило количество сетевых запросов. • Реализовал Server-Side Rendering (SSR): Развивал отдельное Angular-приложение публичной витрины, использовавшее тот же BFF/API, что и основной CSR SPA. Реализовал SSR для новостей, расписания, объявлений и публичных достижений. Настроил серверную загрузку данных и передачу состояния между сервером и клиентом, улучшив показатели производительности и обеспечив SEO-доступность публичного контента. Реализовал решение в рамках миграции проекта с Angular Universal на современный Angular SSR при обновлении Angular. • Обеспечил SSR-совместимость: Устранил hydration mismatch и проблемы выполнения browser-only API на сервере. Вынес localStorage, matchMedia и другие browser API за DI-абстракции с серверными реализациями, обеспечив корректное разделение серверной и браузерной логики и стабильное совпадение SSR HTML с клиентским DOM после hydration. • Реализовал сложные UI-решения: Разработал интерактивный drag-and-drop конструктор расписания с клиентской валидацией коллизий в реальном времени — заменил медленное ручное составление расписания через формы и таблицы. Реализовал inline-навигацию по таблицам с клавиатуры (Excel-like опыт), ускорив ввод данных без переключения на мышь. Развивал кастомную библиотеку компонентов на базе Angular Material (кроссбраузерная верстка, BEM, LESS, CSS Modules), стандартизировав визуал и поведение UI по всей экосистеме продуктов. • Занимался оптимизацией рендеринга: Решил проблему фризов при отрисовке тяжелых матриц электронных журналов. Внедрил Virtual Scroll, OnPush и профилировал утечки памяти через Performance, добившись стабильных кадров при скролле. • Реализовал Real-time взаимодействие (WebSocket): Разработал защищенный мессенджер на Socket.IO. Реализовал логику тредов, статусов прочтения, а также надежную стратегию реконнекта и обработку потери сети. • Занимался тестированием и веб-доступностью: Покрыл бизнес-логику модульными тестами (Jest, высокое покрытие) и множеством критических сценариев end-to-end тестами (Playwright), снизив число регрессов на проде и дав команде уверенность в рефакторинге. Обеспечил соответствие интерфейсов стандартам доступности WCAG 2.2 AA, внедрив поддержку Screen Readers и корректную ARIA-разметку. • Обеспечил безопасность: Реализовал JWT-аутентификацию и RBAC-модель доступа для ролей администратор/преподаватель/студент в связке с Nest.js BFF. ▶ Проект 2: Цифровая платформа для работы со специализированной информационной базой: поиск и анализ структурированных данных, работа с различными источниками и версиями информации, тематическая классификация, расширенный поиск и AI-инструменты для обработки и систематизации контента. ▸ Команда: небольшая кросс-функциональная команда. Работа велась по Scrum. ▸ Стек: React, TypeScript, Redux Toolkit, Redux, RTK Query, React Router.