Резюме категории Frontend

Внутренние стандарты и инструменты для разработки vk.com с упором на производительность и качество кода.

• Проектирование и развитие внутренних инструментов фронтенд-инфраструктуры для vk.com
• Оптимизация линтеров, сборки и проверки качества кода для большого монорепозитория
• Исследование и внедрение новых инструментов и практик разработки
• Разработка внутренних CLI, плагинов и конфигов, которые используют другие команды
• Оптимизация производительности и стабильности фронтенд-проекта на уровне платформы

Обновлённая версия Яндекс Учебника с упором на предмет «Программирование» и современный стек.

• Перенос легаси-функционала Учебника на современный стек React + TypeScript
• Отказ от lodash и переписывание утилит и бизнес-логики на собственные решения
• Рефакторинг старых модулей и типизация критичных участков кода
• Обновление зависимостей и выравнивание версий библиотек в большом проекте
• Улучшение UX и интерфейса раздела по программированию с учётом методики обучения

Модуль настройки маршрутов подписания документов для юридических лиц и ИП.

• Разработка интерфейса конструктора маршрутов подписания с большим количеством правил и условий
• Проработка сложной бизнес-логики согласований и статусов документов
• Добавление и поддержка автотестов для ключевых пользовательских сценариев
• Обновление проекта, зависимостей и устранение уязвимостей
• Подготовка фронтенд-сервиса к работе в Kubernetes-инфраструктуре банка

Модуль мониторинга и управления конвертациями валют с отображением прогресса операций.

• Разработка интерфейсов для мониторинга и детализации конвертаций валют в режиме близком к реальному времени
• Реализация бизнес-логики статусов, прогресса и истории операций
• Написание автотестов для критичных сценариев работы пользователей
• Подготовка и адаптация фронтенда для работы в Kubernetes-окружении

Панель для работы сотрудников банка с клиентами и машиночитаемыми доверенностями.

• Разработка новых административных интерфейсов и сценариев работы сотрудников
• Внедрение новых возможностей в существующий продукт с учётом банковских ограничений
• Доработка и поддержка автотестов
• Обновление стека и подготовка сервиса к работе в Kubernetes

Интерфейсы для работы с данными организаций, доступами и электронными подписями.

• Разработка и развитие интерфейсов профиля юридического лица
• Реализация функционала управления доступами и подписями
• Доработка автотестов и исправление сложных UI-багов

CRM-система для управления агентством недвижимости, сотрудниками и правами доступа.

• Разработка интерфейсов профиля агента и агентства
• Реализация редактирования данных сотрудников и управления их ролями и правами
• Оптимизация UX для ежедневной работы риелторов и руководителей
• Улучшение производительности и отзывчивости интерфейса

Платформа по психологическому саморазвитию с чатами между экспертом и студентом.

• Разработка интерфейса чата для экспертов и студентов с акцентом на плавные анимации
• Проработка адаптивного интерфейса: разные layout’ы для десктопа и мобильных при общей кодовой базе
• Создание сложной CSS-архитектуры без дублирования, с визуально различными слоями для разных устройств
• Тотальная анимация всех переходов и состояний (сообщения, статусы, списки, обновления текста)
• Проведение аудита безопасности: анализ CSP, работы с токенами и ключами, хранения секретов
• Исправление проблем безопасности: CSRF, лишние данные в API, dangerouslySetInnerHTML, утечки e-mail и телефонов

Мультиязычный промо-сайт бренда ухода за кожей с упором на скорость и безопасность.

• Разработка сайта на Nuxt с упором на высокие показатели Lighthouse (performance, accessibility, SEO)
• Реализация мультиязычности и структурированных данных для SEO
• Внедрение собственной библиотеки nuxt-strict-fetch для безопасной и контролируемой работы с API
• Проработка кэширования и настройки заголовков на уровне сервера и клиента
• Добавление анимаций и микровзаимодействий без ущерба для скорости загрузки

Платформа публикаций и экспертных разборов с кастомной архитектурой фронта и бэка.

• Проектирование архитектуры платформы: фронтенд, backend и модель домена с нуля
• Реализация фронтенда на Nuxt с использованием Nuxt Layers и модульной структуры
• Разработка backend на NestJS с авторизацией, ролями и продуманными API
• Интеграция с Asmy для деплоя и управления инфраструктурой
• Настройка Docker-окружения и CI/CD для проекта (локально и на сервере)

Арт-сайт музыкальной группы с полностью резиновой версткой и контентом на Markdown.

• Разработка резиновой верстки, которая корректно тянется на любых разрешениях
• Интеграция markdown-контента и настройка удобной редакторской модели
• Создание визуально цельного арт-стиля и анимаций под музыкальный проект
• Оптимизация загрузки медиа и плавности скролла

Онлайн-журнал о финансах и экономике с длинными материалами и удобной лентой чтения.

• Разработка интерфейсов ленты статей и страниц материалов
• Реализация системы тегов, фильтрации и бесконечной прокрутки
• Оптимизация читаемости материалов: типографика, сетка, работа с длинными текстами
• Участие в доработке дизайна и UX под редакторскую команду

Встраиваемый чат техподдержки для журнала с административной панелью операторов.

• Полная разработка виджета чата и административной части с нуля
• Проектирование протокола общения по WebSocket и статусов диалогов
• Создание адаптивного интерфейса с удобной работой и на десктопе, и на мобильных
• Проработка дизайна виджета в стилистике журнала и мягких анимаций
• Настройка Docker-окружения и деплоя сервиса

Библиотека для строгого и безопасного управления HTTP-запросами в Nuxt-проектах.

• Проектирование API библиотеки для контроля запросов, ошибок и состояний загрузки
• Реализация строгой типизации и единообразной обработки ошибок
• Оптимизация DX: простые хелперы, читаемые сигнатуры и предсказуемое поведение
• Поддержка библиотеки и внедрение в реальные коммерческие проекты

Мощная веб-панель для управления Docker-контейнерами, сетями, хранилищами и веб-сервером.

• Проектирование архитектуры сервиса управления сервером и контейнерами
• Реализация backend на Go с использованием Docker API, управлением TLS и доменами
• Создание фронтенда с удобной панелью, ролями и доступами, возможностью работы с мобильных
• Интеграция веб-терминала и файлового менеджера в интерфейс
• Полный дизайн интерфейса с нуля и продумывание UX для админов и DevOps-инженеров

Веб-интерфейс контроля и мониторинга Data Science-пайплайнов.

• Разработка всех пользовательских интерфейсов для контроля пайплайнов
• Реализация функционала мониторинга статусов, истории и ошибок
• Интеграция с бэкендом и адаптация под инфраструктуру заказчика

Система управления объектами интеллектуальной собственности компании.

• Единоличная разработка фронтенда системы на основе Nuxt
• Реализация множества сложных форм с несколькими этапами согласования
• Проработка UX для юристов и сотрудников, работающих с объектами ИС
• Оптимизация работы с формами и валидацией на большом количестве полей

Инструмент поддержки решений по эффективности реализации проектов.

• Разработка интерфейсов для работы с графиками, диаграммами и документами
• Реализация бизнес-логики расчётов и отображения ключевых показателей
• Создание панели администрирования и вспомогательных экранов

Аналитическая система для оценки экономической эффективности портфелей проектов.

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

Промо-сайты для продвижения продуктов Panasonic.

• Разработка промо-страниц и интерактивных блоков
• Интеграция с backend через GraphQL
• Настройка генерации тестовых стендов через CI/CD

Официальный интернет-магазин техники Panasonic.

• Разработка новых интерфейсов и бизнес-функционала магазина
• Настройка системы генерации тестовых стендов через CI/CD
• Усиление безопасности проекта и корректная работа под нагрузкой

Платформа по обучению современным IT-профессиям.

• Принятие архитектурных решений на фронтенде
• Координация работы команды и ревью кода
• Настройка генерации тестовых стендов и CI/CD
• Повышение безопасности и устойчивости проекта

Приложение онлайн-кинотеатра для Tizen OS и WebOS.

• Разработка интерфейса и логики приложения для Smart TV
• Адаптация UI под особенности пульта и навигации по ТВ

Сайт премии и библиотеки кейсов по использованию искусственного интеллекта.

• Разработка проекта и сложной анимации на GSAP
• Добавление новых функций и интерактивных блоков
• Оптимизация производительности и поддержка старых браузеров

Сервис мониторинга состояния автомобиля по датчикам и управления сервисными услугами.

• Разработка интерфейсов для работы с данными датчиков и автомобилями
• Создание API для мобильного приложения
• Интерфейсы для управления IoT-устройствами и сервисными действиями

Магазин полезных продуктов и добавок на легаси-стеке Laravel + AngularJS.

• Погружение в чужой легаси-код без авторов проекта
• Поддержка и развитие функционала магазина на связке Laravel + AngularJS
• Поиск и исправление скрытых багов и нестабильных мест
• Точечные улучшения производительности и UX без полного переписывания

Доклад о практической оптимизации скорости загрузки сайтов.

• Разбор подходов к оптимизации изображений и работе оптимизаторов
• Рассмотрение кэширования на разных уровнях (браузер, CDN, сервер)
• Обсуждение оптимизации рендеринга, доставки HTTP-сообщений и API