Вера16
VIP складчик
- Регистрация
- 5 Сен 2014
- Сообщения
- 17.001
- Реакции
- 301.024
Автор: Дмитрий Лаврик
Название: Продвинутая вёрстка (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
- Дополнительные приёмы вёрстки
- Наслаждение результатом
Для просмотра скрытого содержимого вы должны зарегистрироваться
Возможно, Вас ещё заинтересует:
- [Павел Хошев] [Stepik] Многопоточный Python (2024)
- [Алексей Малышкин] Проверка гипотез и анализ данных на Python (2024)
- [Анна Вичугова][babok-school.ru] Методы описания бизнес-процессов: IDEF0, DFD, BPMN, EPC, UML
- [Сергей Дмитриевский] [SD.CODE] Мини-курс: Мышление Программиста
- [Александр Бальцевич] [Айти Синяк] Smart Keyboard Solution
- [Сергей Белоусов] [Cpadoor] Марафон по созданию сайтов на AI контенте