Preprocessors. SASS
ฝัง
- เผยแพร่เมื่อ 29 ก.ย. 2019
- Слайды - slides.com/viktoryiavorozhun/...
Ссылка для вопросов: discordapp.com/channels/51671...
00:06:38 - Виды препроцессоров
00:10:32 - Placeholders
00:11:50 - Начало работы с Sass
00:17:32 - Sass + webpack
00:26:12 - Variables(переменные)
00:32:28 - Nesting(наследование)
00:35:06 - &(родительский селектор)
00:40:08 - Import & Partials
00:42:30 - Mixins
00:50:40 - Placeholders
00:58:15 - Комментарии
00:59:59 - Color Functions
01:08:15 - Media queries
01:13:36 - Функции
01:18:22 - 7-1 Pattern
01:23:29 - Красивый пёсель 😊
01:24:52 - Useful links
01:27:25 - Блок вопрос-ответ.
5:50 О чем будет лекция
6:40 Препроцессоры
8:15 SASS vs SCSS
11:45 Быстрый старт
17:35 Быстрый старт с webPack
26:10 Переменные
32:37 Nesting
35:03 Parent selector (&)
40:04 Partials + Imports
42:33 Mixins
50:43 @extend/Inheritance + %placeholder
58:16 Comments
59:54 Color function
1:08:15 @media
1:13:27 Functions
1:18:18 7-1 Pattern
1:24:53 Useful links
1:27:19 Questions
какой приятный голос )))) и рассказ познавательный ))) благодарю !!!)))))))
Доступное и понятное объяснение! Благодарю Вас за Вашу работу!
Идеальная лекция!!! 🙂👍 Вот это уровень! Лаффи, Виктория - вы просто 🔥! Как же ЭПАМу с Вами повезло! Благодарю от всей души ❤️!!! Пожалуйста, ведите трансляций побольше !!!
Под впечатлением забыл Павла ещё упомянуть! Тоже парень с душой всё вёл!
Виктория, спасибо огромное за лекцию: вы очень интересно и грамотно все рассказываете.
Некоторые вещи знал, но никак не мог уложить в голове. После просмотра все начало укладываться.
Еще раз большое спасибо.
Она так классно рассказывает! Реально интересно, как-то так легко. Примеров вот прям идеально показала, что бы было понятно и с разными вариантами. На такие лекции ходила бы в универ даже к 8 утра без пропусков😃
Виктория молодец! Действительно хорошо и понятно все объясняет.
Единственные трансляции, что посмотрел и было при этом даже интересно, это вот эту и Павла про GIT. Круто, что вообще есть такие люди, думал, что все будет нудно.
большое спасибо за отличную подачу материала!
Спасибо!
Было очень интересно!
Очень познавательно, информативно, легко и быстро. В речи слова-паразиты даже если есть, то очень редки и незаметны - действительно приятно слушать и смотреть.
Большое спасибо!
Thank you very mutch for your job and time for us !
Какая прелесть, какой полиэтилен!
Спасибо за лекцию
Это шедевр! Час сорок пролетели как 10 минут, очень доступно, наглядно и лампово)) Я прям почти все с первого раза понял и усвоил. Нужны ещё лекции от этого автора))
зачётная собака))
Отлично всё и интересно. Видно, Виктория любит рассказывать. Но что, если попробовать выстраивать пояснения с проблемы, которую нужно решать, а потом пояснять, как это сделать? Если вам интересно, то так легче воспринимается, ИМХО. Тоесть "Есть вот в обычном css такой косяк, что иногда нужно менять одно значение в разных местах. Так вот, scss решает эту проблему!..."(например, у меня тоже с ними туго) ). А то получается, что сразу слушаем что-как происходит, не понимая для чего это сделано и с какой целью, и понимаем уже после) Неплохо, но (опять же, ИМХО) было бы воспринимательнее вот так вот)
В любом случае - информативно и понятно. Спасибо.
Серёжки красивые!
Умничка!
отдельное спасибо за момент с собакеном
Спасибо!
Начало в 3:14
Очень классная лекция, жалко презентацию уже не открыть через 2 года(
уже 2.5
@@user-gi8ln8bf5d уже 3
@@user-hf8dw2wp6x уже 3.5
уже 4
Вот бы еще кто ссылку на Гитхаб оставил в описании.
В VS Code скачиваешь плагин настраиваешь и он всё компилирует автоматически, Webpack для этого не нужен :)
Сферическая лекция в вакууме. Мне кажется RS School нужно добавить таски обучающие публичным выступлениям, на перспективу, учитывая, что большинство лекторов выпускники, чтобы все лекции были как эта.
1:24:00 если оно все собирается в 1 файлик main.scss, то как мне для разных страничек сайта его использовать? Например не странице about - мне нужен 1 набор стилей, а на index - другой
слайдеры не листаются(
если не знаешь ответ на вопрос, можно сказать, что не знаю. gulp и webpack - это сборщики проектов, ага
УЖАСНЕЕ ИЗЛОЖЕНИЯ Я НЕ СЛЫШАЛ И НЕ ВИДЕЛ
а где посмотреть лучше?