[Дмитрий Лаврик] [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 проводит масштабную акцию, которая продлится 2 дня! Хотите больше материалов (в том числе доступ к тем материалам, которые появятся на сайте через время) для изучения и освоения новой профессии? Получите доступ к огромной базе инфопродуктов! Более 250.000 материалов, доступ к закрытому порталу с эксклюзивными курсами, закрытый чат в Telegram и многое другое с 50% скидкой навсегда! Пришло время развиваться и зарабатывать на любимом деле!

НАЖМИТЕ ДЛЯ ПОЛУЧЕНИЯ ПОДРОБНОСТЕЙ

Июл 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: :???: :?: :!:

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

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




 

Bankman

 

Самый надёжный и стабильно работающий сервис с 2013 года!

 

Нужны дебетовые карты или кошельки чтобы вывести деньги?

 

Возможности сервиса:

 

Узнать подробнее