Препроцессор html (jade/pug)

Поделиться
HTML-код
  • Опубликовано: 29 ноя 2024

Комментарии • 68

  • @davidfromnorth7836
    @davidfromnorth7836 4 года назад +1

    один из немногих годных русскоязычных IT ютуберов, у тебя тут большое будущее

  • @SCAMBOT_
    @SCAMBOT_ 2 года назад

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

  • @panzerwafeson6668
    @panzerwafeson6668 5 лет назад +41

    пили видосы про javascript

    • @vd7533
      @vd7533 4 года назад +2

      2020 - пили видосики по js) плиииизззз

    • @mariakurchitckaia1297
      @mariakurchitckaia1297 9 месяцев назад

      2024 - пили видосики по js) плиииизззз

  • @Mykhailo_Vdovychenko
    @Mykhailo_Vdovychenko 5 лет назад +3

    Весьма интересная тема, даже не знал что такое есть)) Спасибо, что просвещаешь народ!

  • @mrVandecko
    @mrVandecko 5 лет назад +29

    Теперь я знаю самый извращенный способ бесполезно потратить время в пустую.

    • @-Forever-Young-
      @-Forever-Young- 3 года назад +3

      Можно полезно потратить время в пустую?

  • @gennadiymedvedev214
    @gennadiymedvedev214 5 лет назад +2

    , ну , Вадим -- лучший программист и верстальщик во вселенной !!! , , не более , но , и не менее

  • @СергейТемников-м8с
    @СергейТемников-м8с 5 лет назад +2

    Привет Вадим! С нетерпением ждем очередную мясную вечеринку про Gulp)))

  • @АНГЛИЙСКИЙЯЗЫКВПЛЕЙЛИСТАХ

    Видимо, на время записи видоса плагина compile hero ещё не существовало. В этом плагине не то что pug можно переворотить в HTML, там LESS, SASS, sCss можно в css перевести.

  • @prihea
    @prihea 5 лет назад +48

    Как можно сравнивать pug и emmet, это же вообще разные вещи?)
    И читабельность кода зависит не от языка на котором его пишут, а от человека который пишет код. Вы вводите свою аудиторию в заблуждение, сравнивая pug с emmet, хотя даже не упомянули о extend и include, а они как раз таки экономят много времени при верстке.
    И миксины тоже полезны, в них удобно выносить блоки повторяющиеся несколько раз подряд, например, карточки товара в каталоге - написал миксин карточки и вызываешь с разными данными, а когда надо внести правки в карточку 1 раз правишь миксин и все карточки изменились, а в чистом html надо вносить правки в каждый блок, а если он ещё и не на одной странице используется, то это не быстро.
    Тоже касается include - выносим повторяющиеся блоки в отдельные файлы (хедер, футер и т.д.) и просто инклудим на страницу. Когда надо внести изменения то правится только один файл, например, хедера и все, а используя чистый html пришлось бы править каждый файл и emmet в этом не помощник.
    Вот в чем сила и преимущество html препроцессора и pug а том числе.
    Что и как использовать решает каждый сам, но раз у ж вы взялись обозревать что-то, то надо рассказать о всех возможностях и преимуществах, показать реальные примеры, не из документации.

    • @evgeniyk.4618
      @evgeniyk.4618 5 лет назад

      понятно

    • @iordachidenis5026
      @iordachidenis5026 5 лет назад

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

    • @prihea
      @prihea 5 лет назад +1

      @@iordachidenis5026 можно, но pug как раз для этого и сделан

    • @programmamama1983
      @programmamama1983 5 лет назад +6

      Как боженька смолвил, надеюсь тебе внемлят начинающие.

    • @БендерЗадунайский-щ9ы
      @БендерЗадунайский-щ9ы 4 года назад +7

      по комменту понятно, что видос можно не смотреть..

  • @kolyabokov88
    @kolyabokov88 5 лет назад +2

    Мы требуем!)

  • @TheTexPro
    @TheTexPro 5 лет назад +1

    Спасибо!

  • @СлаваБогузавсё-щ6д
    @СлаваБогузавсё-щ6д 3 года назад +4

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

    • @Dedinside05
      @Dedinside05 2 года назад

      и шо же мне делац

  • @paranoia-1994
    @paranoia-1994 4 года назад

    Этот урок был полезный, спасибо

  • @HearonPlay
    @HearonPlay 4 года назад

    Спасибо, всё ясно и понятно донёс.

  • @Viktorres1
    @Viktorres1 4 года назад

    Хорошая вводочка получилась.

  • @markuspdd
    @markuspdd 4 года назад

    Спасибо дядь!

  • @RomaN-pz3xk
    @RomaN-pz3xk 4 года назад

    Я раньше верстал в блокноте под nukephp, slaed cms, joomla, danneo cms, drupal - какое мое было удивление нано технологий, когда появился notepad++. Сейчас такое ощущение что верстальщик хотел стать более значимой личностью на уровне программиста и придумали препроцессоры ) Согласен для студий, где идет постоянные верстки и работа в команде - скорей всего это будет полезной штукой... Но наверное я уже не переучусь на препроцессоры, но и верстаю я в случаи необходимости и только для себя. В любом случаи за видео лайк))) Меня улыбнуло что мы сейчас в 2019м году, когда я еще очень хорошо помню как в блокноте находить не закрытые )))

  • @a-sher
    @a-sher 4 года назад +4

    pug index.pug -P
    команда из папки с pug файлом для компилирования в файл с неминифицированным файлом html
    без gulp
    может раньше этого не было

  • @kovalevok
    @kovalevok 4 года назад

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

  • @ЯкобФилин
    @ЯкобФилин 3 года назад

    Один вопрос по поводу PUG.
    Если, как говорят, в фианальном проекте уже нет никакого пага, то как тогда передается информация с сервера, если есть настройка получать ее из JSON-a, a JSON, соответветсвенно переберается через шаблон пага, и уже оттуда выводится в HTML?

  • @alexejveres3245
    @alexejveres3245 4 года назад +2

    Оо эммет сравнивать с pug?

  • @webshark2959
    @webshark2959 5 лет назад +10

    "Ты в ритме танца тебе некуда деваться..." После этих слов я остановил видео , подписался и влепил лайкос

  • @Евгений_Юрьевич
    @Евгений_Юрьевич 3 года назад +1

    Плагин для конвертации в html появился в вижуал студио.

  • @programmamama1983
    @programmamama1983 5 лет назад +2

    Причем здесь emmet? Вы хоть про компонентную архитектуру слышали? Вот, Pug для нее и нужен, для переиспользования компонентов. И кстати, в pug есть emmet

  • @a-sher
    @a-sher 4 года назад +3

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

  • @oleksandrpoliichuk9603
    @oleksandrpoliichuk9603 4 года назад +3

    А я html ще в блокноті на 2000-й вінді пробував писати... :-)

  • @kapchakap5257
    @kapchakap5257 4 года назад +1

    Вадимски, когда видишь 36 минут пугаешься, но потом включаешь и 36 твоей подачи пролетают. Ты лучший!

  • @yevhentarik4551
    @yevhentarik4551 5 лет назад +5

    Scss это по сути и есть sass ... Только со скобками

  • @dzibiz
    @dzibiz 5 лет назад

    почему вчера видео появилось и удалили?

    • @vadymprokopchuk
      @vadymprokopchuk  5 лет назад +1

      баг был какой-то на youtube, первые 7 минут было просто ужасное качество

  • @mariasana9
    @mariasana9 5 лет назад

    Ну и квест. Сколько видосов надо посмотреть перед этим?!

    • @vadymprokopchuk
      @vadymprokopchuk  5 лет назад +2

      можно вообще не смотреть

  • @alenaakimenko4559
    @alenaakimenko4559 5 лет назад +1

    +

  • @nikokozak2628
    @nikokozak2628 5 лет назад +1

    Вадим, привет. Мене кажен день хвилює одне питання щодо jQuery. От недавно я подивився адаптивну верстку сайта і там jQuery використовували так,що в мене глаза на орбіту вилізли (правда відосу уже 3 - 4 роки), знання потрібні зараз (на даний момент часу) на jQuery, щоб підключити бібліотеку і по гайду підправить, чи треба вопще знать його як віршик?

    • @vadymprokopchuk
      @vadymprokopchuk  5 лет назад +1

      основы нужно конечно знать, да и в 2019 довольно часто нужно что-то допиливать, поддерживать старые проекты, да и они готовят крутые штуки, мое мнение он актуален и написать всякое на нем тоже нужно уметь

    • @nikokozak2628
      @nikokozak2628 5 лет назад

      От 0 до 1 , спасіба, я поняв

  • @НастяЕрофеева-ю4ъ
    @НастяЕрофеева-ю4ъ 5 лет назад +1

    Зачем он нужен? - Ну этот рудимент многие качают и можно попонтоваться ))))

  • @qwe-rty-
    @qwe-rty- 4 года назад +1

    Мопс из HTMLa сделал питон.

  • @Anastasia-oe9fr
    @Anastasia-oe9fr 5 лет назад

    Прям напомнил))) ruclips.net/video/kjwE8lVG398/видео.html

  • @artemdanilchenko6269
    @artemdanilchenko6269 4 года назад +1

    Начал изучать jade/pug. Но мне уже не нравится, ведь это мешает визуализировать чистый html-код. Я когда вижу макет, уже представляю html-структуру. А тут получается мозг должен выполнять роль интерпретатора )) Наверно дело привычки.

  • @bizintway
    @bizintway 4 года назад

    Prepros конвертирует

  • @abdulmalgonusov1544
    @abdulmalgonusov1544 5 лет назад

    dgh

  • @ilvirbaimyratov8521
    @ilvirbaimyratov8521 5 лет назад

    М

  • @Нок-ь3я
    @Нок-ь3я 4 года назад

    вв

  • @VictorLissoviy
    @VictorLissoviy 4 года назад

    6:23-8:44 заменяет - pug index.pug -w

  • @borisvolkov1113
    @borisvolkov1113 3 года назад

    По сути паг делает тоже самое, что и эммет)

  • @olegti1934
    @olegti1934 5 лет назад

    Спасибо!

  • @dmitrijponkin
    @dmitrijponkin 4 года назад

    Спасибо!