Личный проект «Кэт энерджи»

Репозиторий создан для обучения на профессиональном онлайн‑курсе «HTML и CSS. Адаптивная вёрстка и автоматизация» от HTML Academy. Курс пройден в январе 2021 года.

• Студент: Ирина Дружинина
• Наставник: Юрий Белобородов

JavaScript-код является необязательным заданием данного онлайн-курса. Слайдер "Упитанный/похудевший кот" и мобильное меню "Бургер" оживлены при помощи готовых шаблонов JS EcmaScript 5

За время работы с проектом изучено:

• Семантическая и валидная верстка
• БЭМ методология
• Sass и Less препроцессоры (в проекте использован Sass)
• Адаптивная и резиновая верстка
• Работа с графикой и её оптимизация (адаптивная, ретиновая, векторная, растровая, формат WebP)
• Mobile first (проект выполнен в мобильной, планшетной и Desktop версиях)
• Кроссбраузерность
• Выравнивание по макету в PixelPerfect
• Работа с ускорением производительности верстки (оптимизация шрифтов, LightHouse, Google PageSpeed)
• Сборка Gulp
• Вспомогательные инструменты Node.js и npm
• Работа с Git

Запуск и сборка

• Установка зависимостей: npm i
• Сборка проекта: npm run build
• Запуск локального сервера: npm start

Обзор проекта:

https://druzh-irina.github.io/cat-energy/