Пекарня
Верстка лендинга для пекарни на основе предоставленного в Figma макета.
Инструменты:
- #HTML5
- #CSS3
- #SCSS
- #JavaScript
- #SwiperJs
- #Gulp
- #FirebaseHosting
Основные этапы работы:
1. Верстка макета с помощью HTML5 и CSS3:
- Обеспечение адаптивности с использованием медиа-запросов, что позволяет лендингу
выглядеть отлично на всех устройствах.
2. Использование препроцессора SCSS:
- Удобство управления стилями и упрощение работы с CSS.
3. Интеграция интерактивных элементов:
- Использование JavaScript для улучшения пользовательского опыта.
4. Использование SwiperJs:
- Создание интерактивных слайдеров для демонстрации контента.
- Адаптивные настройки слайдеров для корректного отображения на различных устройствах.
- Интеграция анимаций и навигационных элементов для улучшения пользовательского
опыта.
5. Оптимизация изображений и кода:
- Обеспечение быстрого загрузки страницы.
6. Использование Gulp:
- Автоматизация процесса сборки проекта, включая компиляцию SCSS, минимизацию
файлов и автоматическое обновление во время разработки.
7. Развертывание на Firebase Hosting:
- Стабильная и быстрая работа сайта благодаря хостингу на платформе Firebase.
Инструменты:
- #HTML5
- #CSS3
- #SCSS
- #JavaScript
- #SwiperJs
- #Gulp
- #FirebaseHosting
Основные этапы работы:
1. Верстка макета с помощью HTML5 и CSS3:
- Обеспечение адаптивности с использованием медиа-запросов, что позволяет лендингу
выглядеть отлично на всех устройствах.
2. Использование препроцессора SCSS:
- Удобство управления стилями и упрощение работы с CSS.
3. Интеграция интерактивных элементов:
- Использование JavaScript для улучшения пользовательского опыта.
4. Использование SwiperJs:
- Создание интерактивных слайдеров для демонстрации контента.
- Адаптивные настройки слайдеров для корректного отображения на различных устройствах.
- Интеграция анимаций и навигационных элементов для улучшения пользовательского
опыта.
5. Оптимизация изображений и кода:
- Обеспечение быстрого загрузки страницы.
6. Использование Gulp:
- Автоматизация процесса сборки проекта, включая компиляцию SCSS, минимизацию
файлов и автоматическое обновление во время разработки.
7. Развертывание на Firebase Hosting:
- Стабильная и быстрая работа сайта благодаря хостингу на платформе Firebase.