Веб-дизайн и верстка сайта. Курс от WebForMySelf (Даниил Волосатов и Денис Булыга)

Подробнее о курсе "Веб-дизайн и верстка": https://webformyself.com/dv/

Раздел 1. Дизайн

Блок 1. Figma от А до Я
В этом модуле будет разобран весь инструментарий Figma. Будут рассмотрены все 19 инструментов, которые потребуются для создания современных дизайнов сайтов.

Блок 2. Дизайн. Десктоп версия
В этом модуле Вы узнаете, как создавать полноэкранные дизайны сайтов. Всего будет 6 экранов. Узнаете, как работать с фреймами, сетками и формами.

Блок 3. Дизайн. Мобильная версия
В этом модуле Вы увидите, как адаптировать поэкранные дизайны сайтов под мобильную версию от А до Я.

Раздел 2. Верстка сайта

В данном разделе курса показана верстка макета, который создавали в предыдущем разделе. Макет имеет нестандартную структуру – каждый логический раздел сайта занимает ровно один экран. При его верстке мы будем реализовывать различные интересные эффекты: появления дополнительного контента, калькулятор стоимости работ, галерею изображений, «поэкранную» навигацию с плавным скролом между разделами и т.д. И конечно, верстка данного макета будет адаптивной.

В данном разделе последовательно, шаг за шагом показывается создание верстки страницы из макета, созданного в Figma. Показано, как описать разметку для каждого блока сайта, как стилизовать блоки, чтобы они выглядели именно так, как были нарисованы на макете, и как адаптировать каждый блок под мобильные устройства.

Также показано, как подключить и использовать дополнительные библиотеки, которые необходимы для реализации эффектов, которые должны присутствовать на странице. При верстке данного макета показано использование самых последних техник и технологий верстки, такие как Flex и Grid.

В итоге вы увидите, как сверстать достаточно сложный, нестандартный макет, который был создан в предыдущей части курса.

Подробнее о курсе "Дизайн+Верстка": https://webformyself.com/dv/

Видео Веб-дизайн и верстка сайта. Курс от WebForMySelf (Даниил Волосатов и Денис Булыга) канала WebForMySelf