Игры
 Видео
 Музыка
 Графика
 Интересно
 Программы
 Библиотека
 Видеоуроки
 Кулинария
 Разное




ivashka
Добавил новостей Статьи: 9734
Написал комментариев Мысли: 0
zyzy
Добавил новостей Статьи: 9533
Написал комментариев Мысли: 0
didl3
Добавил новостей Статьи: 8428
Написал комментариев Мысли: 0
Kioka83
Добавил новостей Статьи: 5331
Написал комментариев Мысли: 0
trigall
Добавил новостей Статьи: 5033
Написал комментариев Мысли: 0
colt
Добавил новостей Статьи: 4221
Написал комментариев Мысли: 0
NIKIG
Добавил новостей Статьи: 2397
Написал комментариев Мысли: 0
Какая категория интереснее?
Всего ответов: 23
Главная » 2020 » Июль » 2 » Интерактивный онлайн-курс «Продвинутая вёрстка» (2020)
15:39
Интерактивный онлайн-курс «Продвинутая вёрстка» (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)

Раздел: видеоуроки | Автор: Kioka83 | Просмотров: 118 | Теги: Веб-дизайн, обучение, графика, Видеокурс | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Design powered by Xemera™ Copyright © 2009-2024


Гость


Имя: Гость
IP: 18.219.207.11
Ты здесь: -й день
Добавить новость
Читать ЛС ()
Мой профиль
Выход

Онлайн всего: 30
Гостей: 30
Пользователей: 0

   Всего: 176
   Админ: 1
   Модераторы: 0
   Журналисты: 10
   Проверенные: 5
   Пользователи: 160
   Парней: 142
   Девушек: 34
«  Июль 2020  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Бесплатный хостинг uCoz
Xemera.At.Ua - информационный портал! Все ссылки на файлы, указанные на сайте взяты из открытых источников интернета и предоставлены пользователями нашего сайта исключительно в ознакомительных целях.
Если вы являетесь правообладателем какого либо материала и не желаете его свободного распространения, или считаете, что какой-либо из материалов нарушает Ваши авторские права - свяжитесь с Администрацией.
Владельцы и создатели данного сайта не несут ответственность за использование и содержание ссылок и информации, представленных на этом сайте.
Сайт оптимизирован для просмотра с разрешением 1024x768, 1280x800, 1280x1024 и 1600x1200 браузером FireFox или Opera