Автор: Дмитрий Лаврик
Название: Продвинутая вёрстка (SmartGrid 2)
Трёхнедельный онлайн курс
от Дмитрия Лаврика.
Это мероприятие для тех, кто:
Дмитрий Лаврик
Профессиональный веб-разработчик, каким-то чудом не потерявший умение объяснять материал на человеческом языке.
С 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов.
"Если уж вы дочитали досюда, значит, вас хотя бы раз в жизни бесили либо адаптивная вёрстка, либо дизайнеры, требующие соблюдения сетки, либо bootstrap, когда из-за его классов становился не виден остальной HTML-код
Новый способ, которому я хочу вас научить, использует в себе всю мощь современных технологий: flexbox и функция calc из CSS3, один из препроцессоров на выбор (LESS, SCSS, SASS, Stylus), сборщик проектов gulp и пара его чудесных плагинов.
Всё это даёт невероятный прирост в скорости и качестве вёрстки!"
Программа мероприятия:
Название: Продвинутая вёрстка (SmartGrid 2)
Трёхнедельный онлайн курс
от Дмитрия Лаврика.
Это мероприятие для тех, кто:
- Владеет основами вёрстки, в том числе, адаптивной
- Периодически бесится при создании адаптивной вёрстки
- Хочет освоить крутейший инструмент и стать мастером
Дмитрий Лаврик
Профессиональный веб-разработчик, каким-то чудом не потерявший умение объяснять материал на человеческом языке.
С 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов.
"Если уж вы дочитали досюда, значит, вас хотя бы раз в жизни бесили либо адаптивная вёрстка, либо дизайнеры, требующие соблюдения сетки, либо bootstrap, когда из-за его классов становился не виден остальной HTML-код
Новый способ, которому я хочу вас научить, использует в себе всю мощь современных технологий: 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
- Дополнительные приёмы вёрстки
- Наслаждение результатом
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
