Препроцессоры SCSS/SASS. Все, что нужно знать для старта
Привет, друзья! Это подробное руководство по препроцессорам scss и sass для начинающих. Вы познакомитесь с препроцессорами, узнаете как их подключать к проекту, в чем их преимущество, почему их так важно использовать и почему при устройстве на работу вас о них спрашивают. Ну и конечно же узнаете разницу между scss и sass. Я дам рекомендацию о том какой препроцессор когда нужно использовать.
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Ссылка на сайтец scss/sass:
sass-scss.ru/
Видео о сss grid:
• CSS Grid - верстка буд...
Верстка сайта он начала до завершения:
• Верстка сайта с нуля д...
Пікірлер: 201
Почему я раньше не находил тебя? Эти уроки просто настоящая жила для всех моих пробелах в верстке! Спс!
@vadymprokopchuk
4 жыл бұрын
спасибо
@dagmans
2 жыл бұрын
согласен, замечательная работа, все ясно
За 30 минут всё что нужно для практики, ничего лишнего. Спасибо:)
Дружище не бросай коучинг, у тебя дар, объясняешь быстро понятно и очень круто. Спасибо
До этого видоса думал что препроцессоры это что-то сверхсложное и нужно минимум неделю изучать. Спасибо за введение в эту технологию) Следующий макет начну верстать уже на SCSS.
@vadymprokopchuk
4 жыл бұрын
круто, рад что помог
После одного просмотра этого видео сразу начал использовать scss в работе, до этого думал, что это какая-то сложная технология и до последнего обходил стороной, спасибо!
@vadymprokopchuk
4 жыл бұрын
очень круто
Добавлю немного для новичков. Для того, чтобы вы могли писать на scss, а компилировался файл в css через программу Коала, саму программу Коала закрывать не следует, в момент компиляции она должна быть открыта и видна на панели задач!
Лучший учитель которого я только встречал 👍
@vadymprokopchuk
2 жыл бұрын
спасибо)
Это просто подарок какой-то! Спасибо вам!!!
Видео - огонь! Огромное спасибо! Вы очень круто объясняете.
@AggeJl0c44
2 жыл бұрын
Согласен ))
Огромное спасибо! Почерпнул много полезного. Как говорится: "Век живи, век учись". Успехов!
Просто лучший!!! Подача пушка! Не бросай канал только, у тебя дар объяснятся нормально!
С чувством и расстановкой) Спасибо!
спасибо тебе огромное, самое понятное руководство по scss которое я только смог найти!
Спасибо за урок. Оказалось всё не так сложно. Наконец-то поняла разницу между scss и sass. Творческих успехов и процветания!
Круто, спасибо, раньше даже не знал зачем они нужны)
Огромное вам спасибо 🤗 Всё понятно, всё чётко 👏🏻👏🏻❤️
Посмотрел это видео, и сразу нажал подписаться! Коротко , доступно и по делу! Спасибо!
Много новых и полезных нюансов узнал о препроцессорах! Благодарю Вас, очень доходчиво и талантливо доносите информацию, она быстро впитывается и запоминается.
Вадим, молодец, очень понятно все объясняешь!!! Спасибо))
Хорошо и доходчиво рассказал, спасибо за твой труд.
Вадос уже полгода обучаюсь на твоих роликах и не перестаю убеждатся что ты действительно талантливый учитель. Спасибо огромное 👍 низкий поклон )
@danilaundead4760
2 жыл бұрын
Ты пол года учишь вёрстку ?) Ты учишься 1 раз в неделю пару часов? Или как?
@alexkodding9354
2 жыл бұрын
@@danilaundead4760 если у тебя получилось быстрее я только рад за тебя друг)
@T2kibi
Жыл бұрын
@@alexkodding9354привет, как успехи по учебе ?)
@alexkodding9354
Жыл бұрын
@@T2kibi норм, а что?
@T2kibi
Жыл бұрын
@@alexkodding9354 ничего ) Сам только начал учится, интересно узнать как другие ребята учились )
Лайк на первых минутах. Спасибо за чёткую подачу инфы!) Продолжай делать такой же крутой контент, тебе воздастся за хорошие поступки такие))
автору спасибо.. продолжай в том же духе. все понятно объяснил. определенно стоит подписки
@vadymprokopchuk
5 жыл бұрын
Спасибо)
Спасибо за видео, быстро и чётко объяснил
Урок просто зачьот 👍, буду рекомендувати це відео тим хто хоче перейти на scss.Автору великий респект
дякую за відео,доступно,корисно,продовжуй.!
Большое спасибо. Очень доходчиво.
Спасибо большое. По сути от вас я учусь больше чем я учился на курсах ...
Благодарю за такое крутое объяснение, все ясно/понятно!!!)
It was very useful! Thank you, Vadim!
Круто! Очень классно все объяснил, смотрела не отрываясь. Удачи в успехах, с меня лайк и подписка х)
Огромное спасибо за это видео)
Чувак большое спасибо тебе я раньше думал что эти двое очень сложнее но оказывается простой.
Спасибо за видео, пойду верстать уже через SCSS
Все очень понятно и интересно Спасибо за видео
Очень понятное и толковое объяснение. Благодарю! Еще бы шрифт покрупнее сделать в IDE, а то даже в полноэкранном режиме на 1080 плоховато видно. А так всё круто! Требую продолжения банкета!))))
спасибо! все понятно разложил по полочкам
Отличный урок, спасибо
Подписка, лайк однозначно. Очень доходчивая подача материала.
Спасибо за твой контент! Помог
Супер урок. Спасибо
Под этим видео должно быть минимум 🍋 просмотров, лайков и подписок! Что за аномалия такая? Благодарю тебя баратец за такой годный контент. Успехов больших, продолжай в том же духе. Лайк, подписка, колокольчик обеспечены, 💯!
@user-ql4xu5qu2u
2 жыл бұрын
Столько верстальщиков во всем мире не наберется
@user-ql4xu5qu2u
2 жыл бұрын
@@sanzharabdurahmanov6988 никогда не сомневайся)
Отличное обучающее видео! Респектую!
Хорошее видео! Спасибо!
Классно. Спасибо большое!
Спасибо за видео! Я для перевода SASS(SCSS) в CSS использую не приложение, как в видео, а расширение для VSCode, которое называется Live Sass Compiler. Это удобно для небольших проектов или обучения. А для чего-то побольше уже лучше использовать тот же GULP. Всем успехов!
огромное спасибо за урок! многое стало понятным)
Спасибо за урок!
Спасибо! Очень круто :)
Thank you bro!) You are the best, man!)
Спасибо! Очень нравится то, что ты грамотно и доступно объясняешь материал. Успехов тебе!)
@vadymprokopchuk
4 жыл бұрын
спасибо
@kiunsama1881
3 жыл бұрын
сж вы ҽввҽвҽажаҽаҽкҩкхкӡккдкзкдкзкжзазк
@kiunsama1881
3 жыл бұрын
@@vadymprokopchuk зцжвжаҩпҩжа!ажсжсжвжад
@kiunsama1881
3 жыл бұрын
пбпивычрв ҩстҽчс сЧыи
@kiunsama1881
3 жыл бұрын
клӡуудкзкдкӡкдкӡедпӡпд
Огромное спасибо.
Спасибо большое вам !
Полезное видео, спасибо тебе.
Cпасибо! Хорошее руководство для начинающих.
@kiunsama1881
3 жыл бұрын
рзизижуҟаҽҽаҽажпжппжжжмзвзфхц ҩвжаабпдпд
@kiunsama1881
3 жыл бұрын
брпжпҩпзмҩмдсдраспкпжыыфжџч бы
@justspartak
3 жыл бұрын
@@kiunsama1881 наркоман?
Спасибо за видео, Scss это тема вообще, как раз попробовал уже не представляю верстку без него, не знал что в rgba можно решетку ставить)) Я вот только начал путь в it компании и могу посоветовать снять видео с стандартными ошибками и недочетами новичков, например лишние области, баги распространенные, неправильные реализации слайдера,попапа и тд, можно взять верстку какого то новичка и разобрать, думаю полезно будет, ибо токо на работе узнал про кучу ошибок, о которых и не знал вообще, ибо нигде не видел что бы кто то показал что у li-шек даже после обнуления отступов например есть 3 px примерно расстояние между собой и тд. Таких моментов куча и нигде не освящаются они в обучениях. В слайдере например многие когда нужно сделать на весь экран картинку которая меняется со слайдом кидают ее на bg, хотя это усложняет со стороны клиента замену картинки и тд. Вообщем удачи в развитии канала, очень хороший контент)
@vadymprokopchuk
5 жыл бұрын
Спасибо за ценные советы, рад, что открыл инфу про # в rgba
@sergei-sabitov
5 жыл бұрын
у этого чувака плейлист Repozitorro kzread.info/dron/E9ODjNIkOHrnSdkYWLfYhg.html
офигенный урок, вспомнил препроцессоры за 30 мин, реально за 30 ))
Great work!
круто, как и всегда
спасибо! Это видео упростило мою жизнь)
Классно, подписался!
спасибо, Вадим
Спасибо, информативно.
@vadymprokopchuk
4 жыл бұрын
спасибо
Если честно, то ты лучший на KZread в плане обучения для меня, по сравнению с webdesign master прям все четко и по полочкам. Я пытался научиться по его видео и просто ничего не понимал, а после твоих видео на одном дыхании за час)
@dvsDesing
4 жыл бұрын
Тоже, пробовал по его работам делать и просто погрузал и стопорился:( а вот Вадим вернул веру в свои силы))
@user-ey1eq4ch4j
3 жыл бұрын
Не рекламы ради: есть еще один толковейший гуру: kzread.info Женя Андриканич Тоже очень понятно излагает. Смотрю только его и автора этого замечательного канала - Вадима Прокопчука.
Как всегда ТОП ✌️😎
Как всегда доходчиво и кратко ! Единственный кому хочется оставить комментарий для поддержки !)
@vadymprokopchuk
4 жыл бұрын
спасибо, ценю
Здравствуйте! крутые уроки, спасибо вам огромное. Но, хотелось бы на этом уроке про миксины тоже узнать
Благодарю !
до твоего видео не понимал зачем вообще препроцы. спасибо тебе!!!
Посмотрел и Gulp, отличная работа, Подписался!
Вот бы мне таких учителей в школе)
спасибо, классно обьясняете
Как всегда топ
Спасибо большое, помог
Спасибо большое)
Спасибо!
мне кажется, что ты лучший
Максимальный бал ! и лайк
Круто. Все Sassно 👍
Спасибо Джон Сноу =)))
дзякуй!
Лучший учитель
@vadymprokopchuk
4 ай бұрын
Спасибо
Единственный кто нормально объяснмл SASS SCSS
@vadymprokopchuk
Жыл бұрын
благодраю
Спасибо за видео. Показываешь куда и как, неплохо объясняете (без обид. из за чего субтитры коряво перевели). А так все ок. До этого думал, что сложный и запутался (по началу, да), т.к. я старый поколение)) но все понятно. Вы демонстрируете пишете код, а я вас повторяю. Пока не могу решить, что выбрать sass или scss. Я бы предпочел выбрать scss, т.к. привык писать код со скобками и точка запятая. В общем поставлю оценку 10/10, в том числе лайк ;)
годно, подписался)
Просто супер, все понятно и доступно объяснил. Особенно позабавил холор, теперь мы знаем что было бы если css создавали украинцы))
Спасибо!!!
@kiunsama1881
3 жыл бұрын
пьрчлфшыашпӡпжпжзп!схс!мхпҩпӡпдмзмдмдмӡмбрдм пда
спасибо большое
otlicno. spocibo bam)))
Выражаю благодарность из сентября 2023 года!
Бомба
очень даже годно
круто
Ти очень Крут🤛
вот сначала я посмотрел ролик 2020 года, а теперь 2019 и впечатление неопределенное. обычно вначале все плохо, а потом уже привыкается и вырабатывается навык. тут как-то кажется наоборот. елси бы не даты под видео, я сказал бы что это вышло позже, чем предыдущее. конечно не мне учить видео снимать. я и такое не сделаю. но предлагаю автору самому посмотреть и сравнить и на основании увиденного сделать вывод и принять решение. какое оно будет это конечно уже дело самого автора. но от себя повторюсь, что текущее понравилось в несколько раз больше более нового. даже больше. это вообще очень понравилось своим изложением и подходом к делу. не хуже тех у кого миллионы просмотров и отметок.
Таймкоды для урока: 2:00 установка Koala 2:55 настройка scss файлов 5:45 вложение в scss 10:17 символ амперсанд (&) 12:58 использование переменных в scss 17:30 создание часто повторяемых свойств 21:35 особенности background-color в scss 22:50 отличие sass от scss 29:15 совет где использовать sass и scss
@novikov-pavel
Жыл бұрын
Это сообщение надо прикрепить.
@_SOMEONE_
4 ай бұрын
Спасибо
с меня лайк
👍👍👍
goooddddd urok spasiba
Зашел с другого акка, подписался и т.д.
@vadymprokopchuk
5 жыл бұрын
спасибо за поддержку!