Cat Energy
Что сделано
- Главная страница, каталог, подбор программы, блог
- Интерактивная карта OpenStreetMap подключена с использованием библиотеки Leaflet.js
- Слайдер с котами до и после диеты
- Оптимизация графики на этапе сборки проекта
- Минификация HTML, CSS, JS
- SVG спрайт для иконок
- Стилизация (не)валидных полей формы после ухода с них
Вне рамок учебного курса продолжил развивать проект
- Перенес проект на генератор статики 11ty с использованием шаблонизатора Nunjucks
- Подключил Netlify CMS для добавления новых постов в блог
- В планах довести проект до полноценного ecommerce сайта
Преодоленные трудности
- Изучение принципов работы генератора статики параллельно с изучением шаблонизатора
- Разработка параллельно с основной работой
Чему научился
- Использовать линтеры для CSS и JS
- Верстать адаптивно
- Делать сборку проекта
- Строить базовые сетки на гридах
- Применять компонентный подход в разработке