Верстка сайта - нужны ли препроцессоры CSS

В этом видео мы обсудим верстку сайта и я расскажу нужны ли css препроцессоры сейчас для написания проектов по верстке. Верстка сайта для начинающих всегда дается непросто. Многие начинающие не понимают что нужно учить для того что б верстать сайты. Sass и Less препроцессоры призваны для того что б помочь разработчикам проще верстать сайты. Но нужны ли они сейчас когда нативный CSS имеет уже столько возможностей. Почему были созданы препроцессоры? Не было переменных. Не было вложенностей. Не было модульности. Плюс ко всему были проблемы с кросс браузерностью
Распродажа курсов по программированию: srs.myrusakov.ru/newyear2020?...

Пікірлер: 89

  • @enterkvas
    @enterkvas2 жыл бұрын

    Большое спасибо Вам, Михаил, за полезный контент. Актуальный для меня в настоящее время. Разочарование приходит в препроцессорах. Да и сборщики постоянно "капризничают", то какие-то плагины перестают поддерживаться, другие обновляются, но не ставят об этом в известность. То синтаксис меняется (хорошо, если еще поддерживается предыдущий). Постоянно нужно следить за этой темой. Куча времени. Думаю, да - для больших проектов - полезно (хотя здесь уже дело к фреймворкам js и библиотеке React). Вообщем, да, каждой задаче - свои инструменты. Здесь, конечно, я высказался о своей актуальной "боли". Успехов!

  • @user-tn3ne4qp6b
    @user-tn3ne4qp6b4 жыл бұрын

    Препроцессоры учатся за 1 день, там нет ничего координально нового, что заставило бы потратитл аш, неделю.

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Я сказал выучить и привыкнуть. Про модульность все сказал, вы невнимателен

  • @igorabdukadirov4784

    @igorabdukadirov4784

    4 жыл бұрын

    Препроцессор легко, ленивость человека, затруднительность к применение постоянное и причем месяцами тратят время на это.

  • @ThomasBlack452

    @ThomasBlack452

    2 ай бұрын

    Это критически зависит от уровня предварительной подготовки человека. Неподготовленному человеку требуется больше времени. Ну тут в принципе просто надо понимать, как работает наш мозг. На пианино так-то тоже легко играть. Нажал на клавишу и звук пошёл. Только на деле обучение займет от 5 лет, в зависимости от конечной цели, конечно.

  • @elliewhite6745
    @elliewhite67454 жыл бұрын

    Ваш канал является основным для изучения вёрстки для меня. Спасибо!

  • @HORIZON_OF_GAMES_WORLDS
    @HORIZON_OF_GAMES_WORLDS4 жыл бұрын

    Препроцессоры хотя бы ради вложенности стоит использовать. Я юзаю Koala (автоматический компилятор, автопрефиксер, сжатие css, source list, проверка ошибок), крайне удобная вещь. Особенно когда используется БЭМ. Пишу на SASS (SCSS синтаксис).

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    👍🏻👍🏻👍🏻

  • @am35a

    @am35a

    3 жыл бұрын

    ага, а когда начнешь работать с цветами в стулус будешь петь другую песню или с гридами в лесс :))))))))

  • @progi99
    @progi998 ай бұрын

    о я заметил что видео уже три года, так мы может уже отказаться от препроцессоров?

  • @Rozalinaag

    @Rozalinaag

    2 ай бұрын

    да, я не использую его. В css есть все необходимое, что раньше было в scss

  • @user-xz3fi4kl2x

    @user-xz3fi4kl2x

    5 күн бұрын

    ​@@Rozalinaag Как решаете проблему ограничения использовать css переменных в media queries?

  • @zalik1999
    @zalik19994 жыл бұрын

    Будут ли обучвющие видео по angular? Ну и как в js курсах еще и практика.

  • @yanmezinskiy8817
    @yanmezinskiy88174 жыл бұрын

    Давай ещё раз , по второму кругу , расскажи ещё раз про JS

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Что рассказать?

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Про js сейчас не было ни слова

  • @ganjackal
    @ganjackal3 жыл бұрын

    Спасибо а то я решил освоить верстку и столько инфы а тут еще и припроцессоры) Короче мозг взрывается)!

  • 3 жыл бұрын

    Дружище главное уметь написать код на css, а там разные методологии, препроцессоры вообще фигня, главное что бы ты умел умело пользоваться css и javascript, а там все остальное зависит от разных компаний, кто то использует sass кто то методологию бэм и т.д., а эти вещи изучать от силы 2-3 часа и если тебя возьмут на работу то там тебя за несколько дней научат распорядку работы в их копмании, так что не замарачивайся и изучай css и javascript как надо, остальное фигня

  • @ganjackal

    @ganjackal

    3 жыл бұрын

    @ спс

  • @podpalmoi

    @podpalmoi

    2 жыл бұрын

    У меня аналогично получилось, но препроцессор это ещё легко учится. Ты посмотри урок по БЭМ)) вот там твой мозг встанет намертво. А ведь помимо БЭМ есть и другие методологии. Получается, что все эти методологии созданы не для комфортной и творческой работы верстальщика, а для реализации самолюбия конкретного заказчика, причисляющего себя к определённой "субкультуре" (методологии). Поскольку они не универсальны, то есть обладают помимо преимуществ и недостатками, тогда как у препроцессоров их мало и они специфичны.

  • @steinye

    @steinye

    2 жыл бұрын

    @@podpalmoi не соглашусь. Юзаю бэм и это комфорт в первую очередь для меня. Всё по полочкам, всё понятно

  • @podpalmoi

    @podpalmoi

    2 жыл бұрын

    @@steinye Подскажи пожалуйста, как стилизуют окно загрузки файла на сервер? Я учусь у Фрилансера по життю, дошёл до DOMa, но на данный момент такой инфы от него нет.

  • 3 жыл бұрын

    Sass изучать максимум три дня, помогает, но не сильно, даже можно сказать почти особо не помогает, но рекомендую к изучению, говорю максимум три дня, это уже с практикой, а ознакомиться хватит и двух часов, легче чем таблица умножения. Хочу добавить, в css есть функция var, то есть я так понимаю уже тем более не нужен sass или less

  • @chikosan3890
    @chikosan38904 жыл бұрын

    спс

  • @almannazyrov394
    @almannazyrov3944 жыл бұрын

    Могу сказать вам, что variables можно задавать на чистом css. :root { -color-black: #000; } div { color: var(-color-black); }

  • @peacefulquasar

    @peacefulquasar

    4 жыл бұрын

    Ну такое себе

  • @micoberss5579

    @micoberss5579

    4 жыл бұрын

    В препроцессорах удобнее ведь.

  • @almannazyrov394

    @almannazyrov394

    4 жыл бұрын

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

  • @iamInnoel

    @iamInnoel

    4 жыл бұрын

    @@almannazyrov394 с чего уверенность, что точно не знали?

  • @awenn2015

    @awenn2015

    3 жыл бұрын

    @@peacefulquasar нет, всегда удобно их использовать если одни и те же стили повторяются , потом можно через переменную поменять и не исправлять каждый селектор

  • @user-fr5tt6cu4q
    @user-fr5tt6cu4q4 жыл бұрын

    Те люди которые умеют правильно писать нативный js или css по умолчанию в выигрыше. А вы сами сказали что это фичи, ... которые в чем то может и помогаю, но создают ещё больше проблем совместимости. Если человек хочет научиться грамотно верстать или писать код, он должен прежде всего идти по нативной спецификации браузеров и владеть этим в совершенстве, а потом уже если появится желание усложнить себе и другим жизнь, пусть использует что хочет)

  • @VIJana79

    @VIJana79

    Жыл бұрын

    я не пойму, как можно писать что-то на препроцессоре не зная основного языка. Один раз сталкивалась с молодым человеком, он мне сказал, что не знает css, поэтому всё пишет на scss

  • @user-fr5tt6cu4q

    @user-fr5tt6cu4q

    Жыл бұрын

    @@VIJana79 это даже не джуны, а так любители)

  • @trustyvic
    @trustyvic4 жыл бұрын

    Сахар нужен. Просто если простой лендос - можно и так замутить. Если сложный проект - нужно пользоваться.....

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Примерно так и есть

  • @yaroslavbaranovsky4382
    @yaroslavbaranovsky43824 жыл бұрын

    Там нету что учить, просто береш и используешь. Другой вопрос, так ли они необходимы. Я не раз пытался работать с ними, да есть некоторые преимущества, но если это не крупный сервис или интернет магазин то особо ничего они не ускорят. Более того почти всегда на этапе тестирования сайта уже на хостинге многое дорабатывается, улучшается. И тогда уже не удобно их использовать, быстрее без них дописать.

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Есть проекты, где без препроцессоров очень тяжко

  • @jokerovich
    @jokerovich4 жыл бұрын

    Мне кажется, что пора отписываться...

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Че

  • @PalumbaRU
    @PalumbaRU4 жыл бұрын

    Какая поверхность! Переливание воды 6 минут, и ничего полезного ни для новичков, ни для продвинутых! Уже давным давно никто не использует миксины для вендорных префиксов, для этого есть автопрефиксер! Остальное в чистом css может и есть, но браузеры это будут поддерживать ой как не скоро! Препроцессоры улучшают скорость разработки и прививают верстальщикам мышление программиста, что даёт возможность дальнейшего развития во фронтендера. А сколько проблем решает правильный синтаксис sass/stylus, что чистый css ещё долго не сможет, т.к. имеет избыточный синтаксис. Дизлайк, отписка от пустозвона

  • @ThomasBlack452

    @ThomasBlack452

    2 ай бұрын

    Дельные мысли.

  • @Zfx12
    @Zfx124 жыл бұрын

    Привет я новый программист

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Добро пожаловать

  • @HORIZON_OF_GAMES_WORLDS

    @HORIZON_OF_GAMES_WORLDS

    4 жыл бұрын

    Что программист делает в видео для верстальщиков?

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Препроцессоры это то ещё программирование

  • @artemartemov7331
    @artemartemov73314 жыл бұрын

    В первый раз слышу о препроцессорах

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Все ещё впереди

  • @AlexAlex-sh3mz
    @AlexAlex-sh3mz4 жыл бұрын

    Мне кажется из за того, что у тебя видосы поверхностные, аудитория не растет. Чисто залётные подписываются. Но да ладно, дело хозяйское.

  • @nookebbx4532
    @nookebbx45324 жыл бұрын

    а если я использую css только в одном файле html?

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Тогда не нужен

  • @nax1756
    @nax1756 Жыл бұрын

    актульно на 2023 год?

  • @ThomasBlack452

    @ThomasBlack452

    2 ай бұрын

    Я увидел в одной вакансии в 2024, что требуется знание SCSS (SASS), поэтому решил, что надо тоже зацепить эту тему. Похоже, что действительно большой надобности в препроцессорах нет для большинства задач, но благо учится эта тема не долго.

  • @OnThe100
    @OnThe1003 жыл бұрын

    Скажем так. Если хорошо знаешь CSS и базово jQuery (или альтернативу) примущества SASS неочевидны. Если не знаешь как разбить стили на файлы, не умеешь организовывать классы на фронте своей любимой ЦМС-ки - никакие препроцессоры тебя не спасут. К созажленью зарплаты в ИТ высокие не там где сделать легче, а там где разработка проекта обросла костылями, вот и требуется набор технологий для джуна, как на уровень доктора наук.

  • @user-qi7th9vk2k

    @user-qi7th9vk2k

    2 жыл бұрын

    Если хорошо знаешь css, то идея использовать препроцессоры сама по себе возникнет. Как минимум ради ускорения разработки, получая тот же css файл на выход

  • @braivs
    @braivs4 жыл бұрын

    Почему ничего не сказано про html препроцессоры, например pug?

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Потому что говорили про препроцессоры css

  • @braivs

    @braivs

    4 жыл бұрын

    @@SuprunAlexey А когда про html препроцессоры будет видео?

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    А надо?

  • @braivs

    @braivs

    4 жыл бұрын

    @@SuprunAlexey да! Это сильно ускоряет вёрстку.

  • @khanuralgo4329

    @khanuralgo4329

    3 жыл бұрын

    @@braivs jade топ

  • @rebus1985
    @rebus19854 жыл бұрын

    Блин, там учить то нечего особо

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Привыкнуть

  • @rebus1985

    @rebus1985

    4 жыл бұрын

    Web Developer Blog спасибо за видосы!

  • @progi99
    @progi998 ай бұрын

    в чем вообще проблема посмотреть на препроцессоры и добавить их в функции в css? тем более что они и так это делают только семимильными шагами.

  • @ThomasBlack452

    @ThomasBlack452

    2 ай бұрын

    Семимильными шагами - это означает быстро. А тут, судя по всему, наоборот - мееееедленно. А так да. Выглядит так, что просто давно добавили бы это всё в css и не мучали бы людей. Но я не шарю, мб есть причины для недобавления, оно всегда не всё так просто)

  • @Vladikslavik
    @Vladikslavik4 жыл бұрын

    Ещё бы от Бабеля отказаться было бы неплохо. Достал уже этот велосипед для велосипеда ))

  • @am35a
    @am35a3 жыл бұрын

    гон! собирал маркетплейсы на чистом css ибо лесы, сасы, стулусы это сущий гемор, сколько косяков за ними не счесть, один + миксины и те если будут работать, а стайлус вообще ад...

  • @SuprunAlexey

    @SuprunAlexey

    3 жыл бұрын

    Кому как удобнее и быстрее

  • @am35a

    @am35a

    3 жыл бұрын

    @@SuprunAlexey Ниже пример показывает какзаканчивается удобство например стулуса и не начавшись :-D :root --second-color rgb(52, 58, 64) .button-light color lighten(var(--second-color), 20%)

  • @frenkixp9638
    @frenkixp96384 жыл бұрын

    а автор хотя бы что-то верстает, помимо лендингов на фрилансе? такое чувство, что человек просто 15 минут посидел, почитал в интернетике о препроцессорах и решил запилить видео. 1) в css скоро появится.. ну да, а ещё все завтра начнут верстать на гридах и тд. новые технологии конечно новые, но на практике будут использовать устоявшиеся технологии, пока не прекратят поддержку ie полностью (+ не забываем про сафари). 2) препроцессор = инструмент и, в принципе, почти каждая технология является инструментом. можно всё и ручками писать, но гораздо легче посидеть 2 дня, поучить, а потом ускорить свою работу в 2 раза минимум. 3) да даже на маленьком проекте можно использовать препроцессоры, это не настолько тяжёлая технология, чтобы от неё отказываться на 2-3 дня. при том, что компилировать ручками уже не надо, почти 2020 год на дворе, всё за тебя сделает ide видео всё хуже и хуже, этот канал - идеальный пример хреновой информации в интернете, которая не научит ничему полезному, отписываюсь, конечно

  • @deusexmachina9999

    @deusexmachina9999

    Жыл бұрын

    Не вижу никакой полезности в этих костылях.

  • @rydzyks
    @rydzyks4 жыл бұрын

    видео , ради рекламы , пре-процессоры учатся очень быстро темболее это практика ,"Никто не пишет на Less" фреймворк magento использует less , очередной пример не компетенции автора , а то что пре-процессоры не нужны это полный бред....

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Все быстро привыкают к препроцессорам? Не согласен. Про никто не пишет на Less я не говорил, не знаю что вы себе надумали. Sass и Less это дело вкуса и привычки, они практически идентичны. И в конце я не говорил что они совсем не нужны. Вы не досматриваете видео, и что то пишите, досмотрели бы....

  • @rydzyks

    @rydzyks

    4 жыл бұрын

    @@SuprunAlexey "Никто не пишет на Less" - это был ваш ответ на комментарий, который вы уже удалил , а раз вы так поступаете не вижу смысла в них....

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Как хотите

  • @sevi43
    @sevi434 жыл бұрын

    Сложно привыкнуть к препроцессорам?) серьёзно?)

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Некоторым да, почитай комментарии

  • @erhanblock1965
    @erhanblock19652 жыл бұрын

    Only water

  • @ivansmorzhaniuk690
    @ivansmorzhaniuk6904 жыл бұрын

    Клас

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Ага

  • @user-rx7vn1ll8y
    @user-rx7vn1ll8y4 жыл бұрын

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

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Где заученные скороговорки? 😂😂 ты шо

  • @Lyaskimasyaskin

    @Lyaskimasyaskin

    4 жыл бұрын

    Препроцессоры препроцессировали, препроцессировали, да не выпрепроцессировали.

  • @SuprunAlexey

    @SuprunAlexey

    4 жыл бұрын

    Именно так

  • @igorabdukadirov4784
    @igorabdukadirov47844 жыл бұрын

    Учите лучше с нуля JS, CSS, HTML!!!!

  • @Tornado-ln7fq
    @Tornado-ln7fq Жыл бұрын

    Какой прорыв,в не куда,скажу кратко,нахер они не нужны.Это корявые понты ,которое только усугубляет дело,нежели помогает.Сейчас они тем более ,не нужны,на данный момент все решает css их коробки))

Келесі