logo

Siarhei Chaptsau

Senior Frontend Developer

+48 789-640-922 (Poland)

Немного о себе

  • Работаю как Senior Frontend developer, в работе использую JavaScript, TypeScript, React, GraphQL и WebSocket, Redux, Sass, Jenkins, git, Bootstrap и пр.

  • Опыт коммерческий разработки как Frontend developerа — более 7 лет:

    - ID Finance (2018 - март 2023). Минск, Беларусь

    - Plazo Technologies (март 2023 – настоящее время). Вроцлав, Польша

  • Посещаю митапы по JS, курсы английского (B2) и польского (B1) языков
  • Владею навыками резиновой и адаптивной вёрстки.
  • Проходил интенсивы в HTML Academy «Продвинутый HTML и CSS» и JavaScript.
  • Закончил курсы от «The Rolling Scopes school» от EPAM Systems.

Ключевые навыки

  • JavaScript
  • TypeScript
  • React
  • GraphQL
  • React Query
  • WebSocket
  • Webpack
  • Vite
  • Jenkins
  • Bootstrap
  • Redux
  • Blueprint
  • AWS
  • JIRA
  • HTML5/CSS3
  • Sass
  • Git
  • БЭМ

В том числе мои проекты за последние 2 года:

Reficio

Reficio

  • Управление A/B тестированием на любом проекте через UI.
  • Использованы React, TypeScript, GraphQL и Jenkins.
Sprint Planner

Sprint Planner

  • Многостраничный проект для планирования спринтов и внутренний аналог Bamboo.
  • Внутренний проект без ссылки.
  • Использованы React, JavaScript, Sass, Docker и Jenkins.

Мои проекты (до момента начала коммерческой разработки):

Game

Игра Южное Бутово

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы только HTML5, CSS3, JavaScript и Webpack 4
  • Без использования игровых движков / фреймворков.
  • Использована анимация и веб-компоненты.
  • В window.localStorage записывается результат пользователя и выводиться в конце.
  • Противник рендориться рандомными компонентами вначале игры, как и его имя.
  • Игрок выбирает заклинание и выполняет задания различных типов: арифметика, перевод, drag&drop, аудирование.
  • Для игры нужен звук.
Pink

Адаптивный макет Pink как личный проект на интенсиве от «HTML Academy».

  • Проект написан в ходе успешного прохождения интенcива «Продвинутый HTML и CSS»
  • Использованы только HTML5, препроцессор Sass и JavaScript.
  • Макет сверстан в трех состояниях: мобильная, планшетная и десктопная.
  • В верстке использовалась методология БЭМ.
  • Сборщик Gulp.
  • Встроена карта Google, "оживлено" меню для мобильной версии и отправка формы.
  • "Нежная" ретинизация. Оптимизация js, изображений и SVG.

Посмотреть код

Keksobooking

Проект Keksobooking - сервис размещения объявлений от HTML Academy.

  • Проект написан в ходе успешного прохождения интенcива «Базовый JavaScript»
  • Использованы только HTML5, CSS3 и JavaScript.
  • Присутствует фильтрация данных.
  • Все файлы JS представляют собой отдельные модули в IIFE.
Match-match game

Игра Match-match game

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы HTML5, CSS3, JavaScript
  • Ведётся и выводится таблица рекордов - ТОП-10 результатов и хранится на сервере.
  • Игрок может выбрать вид рубашек карт и сложность игры.
  • Раздача карт всегда рандомна.
  • Если пара карт не совпадает – обе карты переворачиваются, а совпавшие исчезают.
Lambda Restaurant

Лендинг Lambda Restaurant

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы только HTML5, CSS3 и JavaScript.
  • Макет свёрстан для десктопного состояния.
  • В верстке использовалась методология БЭМ и Flexbox.
  • Семантическая верстка.
Sedona

Адаптивный макет Sedona как личный проект на интенсиве от «HTML Academy».

  • Проект написан в ходе прохождения интенcива «Продвинутый HTML и CSS»
  • Использованы только HTML5, препроцессор Less и JavaScript.
  • Макет сверстан в трех состояниях: мобильная, планшетная и десктопная.
  • В верстке использовалась методология БЭМ.
  • Сборщик Gulp.
  • "Оживлена" отправка формы.
  • Семантическая верстка.
Hacktrain

Одностраничный лендинг для хакатона Имагуру Hacktrain

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы только HTML5, CSS3 и JavaScript.
  • Макет сверстан в трех состояниях: мобильная, планшетная и десктопная.
  • Использована анимация.
  • В верстке использовалась методология БЭМ и Flexbox.
Racoon blog

Вёрстка адаптивного резинового макета Racoon blog

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы только HTML5, CSS3 и JavaScript.
  • Макет сверстан в трех состояниях: мобильная, планшетная и десктопная.
  • Вёрстка резиновая.
  • В верстке использовалась методология БЭМ и Flexbox.
Quick Draw Scoreboard

Quick Draw Scoreboard - динамическая таблица на JS

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Динамически строится таблица на JS используя данные из json файлов.
  • Обрабатывает данные и переключается в зависимости от выбранной сессии.
Orange rabbit

Вёрстка макета Orange rabbit с компонентом "Нотификация".

  • Проект создан в ходе прохождения обучения на курсе от «The Rolling Scopes school» (EPAM Systems).
  • Использованы только HTML5, CSS3 и JavaScript.
  • Реализован компонент "Нотификация".
  • Присутствует чекбокс отключения нотификации, выставляет флаг в локал сторадж. Тогда компонент не будет показан при перезагрузке страницы.
  • Макет свёрстан для десктопного состояния.
  • В верстке использовалась методология БЭМ, также только inline-block и float.