Препроцессор SASS/SCSS за 38 минут. Что такое SASS, SCSS. Установка уроки обучение.
ฝัง
- เผยแพร่เมื่อ 6 มิ.ย. 2024
- SASS/SCSS это препроцессор для CSS, он значительно расширяет возможности обычных таблиц стилей CSS и делает работу более удобной и быстрой. Установка SASS не требуется, нам просто нужна программка компилятор. В этом выпуске мы познакомимся с такими возможностями как переменные, вложенности, миксины, наследование и другими крутыми штуками. Поехали!
Видео по настройке компилятора SASS Prepros:
• Prepros что это. Как п...
Видео по настройке компилятора SASS VS Code:
• VS Code настройка уста...
Сайт препроцессора SASS sass-scss.ru/
Архив с файлами урока ищи в телеграм канале t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
Или качай по ссылке: fls.guru/files/tutorials/hell...
Содержание:
00:00 - Вступление
02:03 - Синтаксис
04:45 - Вложенность
16:35 - Переменные
18:36 - Импорт
22:41 - Шаблоны
29:44 - Миксины
32:41 - Математика
34:59 - Комментирование
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #верстка
ОЧЕНЬ ценю твой ЛАЙК и КОММЕНТ!
Поддержать канал: www.donationalerts.com/r/freelancerlifestyle
Стать Патроном: www.patreon.com/freelancerlifestyle
Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
Instagram: instagram.com/freelancer.lifestyle/
Facebook: facebook.com/freelancerlifestyle/
@@muroihenwald5080, пока и этого достаточно)
Женя, почему у меня style.scss, в siblime text 3 там всё серым шрифтом ничего не подсветчивается в отличии от css?
@@ZellKill значит нет плагина для sass, scss
@@FreelancerLifeStyle замудренно то как😄
Жэка привет когда пытаюсь подключить через @import scss файл, то вылазит ошибка и просит все перезагрузить. пишу в редакторе vscode. Можешь подсказать в чем может быть проблема?
Насколько ценны эти знания, которые прошли через миллионы проб и ошибок. И это не просто знания, а ОПЫТ. И Жека делится этим опытом. Это гораздо ценнее.
Спасибо! Рад что полезно!
Есть подозрение, что каждый ролик будет просмотрен и даже не один раз!
Супер! Я рад!
так и есть. Смотрю Жекины ролики не по одному разу)
как успехи за 5 месяцев?
@@ChendlerBiing такая же тема))
7 раз, чувствую что скоро 8-ой раз смотреть буду
Дай Бог тебе здоровья, прекрасный ты человек, Женя
Спасибо!
Сказал как будто батюшке какому-то. Хотя он похож))
И вправду магия. Так верстка становится интересней. Спасибо за урок. Кстати, народ, кто щас видео смотри. Короче, чтобы ваш style.scss файл компилился в css/style.css, нужно в prepros нажать на style.scss и справа вы увидите путь к какому css, жмякаете на этот путь, и выбираете тот style.css, который нужен. Потому что той настройки, что у Жеки, нет. Походу, обнова. Желаю всем удачи в верстке!
Постоянные зрители уже тут)
с ходу лайк)
Спасибо!!! 🤘👍
тоже всегда так делаю =) видос еще не начался, а я уже леплю лайк на всякий, что бы не забыть=)
думаю так делают многие, но мне оч помогает запомнить система при которой я смотрю, потом ставлю ролик на паузу и тож самое повторяю. времени занимает намного больше, но хоть в голове остается.
а так sacc это пу-пу-пушка
Это да)
Я тоже так делаю. Если это новая информация, то подругому смысла нет делать
Это лучший учитель верстки рунета. Благодаря этому человеку найти работу верстальщиком станет не только очень просто, потому что все разложено по полочкам и максимально понятно, и ты учишься легко и быстро, но так же и очень сложно, потому что нас выучится 75 тыс. человек, и образуется конкурс 1000чел. на место )
Лучший русскоговорящий канал по теме
Євген, дуже вам дякую за ці уроки. Ви дуже гарний викладач - все дуже зрозуміло і те, як поступово інформація ллється та вкладається в мозок - це просто неперевершено. Дякую, що ділитися своїм досвідом та допомагаєте початківцям. В такий скрутний час це просто неймовірно все.
Этого урока мне хватит на неделю. Мне кажется вышка в институте была легче)))) Женя, спасибо!
Посмотрел я этот видос. Это просто огонь!!! Блин, такое чувство, что я уже лет 5 с SCSS плотно работаю. Жека, спасибо тебе! Так подавать информацию могут не многие. Это тот случай, когда посмотрел и уже умеешь. Что нужно будет дополнительного, почитать спецификацию по SCSS и все. Чувак, я иду по твоим видео по очереди и мне страшно (в хорошем смысле слова), что же ты будешь дальше нам рассказывать. Только не останавливайся! Уважуха тебе за твой труд и просвещение людей!
У тебя только такое чувство, сядешь верстать обосрёшься )) Одного просмотра видео не достаточно , как там успехи за год ? Сможешь хоть обычный лендинг сверстать ?)
Я всегда пользовался LESS а оказалось он ни чем не отличается от. SCSS. Надо дописать в резюме 😉
@@danilaundead4760 Какой ты душнила. Человек решил просто поблагодарить Женю за ролики, а ты начал что-то говорить про его способности в верстке, хотя его комментарий никак не был связан с этим
@@danilaundead4760 Чул, я свой первый лэндинг давно сверстал вообще посмотрев только хауди хо. А всем известно, кто он такой и какая там инфа (ну и результат был соответствующий). Если б посмотрел тогда ФПЖ, явно код был бы гораздо лучше. И сделал бы явно быстрее. Именно по роликам ФПЖ впервые верстать и просто, мне кажется. Если есть какое-то элементарное логическое мышление и минимальное знание английского.
@@danilaundead4760 Это точно!!!
Всегда вижу на этом канале грамотные и подробные объяснения. Спасибо!
Жека! Твоя подача информации лучшая на ютубе! Спасибо тебе за уроки!
ДА!!!Препроцессор-это сила!Спасибо Женя за ваши объяснения,за ваши уроки,за всё что вы делаете для нас.
Вау, очень интересный, многофункциональный и удобный этот предпроцессор. Спасибо что продолжаешь учить!
Пожалуйста!
Жара пошла !!С каждым уроком все интереснее .Огромное спасибо!!!
Просто нет слов, отличная подача материала!!!! Ставим лайки!
Спасибо! Стараюсь!
чуть мозг не взорвался))) от такого количества полезной инфы!)))👍👍👍
Cпасибо!!!!!! Восхищаюсь доходчивостью подачи информации-обучения...
Покупал курсы, одни страдания, а тут бесплатно все насколько просто и понятно, что слов нет. Спасибо огромное.
Круче не видел. Без воды, всё конкретно и по существу, в хорошем темпе. Респект и спасибо!
Просмотрел 33 секунды и остановился, чтобы очередной раз поблагодарить. Азарт в глазах,явное искреннее желание помочь другим. Респект!
Спасибо!
Посмотрел весь ролик и остановился, чтобы попросить хоть кого-то объяснить мне, на**я вообще нужен scss!
@@xxxan_official Что бы быстрей писать код
@@kimitori379 да, я потом только понял, когда csstractor установил 😆 ну и немного разобрался в scss
Очень ценю ваш труд!!!! Уроки и правда КРУТЫЕ!!! Не бросайте вы лучший!!!
Просто не уроки а ЧУДО! Спасибо Вам ОГРОМНОЕ!!!
Жека, спасибо тебе за твои труды. Не останавливайся. Подача материала у тебя супер!
Спасибо!
Доступно, понятно, просто, информативно и отдельный респект за грамотно построенную речь при объяснении как работает вся эта машина под названием SASS.
Не боги горшки обжигают.
Спасибо Уважаемый "Фрилансер по жизни"
Пожалуйста! Рад что полезно!
Суперовий Урок!!! ВЕЛИЧЕЗНЕ ДЯКУЮ!!!
Спасибо тебе огромное за твои уроки, они очень информативные и легко усваиваются :D
Евгений, большой респект. Очень мощно, продуктивно. СПАСИБО!!!! С наступающим Новым годом! Всех благ!)
Спасибо за такой позитивный подход! Наш препод каждый раз нас пугает, что нас ждет очередная трудность, а в в твоем ролике это очередная крутая возможность. Очень меняет отношение к обучению. :)
Я рад!
До твоего видео КУЧУ других посмотрел на тему SASS и ничего не понял. думал, что у меня с головой что-то не то или я просто бесталанный. Из твоего видео понял ВСЁ - зачем он нужен. какие у него преимущества и как он работает. Ты вернул мне мою самооценку. БЛАГОДАРЮ!!! Да, и ты просто ПРИРОЖДЁННЫЙ ГУРУ! Продолжай, пожалуйста! Удачи тебе и кучу донатов!
Спасибо Сэнсей!!! Как подробно, без воды все объяснили! Лучший
Огромное спасибо за видео! Отдельная благодарность за таймкоды, очень удобно пересматривать когда что-либо забываешь ;)
Пожалуйста!
Комментарий для продвижения. Спасибо за всё, что ты делаешь, это нереально круто!)
Отличный туториал, моя благодарность! Всё максимально понятно, информативно и компактно. Очень помог: я попал на проект, где используется SCSS, с которым я столкнулся впервые, но благодаря данному видео быстро разобрался.
Огромное спасибо за столь доступное и понятное обьяснение предмета! Как всегда лайк
Отлично объяснил! 👍 40 минут, без воды, только нужная информация, очень хорошая идея сразу показывать компиляцию, тем кто изучает думаю будет легче понять). Препроцессоры штука очень полезная и удобная если правильно использовать, сильно экономят время. Также думаю стоит тему правильного наименование немного затронуть и бем, будет как раз в тему).
Спасибо! Конечно БЭМ буду пробовать донести))
Уровень гораздо посерьёзнее, по ощущениям) В начале прям со скрипом информация заходила. Но благодаря ссылка на твои же уроки всё ясно, понемногу разобрался)
СУпер уроки, в очередной раз огромное спасибо!)
Спасибо большое за твою работу! Подача информации , как и наполнение , просто прекрасные
Кращий канал, що я знаходила. Дякую, що заново відкрили мотивацію до навчання.
Я радий!
Спасибо за великолепный урок!
Судя по твоему настроение в этом видео, тебе не терпится рассказать нам!) Спасибо за это))
Все верно, спасибо!
Спасибо тебе за суперскую подачу информации : D Всем мирного неба над головой!
Спасибо, отличное видео. Все просто и понятно, без мычания. И речь чистая, приятно слушать)
Очень крутая подача материалов! Жека, ты действительно один из лучших спецов, что рассказывают о верстке) Надеюсь, что благодаря твоим урокам из меня выйдет толк)
Спасибо! Стараюсь)
Огромное спасибо, я благодарна за каждый урок, такой наставник любого заинтересует своим делом!
Пожалуйста! Я рад!
Тип, у тебя очень получается доступно объяснять. У тебя какая-то фишка - тебя очень приятно слушать и примеры ты подаешь очень доступно.
ДЯКУЮ!!!! Так просто і зрозуміло донести інформацю - це талант!
Поддерживаю.
Учусть на курсах фронта. Тему препроцессоров не понял от слова совсем. Посмотрел видос - проще простого. За что я плачу столько денег когда тут такой препод крутой все по полочкам раскладывает...
Здравствуйте, хотел выразить свою благодарность за ваши бесценные видео-уроки и передачу собственного опыта . Вы делаете большое дело для всех нас! Желаю всем ученикам дойти до конечной цели!
Спасибо большое!
Евгений, очень доступно и понятно! Спасибо за уроки! Продолжайте, пожалуйста!
Евгений, спасибо Вам огромное за ваши труды!Вы лучший.
Жень, красава. Подача оч доступная, хочется слушать. спасибо)
Супер! Я рад!
Cпасибо друг, доступно и с харизмой, приятно слушать и легко запоминать!
Я рад!
Дружище, респект! Очень доступно объясняешь, три тысячи раз благодарен!
Как всегда все на высоте! Спасибо!
Блииин, насколько это удобно тооо!!! Спасибо огромное за объяснение) Кстати, полностью согласен с ребятами из комментариев ниже: ты просто шикарный учитель, ты настолько хорошо объясняешь, что мне кажется даже человек, который не знает что такое компьютер поймет :)
Супер! Я очень рад!
Женя, спасибо тебе огромное! Замечательные уроки, как и учитель)
Спасибо!
Нового ничего не скажу, но всё же.
Объясняете максимально понятно и сжато в то же время. До вашего ролика посмотрел 2 похожих у других - много воды и ничего толком не понял + чувство потерянного времени.
Спасибо что снимаете такие крутые видео))
Дуже вдячний за вашу працю!!!!! Складно........ але уявляю як було вам!!! Міцьного вам здоров*я!!!
Благодарю! Учиться бесплатно имея желание, и вникать в то что не понимаешь при прочтении, это только благодаря таким как вы!!! Успехов вам!
Спасибо!
Как всегда на высоте🔥, благодарю за труды
Пожалуйста!
раз лайк только один можно ставить, то я буду писать комменты!) видео супер, особенно часть про миксины. Все объяснили доступно. Спасибо вам за труд
я просто зобов'язана залишити комент. Це квінтесенція знань та досвіду. Величезне дякую за ці знання. Хочу до вас на курси.
Огонь, спасибо за видео) Голова пухнет, но теперь все понятно, все записал себе)
Отлично!
подача материала супер! Спасибо огромное! ПРОЦВЕТАНИЯ
отличное видео! информация подаётся очень доступно и дозировано)
с каждым уроком уровень повышается!
спасибо большое! искренне желаю Вам успехов на канале!
Спасибо большое!
Блин подача супер , на протяжении всего видео не было момента что где-то что-то не понял, до этого как то оттягивал момент изучения препроцессоров а тут аж руки зачесались попробовать и применить все на деле. Заслуженный лайк,комментарий )
Спасибо большое!
красавчик!!!!Огонь просто !!! Подача материала на высшем уровне !!!! приятно слушать тебя!!!!
Шикарно! Искренне благодарен! Добра Вам, Евгений!
это ПРОСТО КРУТО!
Два лайка и два коммента от меня за один день - этого еще никогда не было.
Ну, спасибо! :)
Смотрю каждый день по ролику ) Вы самый лучший учитель !!!
Спасибо!
Жень, спасибо огромное. Просто тонна полезной инфы у тебя на канале. Настроил по твоему видео vs code и все круто. Вообще с твоим каналом столько тем закрываю, флексы, гриды, изображения, сейчас препроцессор. Просто большое спасибо тебе.
Доступное и понятное объяснение самого основного по препроцессору! Отлично, так держать! :-)
ЭТО. БЫЛО. КРУТО.
Спасибо тебе большое за проделанную работу!
Пожалуйста!
Думаю, что ты круче Sass и всех препроцессоров, Я за пол часа больше понял, чем за несколько часов слушания других лекций. Жека, у тебя дар! Спасибо тебе!)
Пожалуйста!
Просто захожу на новое видео и сразу ставлю лайк, так как уже знаю, что будет что-то годное и полезное)
Ставлю лайк уже даже в начале видео, потому что знаю, что всё будет круто!)
как всегда все на высшем уровне! низкий поклон
Спасибо!
Это ШШШЕДЕЕЕЕВРРР! Евгений, огромное спасибо!
Пожалуйста!
Женя, спасибо! Очередное понятное видео! Миллион очков тебе в карму!
Спасибо Жека за ценное видео. Редко можно встретить такой концентрированный материал.
Круто дуже дякую зрозуміло розказуєш, приємно дивитися твої роліки. Дякую)))
Я радий!
Женя, спасибо огромное! Очень полезные видео.
Пожалуйста!
Преподаватель от Бога. Отличная подача материала. Спасибо!
Обновлю комментарии в 2021 году. Крутая подача информации. В начале года понял что не хочу больше продолжать работать по тому направлению на котором работаю сейчас. И с тех пор смотрю, а так же параллельно повторяю, твои уроки. Ну и так же делаю домашку, т.к. теория без практики это маленьких процент усвоения в итоге. Смотрю каждый урок. В начале года даже и не думал что я через некоторое время уже смогу своими руками что то "создать".
Спасибо тебе за твои труды!!!
Все очень доходчиво, продолжай в том же духе)
Думаю у канала хорошее будущее)
Спасибо за твой труд!)
Спасибо!
Побольше таких бы преподавателей .
Спасибо!
Пожалуйста!
Спасибо сенсею за очередную порцию знаний ❤❤❤
Зачётный материал! Большое спасибо, растём вместе с вами в свободное время)
Спасибо за отличные уроки! Они не только очень информативные и понятные, но и вдохновляют на дальнейшее изучение вёрстки. Я учитель украинского языка, решил кардинально поменять сферу деятельности. Всегда думал, что мне, филологу, это не дано. Пока не попробовал. И Вы знаете - затянуло!
Мне 40 лет, но учёбой увлёкся, как школьник. И мне абсолютно всё равно, что думают окружающие об изучении вёрстки в моём возрасте. У меня есть цель, и я к ней иду. Ещё раз благодарю за Ваши уроки. Вы замечательный учитель. Удачи!
Похожая история. Конечно у нас все получится. Долго штурмовала сайты, библиотеки, но уже опускались руки, пока не нашла канал Жени. Сейчас полет нормальный, даже самоуважение выросло. Не такая я тупая, с таким шикарным преподавателем.
Верстаете за деньги уже?
@@lenaplay3884 и что работаете в этой сфере??или бросили учебу?
👍🏻Достойно уважения! Успехов!
Прошло 2 года и как успехи? Чтото получилось из себя сделать? А то мне тут 44 и я начал это все учить. Как думаете будет толк?
Ещё не видел такого блогера,который собирал столько позитива))))))
Спасибо!
Ну как же мне нравятся твои уроки! Ничего лучше не видел.
Давно хотел разобраться с SASS, но как-то всё не доходили руки. Вбил в поиске уроки и твой был одним из первых. Честно сказать, не пожалел. Оказывается, всё не так сложно, как я себе думал. Спасибо большое! ;)
Добрый день, Спасибо за работу. Выполнено ВСЁ на "ОТЛИЧНО". Под "всё" понимаю реально ВСЁ. Это и подача учебного материала, и подготовленные материалы, и сценарии роликов, и сами видео, и ..... В русско-говорящей части интернета не встречал по данной тематике ничего сделанного лучше чем Ваши курсы. Спасибо большое еще раз.
Спасибо большое! Я рад!
Я просто в шоке от качества контента на этом канале.Все настолько просто и понятно объясняется. Тебе надо создавать курсы по обучению на веб-разработчика. С такой подачей спрос будет огромный!
Спасибо! Это и есть курс, просто бесплатный)
th-cam.com/play/PLM6XATa8CAG4F9nAIYNS5oAiPotxwLFIr.html
Оч круто, 3 дня уже не отлипаю от видосов, формат бомба, молодчага. Вдохновения тебе огромного!
Спасибо большое!
Спасибо Женя ! Не смотря на то что уже проходил эту тему, у тебя почерпнул немало нового, все очень доступно и понятно, спасибо тебе, есть в планах на твое менторство, как буду готов так сразу и оформлю!
Спасибо! Буду рад помочь!