Сайт портфоліо

Максим Панасюк

HTML - верстальник

persona
wave
icon
icon
icon

Навички у Web-розробці

image

HTML5

Знайомий з HTML більше двух років, вільно використовую можливості цієї мови для конкретних цілей, а п`ята версія дає можливість на виході отримати семантичну верстку

CSS3

Вільно використовую flex`и та grid`и, але останнім часом flex покриває 99% потреб розстановки елементів на сторінці, grid використувую в специфічних ситуаціях, наприклад "гібридна" сітка елементів із різними параметрами висоти та ширини елементів всередині неї, також є досвід застосування CSS-анімацій

JavaScript

Оцінюю свої навички володіння JS на твердий середній рівень. Реально із задоволенням пишу будь яку логіку для сайту - будь то ховер ефекти, перемикачі любих елементів, анімації, паралакс ефекти, обробка вхідних даних від користувача, отримання інформації по API та т.п.

jQuery

Був досвід використання jQ не тільки для налаштування певних плагінів, а для і основної логіки для сайту, розумію плюси цієї бібліотеки але зазвичай віддаю перевагу JS

Методологія БЕМ

Після знайомства із методологією Блок - Елемент - Модифікатор - це стало найкращим другом при версткі сайту, особливо під час написання стилів із препроцесором

Gulp

Кожний проект починається із розпаковки конфігурації моєї збірки Gulp в корневу директорію сайту підлаштованний для моїх потреб - зберігання змін та оновлення браузеру, запис мініфікованих файлів js/css для оптимізації кінцевого продукту, оптимізація картинок і тому подібне

Git

Певний час використовував Git для збереження/відновлення певного етапу верстки того чи іншого сайту. В команді досвіду використання не маю

Figma

Ідеальний варіант верстки сайту саме з готового макету, Figma має для цього всі потрібні можливості

SASS

Завжди при версткі використовую препроцесор SASS
Також раніше верстав із SCSS

Jade / Pug

Для більш короткого і швидкого запису HTML коду, але зазвичай пишу на ванільному HTML

JS/JQ плагіни

Маю досвід використання різних плагінів
Анімація - AOS, GSAP, Luttie
Слайдери - Swipper, Slick

icon icon icon icon icon icon icon icon icon icon icon

1/11

hand
dot
dot
dot
dot
dot
dot
dot
dot
dot
dot
dot
hand

Особиста інформація

Мені 24 роки

Займаюсь HTML версткою більше ніж 1.5 роки

Виконаних понад 50 проектів

Досвіду роботи в студії/компанії не маю, але виконував замовлення отримані в інтернеті/від знайомих/для особистих цілей і тому подібне

В майбутньому планую опанувати повноцінну Front-End розробку з використанням фреймворку React, а можливо навіть Full-Stack ( React + Node.js )

Маю розуміння семантичної верстки

Також присутні навички з обробки фото для верстки - обрізати, повернути, відзеркалити, видалити задній фон і тому подібне

wave

Мої проекти

Мій магазин аксесуарів

Особистий магазин для продажу аксесуарів без використання CRM та BD, весь функціонал із оформленням замовлення написаний через localStorage, після чого я отримую оповіщення в Telegram-канал з сайту через API

website

Найбільший мій сайт

Найбільший по кількості верстки та по затраченому часу мій сайт, він був написаний приблизно за ~14 днів, приблизно по 4 години верстки в день, верстав у вільний час

website

Крайній зверстаний проект

Приклад лендінгу над яким особисто мені було приємно працювати, послідовна блочна структура верстки майже без плаваючих елементів, лендінг курсів Казахської мови, зверстаний приблизно за 4 години

website

Попереднє портфоліо

Можливо буде важлива інформація з попереднього портфоліо (написане більше року назад, також має 6 проектів з figma), і для порівняння прогресу моїх навичок за останній рік можливо не буде лишнім

website
computer
wave