Сайт в интернете

Проект создан в рамках Акселератора HTML Academy.

Акселератор HTML Academy — имитатор реальной командной работы над проектом.

• Разработчик: Роман Демин

• Куратор проектов Акселератора: Софья Дышпан
• Менеджер проекта Акселератор: Наташа Мизикевич
• Наставник: Максим Воробьев
• Тестировщик: Евгения Рябикова

1. Стандарты вёрстки: HTML5, CSS3, прогрессивное улучшение.
2. Раскладка блоков на странице делается с помощью флексбоксов.
3. Адаптивность сетки: мобильная, планшетная и десктопная версии по принципу Desktop First. На всех промежуточных разрешениях используется резиновая вёрстка.
4. Методология: БЭМ.
5. Фреймворки: не используются.
6. Препроцессор: Sass.
7. Инструмент автоматизации: Gulp.
8. Кроссбраузерность: Chrome, Firefox, Safari, Internet Explorer 11.
9. Нестандартные шрифты подключены локально.
10. Главное меню в мобильной версии реализуется с применением JavaScript. Меню должны быть работоспособным при отключенном JavaScript.
11. Система управления версиями: Git

Все проекты реализуются в соответствии с критериями качества.

• Верстка сайта
• Мобильное меню реализовано с использованием JavaScript.
• Для валидации поля формы "Телефон" использован скрипт JS: реализуется наложения маски с заданным форматом телефонного номера.
• Аккордеон в футере сайта реализован на JavaScript.
• Посредством JavaScript реализовано модальное окно с формой для обратной связи; содержимое полей "Имя", "Телефон" и "Ваше сообщение", заполненные пользователем, сохраняются в localStorage.
• Автоматизирована система сжатия изображений и сборки сайта с использованием Gulp.
• Сайт размещен на хостинге и протестирован на производительность c помощью PageSpeed Insights
• Проведены работы по улучшению производительности в соответствии с рекомендациями PageSpeed: оптимизация предзагрузки шрифтов, подобрано достаточное сжатие изображений но с минимальными потерями в качестве.

• Node.js - последнюю версию LTS
• NPM - установка включена в установку Node.js
  • Проверьте корректность установки Node и NPM:
    • node --version
    • npm --version
• Установите Gulp-cli - v4.x: npm install --global gulp-cli
  • Проверьте корректность установки Gulp: gulp --version

• Запустите терминал из корневой директории проекта
• Установите npm-пакеты плагинов сборки и тестирования (devDependencies из файла package.json) - npm i
• Протестируйте код на соответствия style-guides - npm test
• Соберите проект без запуска локального сервера - npm run build
• Запустите локальный сервер - npm start