Дмитрий Лаврик | Продвинутая вёрстка (2020) PCRec

Автор: Дмитрий Лаврик
Жанр: Программирование

Описание:
Это мероприятие для тех, кто владеет основами вёрстки, в том числе, адаптивной, периодически бесится при создании адаптивной вёрстки, хочет освоить классный инструмент и стать мастером.

Программа мероприятия:

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

Часть 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
Дополнительные приёмы вёрстки
Кроссбраузерность

Разбор домашних работ

Подведение итогов курса
Ответы на финальные вопросы
Направление дальнейшего развития

Какова ценность умения верстать быстро, например, так, как было показано в видео наверху? — Не знаю, наверно, очень большая. Ведь эти приёмы нужно освоить всего один раз, и они ускорят вёрстку каждого макета в 2-3 раза.

Продолжительность: 19:58:42
Качество видео: PCRec

Скриншоты:

Время раздачи: 24/7 (до появления первых 3-5 скачавших)

"Продвинутая вёрстка" чего? книг? журналов? и тд
Добавьте в название слово "Веб/Web", тогда понятно сразу из названия будет

dracorobus писал(а):

"Продвинутая вёрстка" чего? книг? журналов? и тд
Добавьте в название слово "Веб/Web", тогда понятно сразу из названия будет

Ну как бы по имени автора большинство понимает что это про верстку интерфейса! Зачем писать очевидные вещи в заголовках? Про верстку книг , журналов это тебе в другой раздел трекера.

dracorobus писал(а):

"Продвинутая вёрстка" чего? книг? журналов? и тд
Добавьте в название слово "Веб/Web", тогда понятно сразу из названия будет

Если в курсах начать изменять их оригинальные названия, которые дал им автор, то со временем большинство курсов будет просто невозможно найти. Как по мне, то имея описание релиза, категорию его размещения и ссылку на сайт производителя курса, то можно догадаться о чём идёт речь, тем более что этот курс выходит ежегодно минимум 4 года в подряд.

Спасибо за раздачу, посмотрю что за мероприятие

woody_digital :подмигивание:

Спасибо!!!

woody_digital писал(а):

этот курс выходит ежегодно минимум 4 года в подряд.

Скажите а чем отличается этот курс от 3-х предыдущих ?

dracorobus писал(а):

"Продвинутая вёрстка" чего? книг? журналов? и тд
Добавьте в название слово "Веб/Web", тогда понятно сразу из названия будет

Ну тут как бэ раздел "Компьютеры, обучающее видео" и по его заголовку ясно, к чему относится данная верстка.

Спасибо за курс Лаврик лучший

Походу курс не с начала т.к. в первом видео разбирают дз.

Привет ребята, автор несколько раз упоминает про тренажеры в личном кабинете, которые участники курса должны были пройти в рамках дом. задания, они только онлайн или у кого то есть возможность их слить в данную раздачу?
Про сам курс скажу свое мнение: автор рассказывает интересные фишки, но прохождение однозначно для тех, кто хотя бы немного в курсе про HTML, CSS u JS, т.к. материала много, особенно начиная с GULP(3 урок)