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

Атум

Infoguru
Автор темы
Администратор
6 Сен 2014
85.285
2.006
freesliv.info
Автор: Дмитрий Лаврик
Название: Продвинутая вёрстка (SmartGrid 2)

Трёхнедельный онлайн курс
от Дмитрия Лаврика.

Это мероприятие для тех, кто:
  • Владеет основами вёрстки, в том числе, адаптивной
  • Периодически бесится при создании адаптивной вёрстки
  • Хочет освоить крутейший инструмент и стать мастером
О преподавателе

image_0.png


Дмитрий Лаврик
Профессиональный веб-разработчик, каким-то чудом не потерявший умение объяснять материал на человеческом языке.

С 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов.

"Если уж вы дочитали досюда, значит, вас хотя бы раз в жизни бесили либо адаптивная вёрстка, либо дизайнеры, требующие соблюдения сетки, либо bootstrap, когда из-за его классов становился не виден остальной HTML-код

image_1.png

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

Всё это даёт невероятный прирост в скорости и качестве вёрстки!"
Программа мероприятия:
    • Основы Flexbox
    • Основная и вспомогательная оси
    • Лёгкие вертикальные выравнивания
    • Адаптивка без media-запросов
    • Определение размера элементов
    • Разбор домашних работ
    • Прокачивание мастерства Flexbox
    • Тонкости адаптивных реализаций
    • Всевозможные выравнивания
    • Слабости flexbox без media
    • Node.js и NPM - основы магии
    • Gulp - сборка прое
    • LESS - генератор CSS
    • Group CSS Media Queries
    • Autoprefixer - кроссбраузерность
    • Основы CSS-препроцессоров
    • Иерархическое написание
    • Переменные и примеси
    • Написание кода на LESS
    • Написание кода на SASS (SCSS)
    • Основы создания сетки
    • Отступы в px или в %
    • Margin и padding варианты
    • npm i smartgrid - поехали!
    • Настройка свойств сетки
    • Вёрстка макета
    • Оптимизация кода
    • Иерархия селекторов vs BEM
    • Дополнительные приёмы вёрстки
    • Наслаждение результатом
Скачать:
Скрытое содержимое. Вам нужно войти или зарегистрироваться