Приветствую Вас Гость | RSS Суббота
08.08.2020, 11:40

varug.ru

все самое интересное в сети

Главная Программы Регистрация Вход
Меню сайта
Меню сайта
Меню сайта
Оцените мой сайт
Всего ответов: 105
Меню сайта

Новостная лента.

Форумная лента.

Файловая лента.
Главная » Файлы » Видеоуроки » Видеоуроки

Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)

Если Вы используете bootstrap, понимаете его минусы и хотите использовать самые современные технологии, то данный курс однозначно для Вас. Детально изучить flexbox, научиться использовать NPM, Gulp - это дорогого стоит!

Вишенкой на торте этого курса является конечно же Smartgid. С помошью этого чудесного инструмента смог усовершенствовать и в тоже время многократно упростить свою верстку, а также значительно сократить время верстки лендингов.

Материал подается простыми словами с множеством примеров, что делает его предельно понятным.

Программа курса:
Вводный вебинар
Техническая информация
Доступы в группы и к тренажёрам
Обзор программы курса
Обзор вспомогательных инструментов

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

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

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

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

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

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


Название: Интерактивный онлайн-курс «Продвинутая вёрстка»
Год выхода: 2020
Жанр: Видеокурс, веб-дизайн, графика, обучение
Формат видео: MP4 | 1920x1080 | AVC/H.264
Формат аудио: AAC | 126 kb/s | 44 кГц
Язык: Русский
Продолжительность: 19:46:43
Размер: 5.76 Gb

Скачать Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)

Скачать

Уважаемый посетитель, для того чтобы скачать файл,
мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
02.07.2020
Категория: Видеоуроки | Добавил: awun83 | Теги: Видеокурс, веб-дизайн, обучение, Графика
Просмотров: 12 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0

Помощь сайту. Как скачать: с TurboBit.net,   DepositFiles.com,   LetItBit.net



Правообладателям: Все материалы найдены на просторах сети интернет как свободно распространяемые и выложены исключительно в ознакомительных целях. Если вы являетесь законным правообладателем какого либо продукта и против его размещения на данном сайте, сообщите нам и мы немедленно удалим данный материал. Администрация сайта не несет ответственности за действия посетителей, нарушающих авторские права.


Администрация сайта не даёт гарантий по поводу работоспособности скачанного материала, не несёт ответственности за возможный нанесённый вред вашему компьютеру вследствие установленных программ. Все материалы на сайте добавляются пользователями и мы не в состоянии вести полный контроль над добавленными материалами. Но вы можете помочь наведению порядка и написать жалобу: если файл нарушает ваши права, если ссылки не рабочие, если вы скачали файл и он не соответствует описанию, если скачанный вами файл не открывается, если в архиве расположены рекламные материалы, вирус и т.д. Не забывайте скопировать и вставить ссылку на некачественный материал.  

Поиск по сайту
Форма входа
Суббота
08.08.2020
11:40


Логин:
Пароль:
Погода
Яндекс.Погода
Закладки
Новости
Вверх
Copyright MyCorp © 2020
Индекс цитирования Яндекс.Метрика