Никита Соколов - Frontend разработчик

Никита Соколов
Frontend разработчик
JS/TS
Vue/Nuxt
Express.js
hero img

Опыт работы

Я - опытный frontend разработчик, специализирующийся на создании сложных клиентских веб-приложений. Мой основной стек — Vue/Nuxt, но также имею опыт работы с Express.js + PostgreSQL для создания полноценных fullstack решений. Помимо работы с современными фреймворками, могу создать легковесный проект на чистом JS, собранный через Gulp + Webpack, для последующей интеграции с любой CMS.

Имею практический опыт развертывания проектов через Docker Compose. Пишу unit-тесты на Jest/Vitest для обеспечения надежности кода. Работал с различными UI-библиотеками: Vuetify, Bootstrap и Tailwind/SCSS.

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

binary img
2022 - н.в.
Агентство «AlliedM»
Frontend разработчик

Ключевые задачи:

  • Разработка SPA и SSR-приложений на Vue.js и Nuxt.js;
  • Разработка REST API на Express.js и интеграции с различными API сервисами, такими как DaData, Unisender, MGC Loyalty и т.д.;
  • Верстка сайтов с использованием Vanilla JS в связке Gulp + Webpack;
  • Рефакторинг legacy-кода, внедрение unit-тестов и TypeScript;
2021 - 2022
Агентство «Alente»
Frontend разработчик

Ключевые задачи:

  • Разработка интернет-магазина на Nuxt.js, который включает: каталог с фильтрами, корзину, оформление заказа, личный кабинет и прочие составляющие E-commerce проекта;
  • Доработки проектов на Vue, рефакторинг legacy-кода;
  • Поиск и устранение багов, ручное тестирование;
2020 - 2021
Фриланс
Fullstack разработчик

Ключевые задачи:

  • Верстка сайтов с использованием Vanilla JS в связке Gulp + Webpack;
  • Интеграция верстки с различными CMS, такими как WordPress, Bitrix, Modx Revo;
  • Участие в разработке новых и сопровождении старых проектов совместно с предыдущими работодателями;
  • Разработка простых пользовательских интерфейсов, где не требуется большой опыт в UX/UI;
2019 - 2020
Агентство «Малевич»
Fullstack разработчик

Ключевые задачи:

  • Верстка сайтов с использованием Vanilla JS в связке Gulp + Webpack;
  • Интеграция верстки с различными CMS, такими как WordPress, Bitrix, Modx Revo;
  • Разработка простых пользовательских интерфейсов, где не требуется большой опыт в UX/UI;
  • Контентное сопровождение сайтов, функциональные доработки (новые модули, интеграции, исправление багов).
2018 - 2019
Агентство «AlliedM»
Web-разработчик (Стажер)

Ключевые задачи:

  • Изучение JS и PHP а так же их практическое применение в коммерческих проектах;
  • Верстка сайтов с использованием Vanilla JS и jQuery;
  • Интеграция верстки с различными CMS, такими как WordPress, Bitrix;
  • Контентное сопровождение сайтов, функциональные доработки (новые модули, интеграции, исправление багов).

Основной стэк

Front-end

HTML/PUG
CSS/SCSS
БЭМ
JavaScript
TypeScript
ООП
SOLID, DRY, YAGNI, KISS
GSAP
Vue/Nuxt
Composition API
Options API
Pinia/VueX
Vue Router
Rest API
Axios
WebSockets
Jest/Vitest
Webpack
Vite
Gulp

Back-end

Node.js
Express.js
PostgreSQL
Sequelize
Sequelize-cli
Express-validator
YUP
JWT
Middlewares
CORS
Nodemailer
S3 хранилище
Multer
Winston (Логирование)

Инструменты

Git
Docker
Docker-compose
Ubuntu
Nginx
Figma
Postman
Lambdatest
PageSpeed Insights

Кейсы

Vue
Express.js

Evanprofi

О проекте

Веб-приложение для мотивации партнеров, которые устанавливают/продают оборудование компании.

Функционал
  • Загрузка фотоотчетов и данных оборудования;
  • Автозаполнение данных через QR-сканер;
  • Автоматический расчет вознаграждений;
  • Многоуровневая система бонусов;
  • Пользовательские тесты с вознаграждениями.
Открыть
Evanprofi
binary img
Vue
Express.js

Y-tracker

О проекте

Сервис мониторинга времени и повышения продуктивности (Аналог Toggl Track)

Функционал
  • Отслеживание времени активной задачи c возможностью выбрать проект;
  • Аналитика с фильтрацией и поиском по параметрам;
  • Отчеты по проектам за выбранный период времени.
Открыть
Y-tracker
binary img
Vanilla JS

Tele2 — Пермь

О проекте

Сайт для привлечения новых абонентов Tele2 с уникальным контентом посвященным 300-летию Перми

Функционал
  • Расписание программы с различными оффлайн ивентами на летней площадке Tele2;
  • Конструктор открыток с возможностью скачать или отправить по e-mail;
  • Аудиогид в связке с API Яндекс карт и музыкальным плеером.
Открыть
Tele2 — Пермь
binary img
Vanilla JS

Alliedm

О проекте

Новый современный стиль для разработчика digital решений — от лендингов до web-приложений.

Функционал
  • Совместно с дизайнером разработаны интересные визуальные решения;
  • Подключены сложные GSAP анимации, реагирующие на скроллинг страниц;
  • Резиновая верстка, которая заполняет все пространство вплоть до 8K экранов.
Открыть
Alliedm
binary img

Процесс разработки

1. ТЗ и согласование

Проверил, что все требования чётко прописаны, дизайн-макеты утверждены и соответствуют ТЗ, а сроки реалистичны.

2. Архитектура проекта

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

3. План работ

Разбил задачи на этапы (верстка, логика, интеграция, тесты), оценил сроки выполнения для каждого этапа, определил точки контроля и согласования с командой

4. Настройка окружения

Развернул сборку на выбранном стеке, подготовил базовые модули согласно UI-киту, подготовил mock-данные (при необходимости).

5. Разработка

Сверстал все страницы и компоненты по макетам, настроил адаптивность под мобильные устройства и планшеты, интегрировал фронтенд с бэкендом через REST API

6. Оптимизация

Проверил что все картинки сжаты, настроил lazy-loading где это необходимо, проверил производительность с помощью PageSpeed Insights

7. Контроль качества

Покрыл ключевые модули unit-тестами, провёл кросс-браузерное тестирование в популярных браузерах в связке с lambdatest.com, проверил адаптивность на разных разрешениях

8. Подготовка к деплою

Собрал production-билд с минификацией, настроил переменные окружения для разных сред (dev/test/prod), настроил docker (если используется)

9. Финальные проверки

Протестировал все сценарии работы, проверил мета-теги и SEO-разметку, убедился в работоспособности аналитики

10. Документирование

Обновил документацию по запуску проекта, зафиксировал известные проблемы (если есть), подготовил changelog для команды

Пройденные курсы

Tocode

Purple School

Сертификаты - Никита Соколов, frontend разработчик
binary img

Контакты

Telegram
@NIKITA_SKLV
Телефон
+7(999)138-44-50
E-mail
nikita_sokolov98@mail.ru