Портфолио front-end разработчика

Сафронов Валерий

Краткая информация обо мне

  • Валерий Сафронов
  • Возраст: 29 лет
  • Образование: БГУИР, инженер по радиоэлектронике
  • Опыт в веб-разработке (фриланс): более 1 года

Контактная информация

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

Hard skills

Soft skills

Проекты

Социальная сеть

Социальная сеть
    Реализовано:
  • авторизация в приложении
  • редактирование профиля
  • переписка с другими пользователями
  • переход по страницам пользователей
  • подписка и отписка от пользователей
  • добавление постов
  • Технологии: React, Redux

Фильтрация и сортировка товаров

Иконка JS Магазин телефонов
    Реализовано:
  • сортировка товаров при взаимодействии с select:
    • по цене
    • по названию
    • в случайном порядке
  • фильтрация товаров по стоимости при взаимодействии ползунками и инпутами (Drag and Drop)
  • фильтрация товаров по производителю при взаимодействии с checkbox
  • Технологии: Javascript (ES6)

Корзина товаров

Иконка JS Корзина товаров
    Реализовано разделение логики на:
  • User Interface – пользовательский интерфейс
  • Business Logic Layer - уровень бизнес-логики
  • Data Access Layer- уровень доступа к данным
    Реализовано:
  • добавление продуктов в разные корзины в зависимости от выбранных параметров
  • добавление и удаление продуктов из local storage
  • Технологии: Javascript (ES6)

Калькулятор

Иконка JS Калькулятор
    Реализовано:
  • выполнение арифметических операций (+, -, *, /)
  • выполнение операций с дробными числами
  • очистка поля с данными (clear)
  • изменение знака перед числом (+/-)
  • проверка «деление на 0»
  • последовательное выполнение нескольких арифметических операций
  • выполнение последующих операций с полученным результатом
  • Технологии: Javascript (ES5)

Проект по верстке Rainbow

Приложение Rainbow
  • Сетка на flexbox
  • Семантическая, кроссбраузерная, адаптивная верстка
  • Именование классов по методологии БЭМ
  • SASS (импорт файлов, вложенные селекторы, переменные, миксины)
  • Автоматизация и сборка проекта на Gulp (browsersync, normalize, csscomb, autoprefixer, группировка медиафайлов, минификация CSS и изображений, сборка SVG спрайтов, группировка и вызов всех тасок командой npm run start)
  • Использование анимации (animation, transition)
  • Работа с svg изображениями и svg спрайтами
  • Замена стандартных чекбоксов и инпутов
  • Работа с yandex map
  • Использование сторонних скриптов: Slick slider
  • Технологии: HTML, CSS