[Дмитрий Лаврик] [SmartGrid] Продвинутая вёрстка

745fa27de4 [Дмитрий Лаврик] [SmartGrid] Продвинутая вёрстка

Курс: «[Дмитрий Лаврик] [SmartGrid] Продвинутая вёрстка». Материал прислал анонимный пользователь без комментариев. 

Материал может быть удален по запросу правообладателя!

Описание курса:

Программа курса:

Вводный вебинар:

  • Техническая информация
  • Доступы в группы и к тренажёрам
  • Обзор программы курса
  • Обзор вспомогательных инструментов

1 Занятие:

  • Основы Flexbox
  • Основная и вспомогательная оси
  • Тонкости выравнивания элементов
  • Адаптивка без media-запросов
  • Расчёт размеров элемента
  • Разбор домашних работ
  • Фокусы flex-grow
  • Нюансы в IE 11
  • Погрешность расчёта размеров
  • Код без media-запросов: за и против

2 Занятие:

  • Flex-direction: column
  • Нюансы переноса элементов
  • Вертикальные и горизонтальные отступы
  • Смена порядка следования элементов
  • Задачи, для которых flex неудобен
  • Разбор домашних работ
  • Общие выводы по технологиям
  • Необходимость автоматизации мелочей
  • Моральная подготовка к node.js

3 Занятие:

  • Node.js и NPM — основы магии
  • Gulp — сборка проекта
  • Autoprefixer — кроссбраузерность
  • Concat — соединение файлов
  • Sourcemaps — удобная отладка
  • Разбор домашних работ
  • Плагин Clean CSS
  • Group CSS Media Queries
  • Неудобства плагина concat
  • Чего не хватает в чистом CSS

4 Занятие:

  • Основы CSS-препроцессоров
  • Иерархическое написание
  • Переменные и примеси
  • Написание кода на LESS
  • Написание кода на SASS (SCSS)
  • Разбор домашних работ
  • Синтаксисы разных препроцессоров
  • LESS vs SCSS
  • Препроцессоры vs постпроцессоры

5 Занятие:

  • npm i smart-grid — поехали!
  • Основы создания сетки
  • Отступы в px или в %
  • Margin и padding варианты
  • Настройка свойств сетки
  • Разбор домашних работ
  • Нюансы fields и offset
  • Резиновые и обычные элементы
  • Row и col без size

6 Занятие:

  • Вёрстка макета
  • Оптимизация кода
  • Иерархия селекторов vs BEM
  • Дополнительные приёмы вёрстки
  • Кроссбраузерность
  • Разбор домашних работ
  • Подведение итогов курса
  • Ответы на финальные вопросы
  • Направление дальнейшего развития

Если Вы не видите ссылку для скачивания материала — отключите блокиратор рекламы и добавьте наш сайт в список исключений. Если Вы против рекламы на нашем сайте — покупайте контент напрямую у авторов.

Материал предоставлен исключительно для ознакомления!

Опубликовано: Анонимно

Встречайте зиму вместе с OPENSSOURCE! Цены на вечный доступ к проекту (тариф OS PRO) падают. До 7 декабря оформляйте вечный доступ к тарифу OS PRO по максимально низкой цене!   НАЖМИТЕ ДЛЯ ПОЛУЧЕНИЯ ПОДРОБНОСТЕЙ

Июл 4, 2020

1 оценка, среднее: 5,00 из 51 оценка, среднее: 5,00 из 51 оценка, среднее: 5,00 из 51 оценка, среднее: 5,00 из 51 оценка, среднее: 5,00 из 5
0


FavoriteLoadingДобавить в закладки

0 комментариев

Оставить комментарий


* - обязательное поле для заполнения.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Подтвердите, что Вы не бот — выберите человечка с поднятой рукой:

Уведомлять меня при ответах на мои комментарии