Привет, меня зовут Ольга Дука и я начинающий

frontend developer

занимаюсь версткой современных и отзывчивых WEB-приложений

Технологии

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

Разметка по технологии БЭМ

Ваш сайт можно будет легко поддерживать в работоспособном состоянии при расширении и масштабировании

Семантическая разметка

Используем все преимущества HTML5 для создания логичного и понятного веб-интерфейса

Надежная верстка на флексах

Можете легко изменять и добавлять информацию в любые разделы сайта без риска испортить или развалить верстку

Адаптивная верстка

Ваш сайт будет одинаково хорошо смотреться как на десктопе, так и на мобильных устройствах

Кроссбраузерная верстка

Верстка одинаково правильно работает в двух последних версиях всех популярных браузеров

Адаптивная графика

Векторная графика, спрайты, ретинизация изображений, прогрессивный jpg - оптимизируют загрузку сайта для любых устройств

Доступность

Интерфейс сайта доступен не только для мышки, им будет удобно пользоваться с клавиатуры, его можно будет "прочесть" скринридером

JavaScript

Всплывающие окна, выпадающие меню, слайдеры, фильтры, валидация форм, анимация добавят Вашему сайту интерактивности

Мои работы

Никто не зажигает светильник, чтобы спрятать его за дверью: цель его в создании света, чтобы открыть людям глаза и показать чудеса вокруг...

Лендинг Take

  • Разметка по технологии БЭМ
  • Адаптивная верстка
  • Резиновая верстка на флексах
  • Адаптивная графика
  • Стили на препроцессоре Sass
  • Кроссбраузерная верстка
  • Автоматизация - Gulp
img06

Токио

  • Оживление готовой верстки на JS:
  • 1.Обмен данными с сервером
  • 2.Фильтрация данных
  • 3.Формирование объектов DOM
  • 4.Валидация формы
  • 5.Загрузка файлов через Drag-n-Drop
  • 6.Кроссбраузерные скрипты
img05

Пинк

  • Адаптивная верстка 3-х страниц
  • Фиксированная верстка на флексах
  • Адаптивная графика, SVG-спрайт
  • Стили на препроцессоре Sass
  • Всплывающие окна на JS
  • Кроссбраузерная верстка
  • Автоматизация - Gulp
img03

Девайс

  • Фиксированная верстка на флексах
  • Выполнены главная страница и каталог
  • Анимированные кнопки
  • Два слайдера на CSS
  • Всплывающие окна на JS
  • Кроссбраузерная верстка
img04

Глэйси

  • Фиксированная верстка на флексах
  • Выполнены главная страница и каталог
  • Подключена интерактивная карта
  • Слайдер на CSS
  • Всплывающие окна на JS
  • Кроссбраузерная верстка
img02

Седона

  • Фиксированная верстка на флоатах
  • Выполнены главная и страница выбора гостиницы
  • Подключена интерактивная карта
  • Всплывающая форма и валидация данных на JS
  • Кроссбраузерная верстка
img01

Все проекты кликабельны и расположены по времени создания - от простого к сложному: вверху идут последние. Ссылки ведут на GitHub, где можно все подробно рассмотреть. Этот сайт с портфолио тоже сделан мною

Мои Инструменты

Что позволяет мне быть уверенной в своих силах? Владение современными инструментами. Успешное окончание интенсивных курсов HTML-Академии по продвинутой верстке и базовым основам JavaScript, где все эти инструменты были освоены на практике.

  • HTML5 + CSS3

    Собственно верстка

  • JavaScript

    Оживление верстки

  • Sass + Gulp

    Автоматизация: препроцессор и сборщик проектов

  • Git, GitHub

    Система контроля версий

  • PhotoShop CC 2017

    Работа с дизайнерскими макетами

Вы готовы начать?

Я доступна для фриланс-проектов.

Мои контакты:

+7-913-962-53-18

olga_duka

Стучаться с пометкой: Верстка.

Возможно, что у нас с Вами получится сделать интересный проект...