Проект создан в рамках Акселератора HTML Academy.
Акселератор HTML Academy — имитатор реальной командной работы над проектом.
- Разработчик: Роман Демин
- Куратор проектов Акселератора: Софья Дышпан
- Менеджер проекта Акселератор: Наташа Мизикевич
- Наставник: Максим Воробьев
- Тестировщик: Евгения Рябикова
- Стандарты вёрстки: HTML5, CSS3, прогрессивное улучшение.
- Раскладка блоков на странице делается с помощью флексбоксов.
- Адаптивность сетки: мобильная, планшетная и десктопная версии по принципу Desktop First. На всех промежуточных разрешениях используется резиновая вёрстка.
- Методология: БЭМ.
- Фреймворки: не используются.
- Препроцессор: Sass.
- Инструмент автоматизации: Gulp.
- Кроссбраузерность: Chrome, Firefox, Safari, Internet Explorer 11.
- Нестандартные шрифты подключены локально.
- Главное меню в мобильной версии реализуется с применением JavaScript. Меню должны быть работоспособным при отключенном JavaScript.
- Система управления версиями: Git
Все проекты реализуются в соответствии с критериями качества.
- Верстка сайта
- Мобильное меню реализовано с использованием JavaScript.
- Для валидации поля формы "Телефон" использован скрипт JS: реализуется наложения маски с заданным форматом телефонного номера.
- Аккордеон в футере сайта реализован на JavaScript.
- Посредством JavaScript реализовано модальное окно с формой для обратной связи; содержимое полей "Имя", "Телефон" и "Ваше сообщение", заполненные пользователем, сохраняются в localStorage.
- Автоматизирована система сжатия изображений и сборки сайта с использованием Gulp.
- Сайт размещен на хостинге и протестирован на производительность c помощью PageSpeed Insights
- Проведены работы по улучшению производительности в соответствии с рекомендациями PageSpeed: оптимизация предзагрузки шрифтов, подобрано достаточное сжатие изображений но с минимальными потерями в качестве.
- Node.js - последнюю версию LTS
- NPM - установка включена в установку Node.js
- Проверьте корректность установки Node и NPM:
node --version
npm --version
- Проверьте корректность установки Node и NPM:
- Установите Gulp-cli - v4.x:
npm install --global gulp-cli
- Проверьте корректность установки Gulp:
gulp --version
- Проверьте корректность установки Gulp:
- Запустите терминал из корневой директории проекта
- Установите npm-пакеты плагинов сборки и тестирования (devDependencies из файла package.json) -
npm i
- Протестируйте код на соответствия style-guides -
npm test
- Соберите проект без запуска локального сервера -
npm run build
- Запустите локальный сервер -
npm start