Добрый день
я Арсен Вадиев

HTML верстальщик

Обо мне

Приветствую Вас на своем сайте-портфолио! Меня зовут Арсен. Занимаюсь HTML-версткой сайтов и веб-приложений.

Имею большой опыт работы над проектами различной сложности: от простых лендингов и многостраничных сайтов до крупных SPA-приложений на React и Angular. В работе использую компонентный подход, уделяю внимание структуре кода, его повторному использованию и удобству дальнейшей поддержки проекта.

Вёрстка выполняется в соответствии с современными стандартами: полностью валидная, кроссбраузерная и адаптивная. В зависимости от задач проекта использую Sass/Less, Bootstrap, Material UI, Angular Material и другие современные инструменты frontend-разработки.

Для автоматизации процесса разработки применяю Gulp и Webpack. При вёрстке по макету использую Pixel Perfect, чтобы добиться максимально точного соответствия дизайну. При необходимости подключаю и настраиваю JavaScript- и jQuery-библиотеки, плагины и готовые UI-компоненты.

Готовый код проверяю с помощью валидатора W3C, тестирую отображение интерфейса в популярных браузерах и на различных устройствах. Особое внимание уделяю адаптивности, производительности и корректной работе приложения на разных разрешениях экрана

Мои навыки

HTML5/CSS3

  • Семантичная верстка
  • Валидный, кроссбраузерный код
  • Адаптивная вёрстка
  • PixelPerfect

Sass/Less

  • Ускоренная стилизация сайта
  • Структурированный код
  • Упрощенный синтаксис
  • Гибкий и переиспользуемый код

Javascript/JQuery

  • Подключение библиотек
  • Настройка плагинов
  • Готовые UI-компоненты
  • Интерактивность интерфейса

Photoshop/Figma

  • Нарезка изображений из макета
  • Экспорт SVG иконок и изображений
  • Экспорт стилей для ускоренной верстки
  • Оптимизация изображений для веба

Bootstrap/Material UI

  • Высокая скорость разработки
  • Кроссбраузерность и адаптивность
  • Готовые элементы компонентов
  • Кастомизация под дизайн

Gulp/Webpack

  • Автоматизация сборки
  • Компиляция препроцессоров
  • Минификация кода
  • Объединение файлов в бандл

Процесс верстки

1
Работа с
макетом
2
Верстка
контента
3
Стилизация
сайта
4
Адаптивная
верстка
5
Проверка в
браузерах
6
Устранение
ошибок

Используемые инструменты, технологии

HTML/CSS
Js
Jquery
Sass
Less
Photoshop
Figma
VS Code
Cursor

Мои работы