1. Проанализировать предоставленный макет дизайна , внести необходимые технические правки в предоставленный макет дизайна FIGMA для последующей корректной верстки , уточнить отступы текста, проверить корректность расположения элементов по сетке, скорректировать мобильную версию в дизайне включая улучшение логической структуры с целью дальнейшей адаптации под мобильные устройства. Уточнить логическую структуру проекта в целом, предложив свои идеи для возможного улучшения юзабилити . Предложить и реализовать анимацию при наведении на блоки, разделы, ссылки и кнопки .
2. Создать верстку под все типы экранов самый большой монитор 32 дюйма, 4 к , все десктоп варианты дисплеев меньшего размера, ноутбуки, планшеты.
Независимость блоков CSS
Структура каталогов верстки все в отдельных папках
JS БИБЛИОТЕКИ И ШРИФТЫ с CDN
МИНИМИЗИРОВАН css html
Аудит проведенный в в lighthouse PageSpeed Insights (developers.google.com/web ) не должен содержать рекомендаций либо ошибок
Уровень производительностиlighthousePageSpeed Insights(developers.google.com/web) должен иметь показатели в зеленой области 90–100
Так же должны быть пройдены все тесты в следующих и аналогичных инструментах тестирования
validator.w3.org jigsaw.w3.org/css-validat... www.w3.org/2016/11/mobile... validator.w3.org/checklin... validator.w3.org/feed/ Инструменты дебагинга Chrome Dev Tools
Методология именования классов BEM
Соблюдение стандартов W3C
Кросс-браузерная и кросс-платформенная разработка
Адаптивная / резиновая верстка под все виды устройств
Чистый, валидный и семантически верный код, все изображения сжаты, все файлы минифицированы
Оптимизация Google Page Speed
VS Code