web developer
Hello World!
Меня зовут Максим
Я Front-End разработчик
И это мой сайт - портфолио
scroll-up
Обо мне
my photo my photo
Немного информации о себе
Меня зовут Максим Панасюк
Мне 23 года. Проживаю в городе Винница
Я занимаюсь Front-End разработкой сайтов более полу года, пока без коммерческого опыта
Постепенно продолжаю изучать новые технологии, библиотеки, возможности Front-End разработки
Мой стек технологий
  • HTML5(Jade/PUG)
  • CSS3(SCSS/SASS)
  • JavaScript
  • jQuery
  • Методология BEM
  • Сборщик Gulp
  • Git
Дополнительно
Навыки:
  • Адаптивная верстка под любой размер экрана
  • Понимание валидной верстки
  • Навыки использования JavaScript/jQuery
  • Использование и настройка разнообразных JS/JQ плагинов
  • Использование, добавление и удаление плагинов Gulp
  • Использование Git
  • Умение и опыт использования препроцессоров SASS, SCSS, Jade/PUG
Технологии которые я использую в работе
html
HTML5
Именно он создает каркас вашего сайта или приложения, а пятая версия позволит мне создавать более SEO-оптимизированную структуру вашего продукта
css
CSS3
Этот язык стилей позволяет мне создавать абсолютно любой внешний вид вашего сайта или приложения. Все ограничивается только вашей фантазией!
js
JavaScript
Этот язык программирования позволяет оживить все что угодно: слайдеры, окна, подсказки, вкладки, получение данных от сервера и многое другое
jquery
jQuery
С помощью библиотеки jQuery можно делать наиболее использованные действия с сайтом, например - взаимодействие с модальными окнами, меню, табами, кнопками и так далее, но в более кратком виде, в отличии от JavaScript
Инструменты которые помогают мне в создании сайтов
tool
Методология БЭМ
При написании сайта я придерживаюсь методологии БЭМ, что позволяет проще и быстрее в будующем работать с кодом сайта, и в том случае если через некоторое время приходиться возвращаться к коду сайта, понятнее вносить корректировки в проект
tool
Gulp
Сборщик Gulp автоматизирует многие процессы во время написания сайта, например в автоматическом режиме сохраняет код в минифицированом виде, что ускоряет загрузку сайта, а так же оптимизирует картинки которые используються на сайте, и многое другое
tool
Git
С помощью Git я сохраняю контрольные точки во время вёрстки, что позволяет вернуться к определённой точке, работать в команде, либо просто сохранять проект с новыми корректировками или нововведениями
tool
Figma
При вёрстке сайта никуда без подготовленного макета, который переноситься в код из удобной для этого программы, в моём случае это - Figma
tool
SASS
Для оптимизации и ускорения работы с CSS кодом
tool
Jade / Pug
Для более краткой и быстрой записи HTML кода
tool
Различные плагины
Учитывая то что сайты бывают максимально разнообразные, и бывают разные задачи для которых уже существуют отличные решения, такие как например - слайдеры, работа с анимацией, модальные окна для увеличения картинок на сайте и т.п.
И именно для таких задач я использую плагины
Анимация - AOS, GSAP, Luttie
Слайдеры - Swipper, Slick
Примеры моих работ
project
  • Адаптивная вёрстка
  • Flex
  • Плагин анимаций AOS
  • JavaScript
arrow
project
  • Адаптивная вёрстка
  • Jade/Pug, SCSS
  • jQuery
  • Flex, Grid
  • Плагин слайдер Slick
arrow
project
  • Адаптивная вёрстка
  • CSS анимация
  • Плагин слайдер Slick
  • Flex, Grid
arrow
project
  • Адаптивная вёрстка
  • Плагин анимаций AOS
  • Flex
arrow
project
  • Адаптивная вёрстка
  • 4 страницы
  • Flex, Grid
arrow
project
  • Адаптивная вёрстка
  • Jade/Pug, SCSS
  • jQuery
  • Flex, Grid
arrow