Препроцессоры SCSS/SASS. Все, что нужно знать для старта
Вставка
- Опубліковано 21 вер 2024
- Привет, друзья! Это подробное руководство по препроцессорам scss и sass для начинающих. Вы познакомитесь с препроцессорами, узнаете как их подключать к проекту, в чем их преимущество, почему их так важно использовать и почему при устройстве на работу вас о них спрашивают. Ну и конечно же узнаете разницу между scss и sass. Я дам рекомендацию о том какой препроцессор когда нужно использовать.
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Ссылка на сайтец scss/sass:
sass-scss.ru/
Видео о сss grid:
• CSS Grid - верстка буд...
Верстка сайта он начала до завершения:
• Верстка сайта с нуля д...
Почему я раньше не находил тебя? Эти уроки просто настоящая жила для всех моих пробелах в верстке! Спс!
спасибо
согласен, замечательная работа, все ясно
За 30 минут всё что нужно для практики, ничего лишнего. Спасибо:)
Дружище не бросай коучинг, у тебя дар, объясняешь быстро понятно и очень круто. Спасибо
Лучший учитель которого я только встречал 👍
спасибо)
Добавлю немного для новичков. Для того, чтобы вы могли писать на scss, а компилировался файл в css через программу Коала, саму программу Коала закрывать не следует, в момент компиляции она должна быть открыта и видна на панели задач!
До этого видоса думал что препроцессоры это что-то сверхсложное и нужно минимум неделю изучать. Спасибо за введение в эту технологию) Следующий макет начну верстать уже на SCSS.
круто, рад что помог
После одного просмотра этого видео сразу начал использовать scss в работе, до этого думал, что это какая-то сложная технология и до последнего обходил стороной, спасибо!
очень круто
Видео - огонь! Огромное спасибо! Вы очень круто объясняете.
Согласен ))
спасибо тебе огромное, самое понятное руководство по scss которое я только смог найти!
Спасибо за урок. Оказалось всё не так сложно. Наконец-то поняла разницу между scss и sass. Творческих успехов и процветания!
Огромное спасибо! Почерпнул много полезного. Как говорится: "Век живи, век учись". Успехов!
Вадос уже полгода обучаюсь на твоих роликах и не перестаю убеждатся что ты действительно талантливый учитель. Спасибо огромное 👍 низкий поклон )
Ты пол года учишь вёрстку ?) Ты учишься 1 раз в неделю пару часов? Или как?
@@danilaundead4760 если у тебя получилось быстрее я только рад за тебя друг)
@@alexkodding9354привет, как успехи по учебе ?)
@@T2kibi норм, а что?
@@alexkodding9354 ничего )
Сам только начал учится, интересно узнать как другие ребята учились )
Вадим, молодец, очень понятно все объясняешь!!! Спасибо))
Просто лучший!!! Подача пушка! Не бросай канал только, у тебя дар объяснятся нормально!
Много новых и полезных нюансов узнал о препроцессорах! Благодарю Вас, очень доходчиво и талантливо доносите информацию, она быстро впитывается и запоминается.
Это просто подарок какой-то! Спасибо вам!!!
Урок просто зачьот 👍, буду рекомендувати це відео тим хто хоче перейти на scss.Автору великий респект
Под этим видео должно быть минимум 🍋 просмотров, лайков и подписок! Что за аномалия такая? Благодарю тебя баратец за такой годный контент. Успехов больших, продолжай в том же духе. Лайк, подписка, колокольчик обеспечены, 💯!
Столько верстальщиков во всем мире не наберется
@@sanzharabdurahmanov6988 никогда не сомневайся)
С чувством и расстановкой) Спасибо!
Спасибо большое. По сути от вас я учусь больше чем я учился на курсах ...
автору спасибо.. продолжай в том же духе. все понятно объяснил. определенно стоит подписки
Спасибо)
Спасибо за видео, Scss это тема вообще, как раз попробовал уже не представляю верстку без него, не знал что в rgba можно решетку ставить)) Я вот только начал путь в it компании и могу посоветовать снять видео с стандартными ошибками и недочетами новичков, например лишние области, баги распространенные, неправильные реализации слайдера,попапа и тд, можно взять верстку какого то новичка и разобрать, думаю полезно будет, ибо токо на работе узнал про кучу ошибок, о которых и не знал вообще, ибо нигде не видел что бы кто то показал что у li-шек даже после обнуления отступов например есть 3 px примерно расстояние между собой и тд. Таких моментов куча и нигде не освящаются они в обучениях. В слайдере например многие когда нужно сделать на весь экран картинку которая меняется со слайдом кидают ее на bg, хотя это усложняет со стороны клиента замену картинки и тд. Вообщем удачи в развитии канала, очень хороший контент)
Спасибо за ценные советы, рад, что открыл инфу про # в rgba
у этого чувака плейлист Repozitorro ua-cam.com/channels/E9ODjNIkOHrnSdkYWLfYhg.html
Спасибо за видео! Я для перевода SASS(SCSS) в CSS использую не приложение, как в видео, а расширение для VSCode, которое называется Live Sass Compiler. Это удобно для небольших проектов или обучения. А для чего-то побольше уже лучше использовать тот же GULP. Всем успехов!
Хорошо и доходчиво рассказал, спасибо за твой труд.
Спасибо. Четко объяснили
до твоего видео не понимал зачем вообще препроцы. спасибо тебе!!!
Круто, спасибо, раньше даже не знал зачем они нужны)
спасибо! все понятно разложил по полочкам
Как всегда доходчиво и кратко !
Единственный кому хочется оставить комментарий для поддержки !)
спасибо, ценю
Если честно, то ты лучший на UA-cam в плане обучения для меня, по сравнению с webdesign master прям все четко и по полочкам.
Я пытался научиться по его видео и просто ничего не понимал, а после твоих видео на одном дыхании за час)
Тоже, пробовал по его работам делать и просто погрузал и стопорился:( а вот Вадим вернул веру в свои силы))
Не рекламы ради: есть еще один толковейший гуру: ua-cam.com/users/freelancerlifestyle Женя Андриканич
Тоже очень понятно излагает. Смотрю только его и автора этого замечательного канала - Вадима Прокопчука.
Спасибо! Очень нравится то, что ты грамотно и доступно объясняешь материал. Успехов тебе!)
спасибо
сж вы ҽввҽвҽажаҽаҽкҩкхкӡккдкзкдкзкжзазк
@@vadymprokopchuk зцжвжаҩпҩжа!ажсжсжвжад
пбпивычрв ҩстҽчс сЧыи
клӡуудкзкдкӡкдкӡедпӡпд
Огромное вам спасибо 🤗
Всё понятно, всё чётко 👏🏻👏🏻❤️
спасибо! Это видео упростило мою жизнь)
мне кажется, что ты лучший
It was very useful! Thank you, Vadim!
Посмотрел это видео, и сразу нажал подписаться! Коротко , доступно и по делу! Спасибо!
Единственный кто нормально объяснмл SASS SCSS
благодраю
Чувак большое спасибо тебе я раньше думал что эти двое очень сложнее но оказывается простой.
офигенный урок, вспомнил препроцессоры за 30 мин, реально за 30 ))
Очень понятное и толковое объяснение. Благодарю! Еще бы шрифт покрупнее сделать в IDE, а то даже в полноэкранном режиме на 1080 плоховато видно. А так всё круто! Требую продолжения банкета!))))
Благодарю за такое крутое объяснение, все ясно/понятно!!!)
Лайк на первых минутах. Спасибо за чёткую подачу инфы!) Продолжай делать такой же крутой контент, тебе воздастся за хорошие поступки такие))
Вот бы мне таких учителей в школе)
Здравствуйте! крутые уроки, спасибо вам огромное. Но, хотелось бы на этом уроке про миксины тоже узнать
Лучший учитель
Спасибо
Спасибо за видео, быстро и чётко объяснил
Большое спасибо. Очень доходчиво.
Спасибо большое, помог
Все очень понятно и интересно
Спасибо за видео
Как всегда топ
дзякуй!
Thank you bro!) You are the best, man!)
Спасибо за урок!
Спасибо за видео, пойду верстать уже через SCSS
Полезное видео, спасибо тебе.
Огромное спасибо за это видео)
Отличное обучающее видео! Респектую!
огромное спасибо за урок! многое стало понятным)
Супер урок. Спасибо
Отличный урок, спасибо
Подписка, лайк однозначно. Очень доходчивая подача материала.
круто, спасибо
Просто супер, все понятно и доступно объяснил. Особенно позабавил холор, теперь мы знаем что было бы если css создавали украинцы))
спасибо большое
Спасибо большое вам !
дякую за відео,доступно,корисно,продовжуй.!
Спасибо за твой контент! Помог
Как всегда ТОП ✌️😎
Круто. Все Sassно 👍
Cпасибо! Хорошее руководство для начинающих.
рзизижуҟаҽҽаҽажпжппжжжмзвзфхц ҩвжаабпдпд
брпжпҩпзмҩмдсдраспкпжыыфжџч бы
@@kiunsama1881 наркоман?
Классно. Спасибо большое!
Хорошее видео! Спасибо!
Ти очень Крут🤛
спасибо, Вадим
круто, как и всегда
Выражаю благодарность из сентября 2023 года!
Огромное спасибо.
Спасибо Джон Сноу =)))
Спасибо за видео. Показываешь куда и как, неплохо объясняете (без обид. из за чего субтитры коряво перевели). А так все ок. До этого думал, что сложный и запутался (по началу, да), т.к. я старый поколение)) но все понятно. Вы демонстрируете пишете код, а я вас повторяю. Пока не могу решить, что выбрать sass или scss. Я бы предпочел выбрать scss, т.к. привык писать код со скобками и точка запятая. В общем поставлю оценку 10/10, в том числе лайк ;)
спасибо, классно обьясняете
Спасибо!
Таймкоды для урока:
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
Это сообщение надо прикрепить.
Спасибо
5:43 - Вложенные селекторы
10:17 - Использование знака & (амперсанд)
12:56 - Переменные
16:50 - Шаблоны
21:26 - Возможность написания цвета rgba в hex. Например background-color: rgba(#12dc31, 0.9), в css получится background-color: rgba(18, 220, 49, 0.9);
Для полного счастья не хватает @import'a :)
Great work!
Спасибо большое)
Круто! Очень классно все объяснил, смотрела не отрываясь. Удачи в успехах, с меня лайк и подписка х)
Благодарю !
Классно, подписался!
вот сначала я посмотрел ролик 2020 года, а теперь 2019 и впечатление неопределенное. обычно вначале все плохо, а потом уже привыкается и вырабатывается навык. тут как-то кажется наоборот. елси бы не даты под видео, я сказал бы что это вышло позже, чем предыдущее. конечно не мне учить видео снимать. я и такое не сделаю. но предлагаю автору самому посмотреть и сравнить и на основании увиденного сделать вывод и принять решение. какое оно будет это конечно уже дело самого автора. но от себя повторюсь, что текущее понравилось в несколько раз больше более нового. даже больше. это вообще очень понравилось своим изложением и подходом к делу. не хуже тех у кого миллионы просмотров и отметок.
Спасибо, информативно.
спасибо
Привет. Можешь сделать урок по Bootstrap 4, аналогичный твоему видео по bootstrap 3?
Привет, обязательно запишу, но немного попозже
ждем
Максимальный бал ! и лайк
Посмотрел и Gulp, отличная работа, Подписался!
с меня лайк
otlicno. spocibo bam)))
👍👍👍
я начал с Less... но везде требуют SCSS. та что, лучше с его и начинать. хотя перейти с одного на другое, не сложно.
goooddddd
urok
spasiba
Бомба
очень даже годно