Препроцессор SASS / Урок #7 - Условия, циклы и оператор @content

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ย. 2024
  • В ходе урока вы познакомитесь с условными конструкциями, с циклами, а также с оператором @content. Вы научитесь записывать различные стили в зависимости от условия или же от цикла.
    1) Урок на сайте itProger: itproger.com/c...
    ✔ Сообщество программистов: itproger.com/
    ✔ -------------
    Вступай в группу Вк - prog_life 🚀
    Группа FaceBook - goo.gl/XW0aaP
    Инстаграм itProger: / itproger_official
    Instagram: / gosha_dudar
    Telegram: t.me/itProger_o...
    Twitter - / goshadudar
    - Уроки от #GoshaDudar 👨🏼‍💻
    - Все уроки по хештегу #goshaSass

ความคิดเห็น • 82

  • @flexmachine2280
    @flexmachine2280 4 ปีที่แล้ว +27

    Огромное спасибо!
    Благодаря этому видеокурсу я научился сассать... :\
    Кхм, в общем, использовать в своих проектах сас

  • @anonim-7934
    @anonim-7934 4 ปีที่แล้ว +24

    SASS: *существует*
    JavaScript: *я что для тебя какая-то шутка?*

    • @remkarablin4109
      @remkarablin4109 3 ปีที่แล้ว +2

      По мне, даже удобно будет комбинировать js и scss

  • @smolhs1586
    @smolhs1586 ปีที่แล้ว +12

    Долго боялась подходить к Scss/sass, а оказалось, что это облегчение и сокращение кода css, плюс некоторые удобные вещи, которые теперь не нужно писать долго вручную) спасибо за полезный курс!

  • @dendonya2872
    @dendonya2872 4 ปีที่แล้ว +16

    10:57 Походу услышал только я))))

  • @legendarysergeygaming6395
    @legendarysergeygaming6395 5 ปีที่แล้ว +12

    Условия, циклы интересно послушать на что способен sass. Но есть одно но, они там нахрен не нужны, не вешайти это на CSS. Она не должна этим заниматься.
    P.S. Front-end Developer.

    • @vladyslavovcharenko7466
      @vladyslavovcharenko7466 5 ปีที่แล้ว +3

      я на работу устраиваюсь, мне сказали сасс изучить, и вот понять не могу, нахера это всё вообще надо, мне и на цсс заебись

    • @legendarysergeygaming6395
      @legendarysergeygaming6395 5 ปีที่แล้ว +5

      Я бы сказал так sass это тоже css но он тебе упрощает жизнь, если например твой стили по 10к строк кода. :)
      С начало тоже я спрашивал себя а зачем. Потом понял зачем :)
      P.S. С ним работать очень легко быстро научишься. Больше практикуйся :)

    • @wickedtorpedo75
      @wickedtorpedo75 5 ปีที่แล้ว +2

      спасибо за совет, вы помогаете людям сократить время на обучение, я потратил 3 месяца на обучение все возможный тегов и атрибутов htm как потом оказалось 90% из них не используются, а на изучение html люди тратит около 3 недели

    • @streetworkout1326
      @streetworkout1326 5 ปีที่แล้ว +2

      Wicked Torpedo 75 двух-трех дней хватит)

    • @wickedtorpedo75
      @wickedtorpedo75 5 ปีที่แล้ว +4

      @@streetworkout1326 за 2-3 дня ты даже не поймёшь отличие блочного тега от строчного

  • @vadimbely1974
    @vadimbely1974 5 ปีที่แล้ว +5

    бэкграунда бл%ть, спасибо тебе за твой труд, очень хорошо получается, делай еще!)

  • @vladimirl7413
    @vladimirl7413 5 ปีที่แล้ว +4

    Гоша спасибо за курс.
    п.с. Отдельное спасибо за "хэйт" ))

  • @_Fantom_.
    @_Fantom_. 4 ปีที่แล้ว +3

    Большое спасибо за отличный курс по Sass/ Scss!

  • @kirill-lev
    @kirill-lev 2 ปีที่แล้ว +1

    Спасибо большое!) Единственное что, сразу закрался вопрос, если есть @if и @else, то есть ли @else if ? Посмотрел документацию, действительно такое есть.)

  • @andleo987
    @andleo987 5 ปีที่แล้ว +2

    Можно ли автоматически уменьшать шрифт, если он уже вылазит за ширину блока? С циклами, по идее это должно стать возможным

    • @enero2089
      @enero2089 4 ปีที่แล้ว

      А чем тебе единицы измерения em и тд не угодили? Да и к тому же есть такая же формула для относительного размера контента к блоку.

  • @aleksandrgradov7859
    @aleksandrgradov7859 2 ปีที่แล้ว +1

    Очень классный курс! С удовольствие посмотрел! Спасибо! Давно руки не доходили до сццс, а тут все так просто и понятно!)

  • @himikoriver7566
    @himikoriver7566 ปีที่แล้ว

    scss технично превратился в js🥲🥲🥲🥲

  • @remkarablin4109
    @remkarablin4109 3 ปีที่แล้ว +1

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

  • @TheBigChannel_
    @TheBigChannel_ 2 ปีที่แล้ว +1

    Отличный курс. Благодарю вам за ваш труд. Вы из лучших🔝💯.

  • @rudinandrey
    @rudinandrey 4 ปีที่แล้ว +1

    хорошие уроки, спасибо большое! первое видео конечно затянутое было, но потом просто огонь!

  • @yung_student1276
    @yung_student1276 ปีที่แล้ว +1

    Спасибо за курс!
    Гоша, ты красавчик!

  • @mariabukalova2892
    @mariabukalova2892 5 ปีที่แล้ว +1

    Спасибо за курс, это лучшее на русском языке, что я нашла про SASS

  • @AaAa-dd4km
    @AaAa-dd4km 3 ปีที่แล้ว +1

    Хотел выучить sass а выучил js...

  • @СергейКулаков-ю6д
    @СергейКулаков-ю6д 4 ปีที่แล้ว

    вопрос. зачем всё это нужно, если пока я не увидел, что ЭТО легко и улучшает проект. пока надумаешь и напишешь, другие уже сверстают и деньги получат

  • @sagiden1343
    @sagiden1343 2 ปีที่แล้ว

    круто

  • @pavelrumyantsev626
    @pavelrumyantsev626 3 ปีที่แล้ว

    Здравствуйте! Спасибо за урок. Доходчиво и понятно. Все разложено по полочкам.

  • @shiro6333
    @shiro6333 5 ปีที่แล้ว +1

    Опа, новый видос.

  • @ЮрийКашкабаш
    @ЮрийКашкабаш 4 ปีที่แล้ว

    Спасибо большое! Очень помог этот цикл разобраться в сассе

  • @КристинаЛамбова
    @КристинаЛамбова 4 ปีที่แล้ว +1

    уже которое видео заявлено как SASS, а рассказывает про SCSS/ Я одна это вижу ?

    • @СергейКулаков-ю6д
      @СергейКулаков-ю6д 4 ปีที่แล้ว

      небольшое отличие, в виде отсутствия фигурных скобок, ";", если отступ пробел, то и дальше "пробелить" надо (или таб, то и дальше таб, иначе компилятор не поймёт) . ну и ещё что-то слышал про некоторые отличия в объявлении (&, @, )

    • @enero2089
      @enero2089 4 ปีที่แล้ว

      А какая разница? Просто убери фигурные скобки и кавычки в конце строки, вот тебе SASS.

    • @КристинаЛамбова
      @КристинаЛамбова 4 ปีที่แล้ว

      в смысле какая разница? какая разница между sass и scss? разница в том, что это два разных препроцессора.

    • @dasi4301
      @dasi4301 3 ปีที่แล้ว +1

      @@КристинаЛамбова нет, это не разные пропроцессоры

  • @warflow
    @warflow ปีที่แล้ว

    Годный контент
    Спасибо!

  • @rostislavkovba
    @rostislavkovba 5 ปีที่แล้ว +3

    хИдер...как же режет слух)

  • @fedoskamcha3768
    @fedoskamcha3768 4 ปีที่แล้ว

    Кайф! спасибо за вводную

  • @yelyzavetadem3015
    @yelyzavetadem3015 5 ปีที่แล้ว

    сколько будет видео в этом курсе?

  • @tanyakorshunova7510
    @tanyakorshunova7510 3 ปีที่แล้ว

    Спасибо!

  • @FangaarArt
    @FangaarArt 5 ปีที่แล้ว +4

    сасный ролик!

  • @oybekyuldashov8269
    @oybekyuldashov8269 3 ปีที่แล้ว

    спс

  • @ПрограмМенеджер-у2ш
    @ПрограмМенеджер-у2ш 2 ปีที่แล้ว

    Браво!!!

  • @elmira5244
    @elmira5244 4 ปีที่แล้ว

    скажите пожалуйста, той информации что охватывают данные 7 уроков достаточно для полноценной работы на sass?

    • @remkarablin4109
      @remkarablin4109 3 ปีที่แล้ว

      Да.

    • @tazorprod.934
      @tazorprod.934 2 ปีที่แล้ว

      Думаю, нет. В этих уроках есть общая информация. Для полноценной работы, с моей точки зрения, нужно тщательно ознакомиться с документацией. Надеюсь, ответ еще будет для вас полезен)

  • @Виталий96-к4я
    @Виталий96-к4я 4 ปีที่แล้ว

    Гоша, cпасибо за труд !

  • @Давид-п8и
    @Давид-п8и 4 ปีที่แล้ว

    Спасибо за плейлист!

  • @yuraprotsuk
    @yuraprotsuk 4 ปีที่แล้ว

    дякую

  • @kksss53
    @kksss53 4 ปีที่แล้ว

    С if можно делать адаптивку? Без медиа?

    • @enero2089
      @enero2089 4 ปีที่แล้ว

      Без медия можно, используя собачкаmedia

    • @remkarablin4109
      @remkarablin4109 3 ปีที่แล้ว

      Ну а как ты возьмешь данные из браузера ? Медия на то и сделана, что она автоматически берет размер

  • @sagemiller4454
    @sagemiller4454 5 ปีที่แล้ว +5

    Гоша у меня вопрос.А сколько всего языков программирования ты знаешь?

    • @v1adk-____-482
      @v1adk-____-482 5 ปีที่แล้ว +2

      нихера он не знает, все берет из интернета

    • @Крек-н1к
      @Крек-н1к 5 ปีที่แล้ว

      @@v1adk-____-482 абсолютно верно, 800 с хyeм видосов из инета скачал (*рофл*)

    • @v1adk-____-482
      @v1adk-____-482 5 ปีที่แล้ว +2

      @@Крек-н1к кароч смотри, была такая история. Есть у Гоши гайд по верстке макета. Его он продавал на своем сайте за деньги, хотя сам этот макет нагло взят из интернета и просто название измено. Так же есть куча примеров с похожими ситуациями

    • @Крек-н1к
      @Крек-н1к 5 ปีที่แล้ว

      @@v1adk-____-482 ну, в этой ситуации он поступил просто как типичный инфобизнесмен - нашел на халяву - продал за деньги. Если порыться в инете, можно найти практически любую информацию абсолютно бесплатно

    • @Крек-н1к
      @Крек-н1к 5 ปีที่แล้ว +2

      Это чел делает много хорошего контента бессплатно и это есть один повод "подарить" ему эти бабки

  • @cupon8869
    @cupon8869 4 ปีที่แล้ว

    на каком уроке объяснялся знак #

    • @bigsasiska3921
      @bigsasiska3921 4 ปีที่แล้ว

      в предыдущем ,где мат операции расказывал

  • @illyafedyniak2947
    @illyafedyniak2947 4 ปีที่แล้ว

    Дякую!

  • @xapbu8883
    @xapbu8883 2 ปีที่แล้ว

    Спасибо за курс!

    • @xapbu8883
      @xapbu8883 2 ปีที่แล้ว

      мне вот интересно, в vs code расширение для SASS может быть полноценной заменой для Prepros?

  • @ЕвгенийАлексеев-е2к
    @ЕвгенийАлексеев-е2к 5 ปีที่แล้ว

    элсэ! Бля, элсэ! Весь кайф обрезал от просмотра прошлых видео!)))

    • @vladimirl7413
      @vladimirl7413 5 ปีที่แล้ว

      а хэйт? у меня истерика

  • @bobpps
    @bobpps 5 ปีที่แล้ว

    Большое спасибо!

  • @Влад-ф9ъ2з
    @Влад-ф9ъ2з 5 ปีที่แล้ว

    Не ну это сас

    • @bigsasiska3921
      @bigsasiska3921 4 ปีที่แล้ว +2

      САСНЫЙ! аеееее!!! ААгОнь!