Уроки по тегу «вёрстка»
Выясняем, что такое мета-тег viewport и как он помогает в адаптивности
Познакомимся с версткой с использованием процентов
Выясняем, как проверить ваш сайт на различных устройствах
Разбираемся в возможностях Flex при создании адаптивных макетов
Знакомимся с одним из самых мощных инструментов для создания адаптивных сайтов — Media Queries
Выясняем, для каких устройств возможно применять свои стили
Поговорим о новых типах данных — списках и ассоциативных массивах
Знакомимся с целями и задачами курса по программированию на SASS
Выясняем, как внести немного логики в функции и миксины, изучим конструкцию if/else
Поговорим о циклах в препроцессоре SASS и изучим различия между разными видами циклов
Учимся создавать собственные функции с помощью препроцессора SASS
Поговорим о дополнительных возможностях миксинов
Поговорим отличия явной и неявной сетки, изучим свойства grid-auto-rows и grid-auto-columns
Знакомимся с понятиями сеток и их составлящими в CSS Grid Layout
Изучаем влияние свойств позиционирования и z-index при использовании внутри сетки
Изучаем отступы между полосами и выравнивание полос сетки
Знакомимся с концепцией Grid, говорим о ключевых моментах и отличиях от Flex
Поговорим о свойствах, позволяющие создавать сетки с помощью CSS Grid Layout
Изучаем свойства, позволяющие произвольно располагать элементы внутри сетки
Учимся использовать JavaScript внутри препроцессора и использовать интерполяцию переменных и выражений
Учимся создавать миксины для переиспользования вёрстки внутри Pug
Изучаем условные конструкции препроцесса Pug, учимся использовать конструкции if, else, unless
Изучаем подключение Pug файлов и работу с дополнительными модулями, которые обрабатывают данные в разных форматах
Учимся перебирать массивы и объекты с использованием циклов Pug
Учимся добавлять теги, атрибуты и контент с помощью Pug
Устанавливаем препроцессор Pug и компилируем первый файл
Поговорим о трехмерном пространстве и чем оно отличается от двухмерного
Знакомимся с целями и задачами курса CSS: Трансформации
Поговорим о возможности наклонения HTML-элементов с использованием функции skew свойства transform
Учимся использовать изученные ранее трансформации в трехмерном пространстве
Изучаем работу функции translate и учимся перемещать объекты на странице с ее помощью
Изучаем масштабирование HTML-элементов с использованием функции scale свойства transform
Учимся вращать объекты с помощью функции rotate