Задание: Необходимо сверстать адаптивный отзывчивый сайт, используя готовый макет для ПК в формате png, набор готовых фотографий и текст. Использовать на практике знания пролученные при изучении спринтов 1, 2 и 3, плюс развить навык комадной работы на проектом.
- HTML, CSS
- Анимация CSS
- Nested БЭМ
- Flex, Grid Layout, резиновая верстка, адаптивная верстка, отзывчивый интерфейс
- Git - распределённая система управления версиями проектов
- GitHub - веб-сервис для хостинга IT-проектов и их совместной разработки с использованием системы контроля версий Git
- Соответствие макету - 30 баллов (Использовать PerfectPixel);
- Семантика + БЭМ - 20 баллов (Использовать правильные теги, Nested БЭМ)
- Адаптивность - 25 баллов (Внешний вид на разрешениях: большой экран, экран ПК, планшет, мобильный);
- Командная работа - 25 баллов (Использовать GitHub, создать организацию, создать команду, добавить членов команды).
- Точно определить шрифт текста, цвет фона, расстояния между блоками в макете png из брифа.
- Сделать верстку по своему вкусу для мобильного, планшета, большого экрана.
- Добавить на свой вкус анимацию там где это уместно.
- Вебинар по конкурсной работе
- Материалы для работы
- Образец макета в Figma для основных разрешений
- Закрытый командный проект в фигма
- Канбан доска проекта
- Финальный сайт
История работы:
