Алёна Дыба

HTMl верстальщик
Front-end developer trainee

Привет! Меня зовут Алёна

Начала самостоятельно изучать вёрстку около двух лет назад в качестве хобби, так как заинтересовало создание сайтов. Со временем поняла, что хочу полностью погрузится в сферу веб-разработки и реализовывать красивые, функциональные и удобные страницы. За время учёбы я много мониторила и изучала разные сайты. Поняла, что мне есть что принести на этот рынок, так как я обладаю знаниями и желанием создавать.

Люблю развивать свои навыки и получать новые с помощью сложных и интересных задач. Поскольку я обладаю высокой внутренней мотивацией, с удовольствием ежедневно обучаюсь и выполняю практические задачи.

Личные качества, которые помогают мне совершенствоваться

Скрупулёзность, усидчивость, внимательность, ответственность. Легко нахожу общий язык с людьми любого возраста и рода деятельности. Обучаюсь сама, но в то же время не боюсь задать вопрос.

Цель

Развиваться совместно с компанией единомышленников.

Этапы работы

Анализ макета в графическом редакторе

  • Изучаю расположение блоков и элементов на странице
  • Экспортирую картинки
  • Формирую иконки в спрайт
  • Просматриваю шрифты и генерирую их в разные форматы

Разметка стринацы с помощью HTML

  • Создаю структуру и содержимое страницы с помощью тегов, обращая внимание на семантику
  • Подключаю файлы стилей и скриптов
  • Подключаю метатеги, которые содержат информацию для браузера и поисковых систем

Стилизация страницы в CSS (используя Sass)

  • Управляю расположением блоков на странице
  • Подключаю шрифты
  • Добавляю фоны, отступы, тени и всё остальное, что делает страницу красивой
  • Создаю небольшие анимации

Динамичность и отзывчивость с помощью Java Script

  • Кликабельность кнопок
  • Анимации
  • Слайдеры, табы, модальные окна
  • В связке с PHP настраиваю форму обратной связи для отправки данных на почту без перезагрузки страницы

Заключительный этап

  • Адаптирую страницы под устройства с разным разрешением
  • Проверяю код на валидность
  • Тестирую в разных браузерах и на разных устройствах
html5
css3
Sass
Java Script / jQuery
Grid / Flexbox
Bootstrap
Кроссбраузерная валидная вёрстка
Адаптивная / responsive вёрстка
Pixel perfect вёрстка
Использование спрайтов
Photoshop / Figma
Подключение нестандартных шрифтов

Адаптивная вёрстка Landing Page с Parallax эффектом, плавным появлением блоков при скролле и CSS анимацией

Посмотреть работу

Адаптивная вёрстка Landing Page с плавым появлением блоков при скроле и использованием табов

Посмотреть работу

Вёрстка многостраничного сайта с применением слайдера и табов

Посмотреть работу

Адаптивный Landing Page с использованием модальных окон, слайдера и табов

Посмотреть работу

Вёрстка одностраничного сайта на Bootstpap4 с использованием слайдера Slick Slider и табов

Посмотреть работу

Адаптивная вёрстка Landing Page с CSS анимацией, табами и слайдером Slick Slider

Посмотреть работу

Адаптивная вёрстка Landing Page с видео, стилизированным select и слайдером

Посмотреть работу

Адаптивная вёрстка Landing Page с модальными окнами, табами, слайдерами, видео и калькулятором отсчёта времени

Посмотреть работу

Вёрстка одностраничного сайта со слайдером реализованным при помощи Slick Slider, вставкой видео и google maps

Посмотреть работу

Адаптивная вёрстка многстраничного сайта c использованием слайдера, сетка выполнена при помощи Flexbox

Посмотреть работу

Адаптивная вёрстка сайта с анимированной фиксированной шапкой, плагином комментарие facebook

Посмотреть работу

Адаптивная вёрстка Landing Page с аккордеоном, в котором реализован стилизованный скроллбар

Посмотреть работу