Vue разработчик.
Пишу на Vue 3 + Composition API + Nuxt 3 + Pinia + vee-validate + i18n с начала 2023 года.
Есть опыт на чистом JS, JQuery. На Vue 2 + Nuxt 2 + Vuex писал порядка полутора лет.
Ссылка на пример кода и репозиторий:
https://flambergtomsk.github.io/weather/
https://github.com/FlambergTomsk/weather
Самые интересные/сложные выполненные задачи:
- реализован весь механизм авторизации/регистрации пользователя с использованием JWT-токена;
- проведена большая работа по интеграции личных кабинетов с REST API;
- подключен и кастомизирован плагин для возможности загрузки аватаров пользователей с возможностью масштабирования, обрезки, предпросмотра;
- настроен чат между пользователями и тех поддержкой через WebSockets;
- реализованы самые различные формы для нужд заказчика, при этом активно использовались возможности Vee-Validate для Vue 3 - useField, useFieldArray;
- сделан гибкий, максимально переиспользуемый компонент, написана документация с описанием его свойств;
- последний проект был реализован с использованием TypeScript;
- большое модальное окно сделано на гридах с использованием grid-area для корректного отображения на всех размерах экранов.
Что внес нового в организацию работы:
- обратил внимание на коммуникацию внутри команды. Это привело к тому, что коллеги стали общаться и решать проблемы вместе, а не тратить часы на бесплодные поиски;
- в команде стали обсуждать best practices для решения реальных задач и применять их при разработке;
- предложил делать перекрестное ревью кода, тестирование работы у разработчиков;
- предложил ряд оптимизаций в процессе разработки, что привело к уменьшению количества запросов на сервер и улучшению производительности.
Стек технологий:
- Vue 3;
- Nuxt 3;
- Pinia;
- SCSS;
- БЭМ;
- WebSockets.
Самые интересные/сложные выполненные задачи:
- реализован весь механизм авторизации/регистрации пользователя;
- построена схема взаимодействия пользователя с контентом, возможность создавать реактивные рекламные блоки, настраивать время и даты воспроизведения, добавлять туда музыку в реальном времени;
- реализован механизм (со стороны фронта) генератора речи - у пользователя есть возможность с помощью ИИ сгенерировать любой рекламный ролик, выбрать подходящий голос озвучки, наложить и настроить музыку либо добавить свою;
- подключена google recaptcha v3.
Что внес нового в организацию работы:
- проверку полей формы стали делать с помощью плагина Vee-Validate, что позволило делать валидацию гибкой, предсказуемой и удобной;
- упорядочил работу со стилями CSS - предложил в работе строго пользоваться методологией БЭМ;
- внедрил code-review для младших разработчиков;
- завел иконки через icomoon, что позволило сделать работу с ними более удобной;
- в организации внес правила чистого кода по неймингу компонентов, функций, названий переменных.
Стек технологий:
- Vue 2;
- Nuxt 2;
- JavaScript;
- SASS/SCSS;
- БЭМ;
- Vuex;
- JavaScript;
- Element UI.
- верстка по БЭМ
- адаптивная верстка с применением препроцессоров
- написание самых простых базовых функций на Vue, JS для различного рода форм.
- работал в большой команде по системе pull requests.
Инженер энергетик.