ENНаписать

Валерий Багавеев · frontend-инженер

Валерий Багавеев — frontend-инженер. Frontend & 3D

Проектирую архитектуру больших фронтенд-систем и создаю интерфейсы, с которыми хочется взаимодействовать: от микрофронтендов на React до 3D-сцен на WebGL.

Обсудить проектМой стек
  • 10+лет в веб-разработке
  • 30+технологий в арсенале
  • 5лет преподавания 3D и веба
  • WebGLживая 3D-сцена прямо на этой странице
Листайте
Валерий Багавеев
Валерий БагавеевЧастицы · WebGL
01 Обо мне

Инженерный подход и визуальная выразительность

Я специализируюсь на сложных интерфейсах и архитектуре фронтенд-приложений. Основной стек — React и TypeScript, для небольших проектов использую веб-компоненты на Lit.

Хорошо понимаю, как устроены крупные и долгоживущие фронтенд-системы: от дизайн-систем и UI-библиотек до управления состоянием и оптимизации сборки на Vite и Webpack.

Помимо продуктовой разработки, создаю интерактивный визуальный контент на WebGL, Three.js, GSAP и PixiJS. Люблю, когда за красивой анимацией стоит аккуратная инженерия, — этот сайт тому пример.

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

Опыт
10+ лет в веб-разработке
Фокус
Архитектура · Дизайн-системы · 3D
Роль
Frontend-разработка
Основной стек
React · TypeScript · Three.js
02 Экспертиза

Что я делаю

Шесть направлений, в которых я силён, и технологии, на которых они держатся.

  1. 01

    Архитектура фронтенда

    Проектирую масштабируемые веб-продукты на микрофронтендах: границы модулей, общие контракты, независимые релизы.

    • Микрофронтенды и модульная архитектура
    • Feature-Sliced Design для структуры кода
    • Веб-компоненты для переиспользования между стеками
    • React
    • TypeScript
    • FSD
    • Lit
  2. 02

    Состояние и данные

    Выстраиваю предсказуемую работу с состоянием и взаимодействие между независимыми частями интерфейса.

    • Единые подходы к стору в больших приложениях
    • Коммуникация между микрофронтендами
    • Интеграция с REST API
    • Redux
    • MobX
    • MobX-State-Tree
    • REST API
  3. 03

    Дизайн-системы

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

    • UI-киты на базе Ant Design и Adobe Spectrum
    • Витрина и документация компонентов в Storybook
    • Плотная работа с дизайнерами в Figma
    • Ant Design
    • Adobe Spectrum
    • Storybook
    • Figma
  4. 04

    Качество и производительность

    Слежу, чтобы код был надёжным, а приложение — быстрым: от тестов до конфигурации бандлера.

    • Юнит-тесты на Vitest и Jest
    • Оптимизация сборки на Vite и Webpack, code splitting
    • CI/CD, Docker и AI-ассистенты в ежедневной работе
    • Vitest
    • Jest
    • Vite
    • Webpack
    • CI/CD
  5. 05

    3D, WebGL и моушн

    Делаю интерактивные 2D/3D-интерфейсы и лендинги, которые запоминаются и при этом работают быстро.

    • 3D-сцены на Three.js и React Three Fiber
    • Собственные GLSL-шейдеры и системы частиц
    • Анимации на скролле, подготовка моделей в Blender
    • Three.js
    • React Three Fiber
    • GLSL
    • GSAP
    • PixiJS
  6. 06

    Менторство и обучение

    Пять лет преподавал программирование и 3D-графику в браузере, руководил курсовыми и дипломными проектами.

    • Учебные программы и лабораторные
    • Онбординг и развитие разработчиков
    • Code review и обмен знаниями в команде
    • Mentoring
    • Code review
03 Стек

Периодическая таблица стека

Технологии, с которыми я работаю. Выберите категорию, чтобы подсветить элементы.

  • 1TsTypeScriptЯзыки
  • 2JsJavaScriptЯзыки
  • 3HtHTMLЯзыки
  • 4CsCSSЯзыки
  • 5GlsGLSLЯзыки
  • 6ReReactUI-фреймворки
  • 7LiLitUI-фреймворки
  • 8VuVueUI-фреймворки
  • 9AsAstroUI-фреймворки
  • 10TwTailwindUI-фреймворки
  • 11SaSassUI-фреймворки
  • 12FsdFeature-Sliced DesignАрхитектура
  • 13RxReduxАрхитектура
  • 14MbMobXАрхитектура
  • 15MstMobX-State-TreeАрхитектура
  • 16ApiREST APIАрхитектура
  • 17ThThree.js3D и моушн
  • 18R3fReact Three Fiber3D и моушн
  • 19GlWebGL3D и моушн
  • 20GsGSAP3D и моушн
  • 21PxPixiJS3D и моушн
  • 22BlBlender3D и моушн
  • 23VtVitestТесты
  • 24JeJestТесты
  • 25SbStorybookТесты
  • 26AdAnt DesignДизайн-системы
  • 27SpAdobe SpectrumДизайн-системы
  • 28FiFigmaДизайн-системы
  • 29ViViteСборка и DevOps
  • 30WpWebpackСборка и DevOps
  • 31DkDockerСборка и DevOps
  • 32GiGitСборка и DevOps
  • 33CiCI/CDСборка и DevOps
  • 34CcClaude CodeAI-агенты
  • 35CxCodexAI-агенты
  • 36GeGeminiAI-агенты
  • 37DsDeepSeekAI-агенты
04 Преподавание

Преподавание

Пять лет учил студентов писать код и показывал, как оживить браузер с помощью 3D. Объяснять сложное просто — навык, который каждый день помогает и в команде.

Чем занимался

  1. 01Разрабатывал учебные программы и методические материалы
  2. 02Придумывал лабораторные работы по 3D-графике в браузере
  3. 03Руководил курсовыми и дипломными проектами
  4. 04Учил архитектурным подходам, алгоритмам и паттернам
Магистратура

Современная разработка ПО

Интерактивные и визуальные приложения, лабораторные по 3D-графике в браузере, интеграция 3D-моделей в веб.

  • JavaScript
  • Three.js
  • WebGL
  • Blender
Бакалавриат

Основы программирования

Алгоритмы, структуры данных, ООП, работа с памятью, основы веб-программирования и DOM.

  • C++
  • JavaScript
05 Контакт

Давайте сделаем что-то классное

Есть идея, вопрос или просто хотите обсудить 3D в вебе? Напишите пару строк — я обязательно отвечу.

Напишите мне в Telegram

Откроется чат с моим ботом-секретарём. Просто напишите сообщение — я отвечу прямо там.

Написать в Telegram@bagaveev_site_bot
06 Игра

Собери свой стек

Пока вы здесь — небольшая игра на Three.js. Ставьте блоки с технологиями точно друг на друга: всё, что не попало, отрезается. Насколько высоким получится ваш стек?

Рекорд 0

0