Мое портфолио

Верстка сайтов

Все работы в разделе верстки валидны, кроссбраузерные, доступные и сверстаны семантично.

• Mishka. Милые штуки ручной работы

  Адаптивный(мобильный, планшетный, десктопный) кроссбраузерный сайт. Главная страница, страница каталог и страница формы. Есть модалное окно выбора размера. HTML5, CSS3, JavaScript, Flexbox, Gulp, Git, Less, BEM, SVG sprite. Сайт оптимизирован, файлы минимизированы, изображения загружаються согласно характеристикам экрана пользователя. При возможности для изображений используется формат webp. Оптимизирована загрузка шрифтов.

• Cat Energy. Продвинутое питание для котов

  Адаптивный(мобильный, планшетный, десктопный) резиновый кроссбраузерный сайт. Главная страница, страница каталог и страница формы. HTML5, CSS3, JavaScript, Flexbox, Gulp, Git, Sass/Scss, BEM, SVG sprite. Сайт оптимизирован, файлы минимизированы, изображения загружаються согласно характеристикам экрана пользователя. При возможности для изображений используется формат webp. Оптимизирована загрузка шрифтов.

• Sedona. Сайт туристического агенства

  Главная страница, страница каталогa и формы. Модальное окно "ПОИСК ГОСТИНИЦЫ В СЕДОНЕ". HTML5, CSS3, JavaScript, Flexbox, Git, CSS Animation.

• Сайт магазина электроники Девайс

  Главная страница, страница каталог и страница формы. Работатют слайдеры и модальные окна(Карта и Напишите нам). HTML5, CSS3, JavaScript, Flexbox, Git, SVG filters, CSS Animation.

• Магазин мотоцыклов Ямаха

  Главная страница. HTML5, CSS3, Flexbox, SVG sprite.

• Сайт-магазин дизайнерской фирмы

  Главная страница, страница каталогa и формы. Модальное окно обратной связи. HTML5, CSS3, JavaScript, Flexbox, Git.

JavaScript

• Keksobooking. Сервис размещения объявлений о сдаче в аренду недвижимости в центре Токио.

  Пользователям предоставляется возможность размещать объявления о своей недвижимости или просматривать уже размещённые объявления. Технологии: ES5, модули, AJAX, Canvas, работа с DOM, XML.

• Код и Магия — промо-сайт игры

  Пользователям предоставляется возможность поиграть в демо-версию игры, создать уникального персонажа, выбрав цвет глаз, одежды и фаербола. Технологии: ES5, модули, AJAX, Canvas, работа с DOM, XML.

• Big Trip. Онлайн менеджер путешествий

  Компонентный подход, ООП, паттерн MVC, ES6, Webpack, REST API, Promise, fetch. Приложение умеет добавлять новые точки маршрута, редактировать их, фильтровать, сортировать, удалять. Показана статистика по всем точкам маршрута.

• (REACT)What to whatch. Платформа для просмотра фильмов

  React.js, PropTypes, тестирование, различные реакт-паттерны, Redux, redux-thunk, axios, React-Router. Приложение умеет показывать список фильмов, фильтровать его по жанрам, показывать превью по наведению на карточку, отсавлять коментарии к фильмам, добавлять фильмы в "Мой список", проверять авторизирован ли пользователь, логинить пользователя(можно вводить любую почту и пароль, главное чтобы почта была валидна) и конечно показыват кино в обычном и полноэкранном режиме. Некоторые функции("Мой список", комментарии, просотр фильма) доступны только для авторизированых пользователей. Ссылка для логаута