Онлайн курс Продвинутая вёрстка Grid и Flexbox
KURSY ONLINE

Онлайн курс Продвинутая вёрстка Grid и Flexbox

Бесплатный видео курс по продвинутой верстке Grid. Научись создавать сайты с Grid версткой. В данном курсе подробно описано как верстать Grid.

Онлайн курс Продвинутая вёрстка Grid и Flexbox

Отличный бесплатный видео курс по продвинутой верстке сайтов с применением Grid. В данном видеокурсе ты научишься создавать сайты с Grid версткой.

Онлайн курс Продвинутая вёрстка Grid и Flexbox


Занятие 1 Продвинутая вёрстка и Flexbox

Основы Flexbox
Основная и вспомогательная оси
Тонкости выравнивания элементов
Адаптивка без media-запросов
Расчёт размеров элемента
Разбор домашних работ
Фокусы flex-grow
Нюансы в IE 11
Погрешность расчёта размеров
Код без media-запросов: за и против

0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox

Занятие 2 Продвинутая вёрстка и Flexbox

Flex-direction: column
Нюансы переноса элементов
Вертикальные и горизонтальные отступы
Смена порядка следования элементов
Задачи, для которых flex неудобен
Разбор домашних работ
Общие выводы по технологиям
Необходимость автоматизации мелочей
Моральная подготовка к node.js

0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox

Занятие 3 Продвинутая вёрстка и Flexbox

Node.js и NPM - основы магии
Gulp - сборка проекта
Autoprefixer - кроссбраузерность
Concat - соединение файлов
Sourcemaps - удобная отладка
Разбор домашних работ
Плагин Clean CSS
Group CSS Media Queries
Неудобства плагина concat
Чего не хватает в чистом CSS

0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox

Занятие 4 Продвинутая вёрстка и Flexbox

Основы CSS-препроцессоров
Иерархическое написание
Переменные и примеси
Написание кода на LESS
Написание кода на SASS (SCSS)
Разбор домашних работ
Синтаксисы разных препроцессоров
LESS vs SCSS
Препроцессоры vs постпроцессоры

0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox

Занятие 5 Продвинутая вёрстка и Flexbox

npm i smart-grid - поехали!
Основы создания сетки
Отступы в px или в %
Margin и padding варианты
Настройка свойств сетки
Разбор домашних работ
Нюансы fields и offset
Резиновые и обычные элементы
Row и col без size

0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox

Занятие 6 Продвинутая вёрстка и Flexbox

Вёрстка макета
Оптимизация кода
Иерархия селекторов vs BEM
Дополнительные приёмы вёрстки
Кроссбраузерность
Разбор домашних работ
Подведение итогов курса
Ответы на финальные вопросы
Направление дальнейшего развития

0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox

Дополнительные материалы Продвинутая вёрстка Grid и Flexbox

0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
0:00
/
Продвинутая вёрстка Grid и Flexbox
Отблагодарить нас за предоставленный контент
Внеси небольшой вклад 10$ для развития нашей площадки чтоб мы могли предоставить тебе еще больше полезного контента

Идеальная вёрстка сайта

Научитесь создавать идеальную верстку полностью адаптивную с высокой скоростью загрузки. Онлайн курс верстка.

Смотреть курс


Share Tweet Send
0 Комментарии
Загрузка...
You've successfully subscribed to Pinta IT 🍺
Great! Next, complete checkout for full access to Pinta IT 🍺
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.