20
июн 2019

SmartGrid 2 - Продвинутая вёрстка. Видеокурс (2019)

SmartGrid 2 - Продвинутая вёрстка. Видеокурс (2019)

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

Содержание:
1. Урок
Основы Flexbox
Основная и вспомогательная оси
Лёгкие вертикальные выравнивания
Адаптивка без media-запросов
Определение размера элементов

2. Урок
Разбор домашних работ
Прокачивание мастерства Flexbox
Тонкости адаптивных реализаций
Всевозможные выравнивания
Слабости flexbox без media

3. Урок
Node.js и NPM — основы магии
Gulp — сборка проекта
LESS — генератор CSS
Group CSS Media Queries
Autoprefixer — кроссбраузерность

4. Урок
Основы CSS-препроцессоров
Иерархическое написание
Переменные и примеси
Написание кода на LESS
Написание кода на SASS (SCSS)

5. Урок
Основы создания сетки
Отступы в px или в %
Margin и padding варианты
npm i smartgrid — поехали!
Настройка свойств сетки

6. Урок
Вёрстка макета
Оптимизация кода
Иерархия селекторов vs BEM
Дополнительные приёмы вёрстки
Наслаждение результатом

Название: SmartGrid 2 - Продвинутая вёрстка
Автор: Дмитрий Лаврик
Жанр: Видеокурс
Язык: русский
Продолжительность: ~13 часов
Формат: MP4 (+доп. файлы)
Видео: AVC, 1920x1080, ~354 Kbps
Аудио: AAC, 126 Kbps, 48.0 KHz
Размер: 2.96 Gb

SmartGrid 2 - Продвинутая вёрстка. Видеокурс (2019) SmartGrid 2 - Продвинутая вёрстка. Видеокурс (2019) SmartGrid 2 - Продвинутая вёрстка. Видеокурс (2019)

Скачать SmartGrid 2 - Продвинутая вёрстка. Видеокурс (2019)



Показов : 101

Похожие фильмы

    WEB-разработчик. Видеокурс (2019)WEB-разработчик. Видеокурс (2019)
    Этот курс направлен на подробное обучение созданию сайтов, без воды, но главное, что здесь мы немедленно применяем все знания на практике.
    Создание контентного сайта на Jekyll от А до Я. Видеокурс (2018)Создание контентного сайта на Jekyll от А до Я. Видеокурс (2018)
    Данный курс является уникальным, наиболее полным и подробным руководством по созданию новостного/контентного сайта от автора с опытом разработки и монетизации контентных проектов. Здесь есть всё: создание дизайна, адаптивная вёрстка, посадка на движок, настройка, размещение сайта на хостинге и заработок на своем сайте.
    Веб-разработчик 12.0. Видеокурс (2018)Веб-разработчик 12.0. Видеокурс (2018)
    За 6-и недельный курс обучения вы подробно разберете все этапы создания сайтов, научитесь готовить прототипы, получите навыки создания и работы с дизайн-макетом PSD.
    Цветокоррекция без границ. Видеокурс (2019)Цветокоррекция без границ. Видеокурс (2019)
    Из данного курса вы узнаете самые эффективные способы и приёмы создания великолепных тонировок в PhotoShop.
    Фреймворк Bootstrap 4. Руководство по адаптивной верстке. Видеокурс (2019)Фреймворк Bootstrap 4. Руководство по адаптивной верстке. Видеокурс (2019)
    После прохождения видеокурса вы не просто узнаете, как быстро и качественно верстать адаптивные шаблоны сайтов с помощью Bootstrap, но и увидите, как создаются уникальные темы для WordPress. Знания из видеокурса позволяют научиться создавать в кратчайшие сроки функциональные сайты уже «под ключ» с уникальным дизайном.

PravoHolding.ru » Фильмы » SmartGrid 2 - Продвинутая вёрстка. Видеокурс (2019)