Trillo(Поиск отеля)

Основное внимание здесь уделяется технологий Flexbox , но так же уделяется внимание крутой анимации в меню навигаций и на кнопках. Написанию медиа запросов, для адаптаций под разные размеры экранов и разбору разных подходов к адаптаций, будь то мобильный дизайн - десктоп дизайн , либо же десктоп дизайн - мобильный дизайн. В конкретно этом случае использовался второй подход, то есть в медиа запросах использовался параметр max-width. Так же тут использовался препроцессор Scss, в основном для разбития на модули и использований переменных и миксинов. Пакеты npm, прификсер , компрессор, компилятор Scss в CSS, и менеджер задач.

Освоение:

Макетов Flexbox основные концепций, свойств Flex-контейнера и Flex элементов, расширенных методов позиционирования.

Препроцессора Scss (переменные, вложенности, миксины, импорт, функций ).

Расширенные рабочие процессы адаптивного дизайна, различные стратегий для мобильных устройств и настольных компьютеров, выбор точек размера экранов, единицы em, rem и запросы функций @supports для проверки поддерживает ли браузер свойство оформления.

Экосистема NPM, настройка процесса разработки для компиляций Scss, автоматической перезагрузки браузера, а также создание процесса сборки- объединения, префикса и сжатия файлов CSS.

Подход к освоению:

Такой же как и в проекте Natours(путешествия), слушаю преподавателя вникаю в его объяснения, практикую и убеждаюсь в том что действительно все понял как работает.

Результат:

Готовый проект и получение новых навыков для разработки.