Распродажа!

Flexbox и smart-grid Продвинутая вёрстка

Первоначальная цена составляла 1,190 грн.Текущая цена: 390 грн.

 Вы экономите: 800 грн (67%)
 Поторопитесь! Заканчивается через

Видео курс. Новый способ, использует в себе всю мощь современных технологий: flexbox и функция calc из CSS3, один из препроцессоров на выбор (LESS, SCSS, SASS, Stylus), сборщик проектов gulp и пара его чудесных плагинов. Всё это даёт невероятный прирост в скорости и качестве вёрстки!

Список желаний
Дополнительная скидка в 20% при покупке от 2 курсов. Активируется автоматически.

Язык преподавания в курсе – русский. Вскоре будет доступна украинская версия этого курса.

Видеозаписи лекций без обратной связи и участия преподавателя. Вы получите доступ к материалам сразу после оплаты.

Видео курс. Новый способ, использует в себе всю мощь современных технологий: flexbox и функция calc из CSS3, один из препроцессоров на выбор (LESS, SCSS, SASS, Stylus), сборщик проектов gulp и пара его чудесных плагинов. Всё это даёт невероятный прирост в скорости и качестве вёрстки!

Курс для тех, кто:

– Владеет основами вёрстки, в том числе, адаптивной

– Периодически бесится при создании адаптивной вёрстки

– Хочет освоить классный инструмент и стать мастером

Основы Flexbox
– Основная и вспомогательная оси
– Тонкости выравнивания элементов
– Адаптивка без media-запросов
– Расчёт размеров элемента

– Фокусы flex-grow
– Нюансы в IE 11
– Погрешность расчёта размеров
– Код без media-запросов: за и против

– Flex-direction: column
– Нюансы переноса элементов
– Вертикальные и горизонтальные отступы
– Смена порядка следования элементов
– Задачи, для которых flex неудобен

– Общие выводы по технологиям
– Необходимость автоматизации мелочей
– Моральная подготовка к node.js

– Node.js и NPM – основы магии
– Gulp – сборка проекта
– Autoprefixer – кроссбраузерность
– Concat – соединение файлов
– Sourcemaps – удобная отладка

– Плагин Clean CSS
– Group CSS Media Queries
– Неудобства плагина concat
– Чего не хватает в чистом CSS

– Основы CSS-препроцессоров
– Иерархическое написание
– Переменные и примеси
– Написание кода на LESS
– Написание кода на SASS (SCSS)

– Синтаксисы разных препроцессоров
– LESS vs SCSS
– Препроцессоры vs постпроцессоры

– npm i smart-grid – поехали!
– Основы создания сетки
– Отступы в px или в %
– Margin и padding варианты
– Настройка свойств сетки

– Нюансы fields и offset
– Резиновые и обычные элементы
– Row и col без size

– Вёрстка макета
– Оптимизация кода
– Иерархия селекторов vs BEM
– ополнительные приёмы вёрстки
– Кроссбраузерность

– Подведение итогов курса
– Ответы на финальные вопросы
– Направление дальнейшего развития

Артикул: PR-20 Категории: , ,

Похожие курсы

  • Распродажа! HTML5 и CSS3. Создание адаптивных сайтов - видеокурс
    HTML5 и CSS3. Создание адаптивных сайтов – видеокурс
    Первоначальная цена составляла 1,190 грн.Текущая цена: 390 грн. Купити
  • Распродажа! HTML5, CSS3, FlexBox верстка сайтов - видеокурс
    HTML5, CSS3, FlexBox верстка сайтов – видеокурс
    Первоначальная цена составляла 1,190 грн.Текущая цена: 390 грн. Купити
  • Распродажа! Курс CSS Grid - адаптивная верстка
    Курс CSS Grid – адаптивная верстка
    Первоначальная цена составляла 1,190 грн.Текущая цена: 390 грн. Купити