Уроки по тегу «вёрстка»

В каталоге хекслета найдено 36 уроков по теме «вёрстка». Уроки по теме «вёрстка» есть в курсах: CSS: Адаптивность сайта, SASS: Программирование, CSS: Вёрстка на Grid, HTML: Препроцессор Pug, CSS: Transform (трансформация объектов).

Выясняем, как проверить ваш сайт на различных устройствах

Знакомимся с темой и целями курса

Выясняем, что такое мета-тег viewport и как он помогает в адаптивности

Познакомимся с версткой с использованием процентов

Разбираемся в возможностях Flex при создании адаптивных макетов

Знакомимся с одним из самых мощных инструментов для создания адаптивных сайтов — Media Queries

Выясняем, для каких устройств возможно применять свои стили

Выясняем, как внести немного логики в функции и миксины, изучим конструкцию if/else

Поговорим о новых типах данных — списках и ассоциативных массивах

Поговорим о циклах в препроцессоре SASS и изучим различия между разными видами циклов

Знакомимся с целями и задачами курса по программированию на SASS

Учимся создавать собственные функции с помощью препроцессора SASS

Поговорим о дополнительных возможностях миксинов

Изучаем работу с основными типами данных в SASS

В курсе «CSS: Вёрстка на Grid»

Знакомимся с понятиями сеток и их составлящими в CSS Grid Layout

В курсе «CSS: Вёрстка на Grid»

Изучаем влияние свойств позиционирования и z-index при использовании внутри сетки

В курсе «CSS: Вёрстка на Grid»

Изучаем отступы между полосами и выравнивание полос сетки

В курсе «CSS: Вёрстка на Grid»

Поговорим отличия явной и неявной сетки, изучим свойства grid-auto-rows и grid-auto-columns

В курсе «CSS: Вёрстка на Grid»

Знакомимся с концепцией Grid, говорим о ключевых моментах и отличиях от Flex

В курсе «CSS: Вёрстка на Grid»

Поговорим о свойствах, позволяющие создавать сетки с помощью CSS Grid Layout

В курсе «CSS: Вёрстка на Grid»

Изучаем свойства, позволяющие произвольно располагать элементы внутри сетки

Изучаем условные конструкции препроцесса Pug, учимся использовать конструкции if, else, unless

Учимся использовать JavaScript внутри препроцессора и использовать интерполяцию переменных и выражений

Учимся создавать миксины для переиспользования вёрстки внутри Pug

Изучаем подключение Pug файлов и работу с дополнительными модулями, которые обрабатывают данные в разных форматах

Учимся перебирать массивы и объекты с использованием циклов Pug

Рекомендуемые курсы по теме «вёрстка» для начинающих

Нашли 5 курсов по тегу «вёрстка»
курс
Адаптивность страниц: резиновая верстка, флекс и медиазапросы для создания сайтов под разные устройства
7 часов  
Старт в любое время
курс
Автоматизация написания CSS с помощью SASS: генерирование классов, работа с циклами и массивами
7 часов  
Старт в любое время
курс
Позиционирование в CSS с помощью Grid. Адаптивные сетки, управление расположением элементов, адаптив под разные экраны
6 часов  
Старт в любое время
курс
Применение препроцессора Pug для шаблонизации HTML и создания многостраничных сайтов с использованием циклов, переменных и миксинов
9 часов  
Старт в любое время
курс
Изучение трансформации в CSS для создания движущихся блоков и анимаций в дизайнерских проектах
7 часов  
Старт в любое время