<span style="font-size: 22px">Продвинутая вёрстка</span>
Трёхнедельный онлайн курс
от Дмитрия Лаврика.
Если ты думаешь, что знаешь, что такое удобная вёрстка — просто посмотри видео.
Это мероприятие для тех, кто:
<span style="font-size: 15px">Дмитрий Лаврик</span>
Профессиональный веб-разработчик, каким-то чудом не потерявший умение объяснять материал на человеческом языке.
С 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов.
"Если уж вы дочитали досюда, значит, вас хотя бы раз в жизни бесили либо адаптивная вёрстка, либо дизайнеры, требующие соблюдения сетки, либо bootstrap, когда из-за его классов становился не виден остальной HTML-код <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt="
" title="Smile ">
Новый способ, которому я хочу вас научить, использует в себе всю мощь современных технологий: flexbox и функция calc из CSS3, один из препроцессоров на выбор (LESS, SCSS, SASS, Stylus), сборщик проектов gulp и пара его чудесных плагинов.
Всё это даёт невероятный прирост в скорости и качестве вёрстки!"
Программа мероприятия:
Трёхнедельный онлайн курс
от Дмитрия Лаврика.
Если ты думаешь, что знаешь, что такое удобная вёрстка — просто посмотри видео.
- Владеет основами вёрстки, в том числе, адаптивной
- Периодически бесится при создании адаптивной вёрстки
- Хочет освоить крутейший инструмент и стать мастером
<span style="font-size: 15px">Дмитрий Лаврик</span>
Профессиональный веб-разработчик, каким-то чудом не потерявший умение объяснять материал на человеческом языке.
С 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов.
"Если уж вы дочитали досюда, значит, вас хотя бы раз в жизни бесили либо адаптивная вёрстка, либо дизайнеры, требующие соблюдения сетки, либо bootstrap, когда из-за его классов становился не виден остальной HTML-код <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt="
" title="Smile ">Новый способ, которому я хочу вас научить, использует в себе всю мощь современных технологий: 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
- Дополнительные приёмы вёрстки
- Наслаждение результатом
