Навыки Frontend

Веб-верстка:
Адаптивная, кроссбраузерная, семантическая верстка
Верстка писем
Pixel Perfect верстка
Работа с макетами в Photoshop, Figma
Владение Flexbox
CSS-анимации (transition, keyframes)
Sprite SCG
Обеспечение доступности элементов страницы
Применение Bootstrap-сеток
БЭМ
Анимации через greensock
Сборка Gulp
SASS
NPM
JavaScript ES6+ (в т. ч. классы, промисы, модули)
Работа со сторонними API
Работа с системами контроля версий (Git)
Сборка Gulp
Grid

Умею:
● Верстать сайты и лендинги по макетам, одностраничные web-приложения, создавать элементы и блоки без макета, соблюдая стилистику сайта или приложения.
● Оптимизация кода, быстродействие, сжатие.
● Добавлять hover-эффекты, focus, active в стилистике сайта.
● Работать с обработчиками событий в JS, управлять состоянием приложения в React и Redux.
● Создавать страницы, комфортные для просмотра и взаимодействия на любом экране и устройстве, в любом браузере, не забывая и о IE11 (добавлять префиксы, полифилы, транспилировать код).
● Подключать дополнительные библиотеки в виде css и js файлов, npm-пакетов.
● Соблюдать кодстайл, писать понятный и легкий для прочтения код.

Мои основные инструменты: Adobe Photoshop, Figma, HTML5, CSS3, JS. gulp

Мои работы

Адаптивная верстка, Grid с помощью сборщиrа gulp
http://gridphoto.tmweb.ru/

Валидация с сохранение настроек на стороне пользователя и генерация пароля
http://validdark.tmweb.ru/

Пример Анимации через greensock
http://animationtest.tw-team.com/

Верстка
https://testdomsait.tmweb.ru

Сайт лэндинг туристической компании:
http://lagoona07-22.tmweb.ru/

Сайт адаптив под мобильную версию с применением слайдеров, аккордеонов и табов для строительной фирмы:
http://evklid07-22.tmweb.ru/

Работа с сетками адатива Bootstrap:
http://bootsite89.tmweb.ru

Игра "Угадай пару". Сделана с частичным CSS и функционалом на JS:
http://playingpairs22.tw1.ru

Добавление студентов в таблицу, ее фильтрация и удаление
http://studylist.tmweb.ru/


Ссылка на GitHub:
https://github.com/ArtemGoloborodko