Апрель 2022 —
Октябрь 2022 (6 месяцев)
Веб студия ABI Business
Frontend-разработчик
Сайт визитка шоу Искушение
https://romandodenko.github.io/hosting-site/iskywenie/
Сайт был сверстан с нуля. На данном сайте реализовал дождь, через canvas. При наведение на главный блок, появляются фотографии. Классный ховер эффект капель при наведение на кнопку билеты.
Стэк: HTML5, CSS3, для работы с CSS использовал препроцессор SASS - диалект SCSS, JavaScript. В разработке применял методологию БЭМ, для сборки проекта использовал сборщик Gulp.
--
Сервис кредитования - Лавка олигарха
https://romandodenko.github.io/hosting-site/lavka-oligarha/
Много страниц на которые можно перейти, если их сюда писать можно запутаться. Так что приложу просто макет
https://www.figma.com/file/zetcRmn4PiFN6wSY6wrURn/%D0%9B%D0%B0%D0%B2%D0%BA%D0%B0-%D0%9E%D0%BB%D0%B8%D0%B3%D0%B0%D1%80%D1%85%D0%B0-(Copy)?node-id=0%3A1&t=CSRIeyNAWVHkhpnc-0 - макет
Многостраничный сайт - 74 страницы. Есть кабинеты модератора, пользователя( заемщика, кредитора ).
Сайт был сверстан с нуля. На данном сайте сделал множество слайдеров, кастомные селекты, кастомные инпуты, кастомные радио кнопки. Аккордеон, табы. Подгрузку элементов при нажатии на кнопку. Была проделана большая работа с DOM деревом.
При наведении на пользователя на главной странице появляется статистика пользователя. Добавление полей в конструкторе документов, появление элемента при заполнение инпута. Сложный адаптив
Стэк: HTML5, CSS3, для работы с CSS использовал препроцессор SASS - диалект SCSS, JavaScript. В разработке применял методологию БЭМ, для сборки проекта использовал сборщик Gulp.
--
Лендинг по продаже спортивной экипировки и снаряжения - Grevs
https://romandodenko.github.io/hosting-site/grevs/
Сайт был сверстан с нуля. На данном сайте сделал кастомные инпуты, кастомный селект. Анимация.
Стэк: HTML5, CSS3, для работы с CSS использовал препроцессор SASS - диалект SCSS, JavaScript. В разработке применял методологию БЭМ, для сборки проекта использовал сборщик Gulp.
--
Интернет магазин Zamena-AKB по продаже аккумуляторов , 6 страниц.
https://romandodenko.github.io/hosting-site/akb/
Страницы на которые можно перейти:
1) Главная страница
2) Каталог
3) Подбор по авто
4) Карточка товара
5) Коммерческое предложение
6) Контакты
7) Есть страница ошибки
Сайт был сверстан с нуля. На данном сайте сделал множество кастомных инпутов, селектов. Кастомный скролл. Фильтр в каталоге. Попапы. Grid сетку. Вставил яндекс карту, с ленивой загрузкой( условно если пользователь приближается к карте, до неё остается 500 пикселей, она загружается ), такой метод улучшает загрузка сайта. Сложный адаптив.
Стэк: HTML5, CSS3, для работы с CSS использовал препроцессор SASS - диалект SCSS, JavaScript. В разработке применял методологию БЭМ, для сборки проекта использовал сборщик Gulp.
--
Лендинг сервиса по ремонту техники - Quality
https://romandodenko.github.io/hosting-site/quality/
Сайт был сверстан с нуля. На данном сайте сделал параллакс эффект. Grid сетку. Табы. Попапы. Анимацию при скролле сайта. Вставил яндекс карту, с ленивой загрузкой( условно если пользователь приближается к карте, до неё остается 500 пикселей, она загружается ), такой метод улучшает загрузка сайта. Подключил и настроил форму для отправки письма на почту.
Стэк: HTML5, CSS3, для работы с CSS использовал препроцессор SASS - диалект SCSS, JavaScript. В разработке применял методологию БЭМ, для сборки проекта использовал сборщик Gulp.
--
Информационный сайт, 9 страниц - Апарт отеля «Ohta SKI Resort»
https://romandodenko.github.io/hosting-site/ohta/
Страницы на которые можно перейти:
1) Главная страница
2) О комплексе
3) Акции
4) Сама акция
5) Апартаменты / коттеджи
6) Сам апартамент / коттедж
7) Отдых и развлечение
8) Универсальная страница, заходить через страницу отдых и развлечение
9) Контакты
10) Страница ошибки
Сайт был сверстан с нуля. На данном сайте сделал множество слайдеров. Галерею. Кастомные инпуты. Табы. Попапы. Grid сетку Вставил яндекс карту, с ленивой загрузкой( условно если пользователь приближается к карте, до неё остается 500 пикселей, она загружается ), такой метод улучшает загрузка сайта.
Стэк: HTML5, CSS3, для работы с CSS использовал препроцессор SASS - диалект SCSS, JavaScript. В разработке применял методологию БЭМ, для сборки проекта использовал сборщик Gulp.