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

[@SCAMBOT_]

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

[@Mykhailo_Vdovychenko]

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

[@davidfromnorth7836]

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

[@panzerwafeson6668]

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

[@vd7533]

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

[@mariakurchitckaia1297]

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

[@prihea]

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

[@evgeniyk.4618]

понятно

[@iordachidenis5026]

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

[@prihea]

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

[@programmamama1983]

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

[@БендерЗадунайский-щ9ы]

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

[@СергейТемников-м8с]

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

[@gennadiymedvedev214]

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

[@mrVandecko]

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

[@-Forever-Young-]

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

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

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

[@a-sher]

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

[@paranoia-1994]

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

[@HearonPlay]

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

[@Viktorres1]

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

[@webshark2959]

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

[@vadymprokopchuk]

спасибо)

[@kolyabokov88]

Мы требуем!)

[@Евгений_Юрьевич]

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

[@СлаваБогузавсё-щ6д]

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

[@Dedinside05]

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

[@kovalevok]

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

[@alexejveres3245]

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

[@ЯкобФилин]

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

[@a-sher]

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

[@programmamama1983]

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

[@kapchakap5257]

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

[@oleksandrpoliichuk9603]

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

[@RomaN-pz3xk]

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

[@TheTexPro]

Спасибо!

[@markuspdd]

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

[@yevhentarik4551]

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

[@dzibiz]

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

[@vadymprokopchuk]

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

[@nikokozak2628]

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

[@vadymprokopchuk]

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

[@nikokozak2628]

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

[@НастяЕрофеева-ю4ъ]

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

[@qwe-rty-]

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

[@mariasana9]

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

[@vadymprokopchuk]

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

[@artemdanilchenko6269]

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

[@VictorLissoviy]

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

[@bizintway]

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

[@alenaakimenko4559]

+

[@Anastasia-oe9fr]

Прям напомнил))) kzbin.info/www/bejne/oZvadmuii6xmb5o

[@abdulmalgonusov1544]

dgh

[@ilvirbaimyratov8521]

М

[@Нок-ь3я]

вв

[@borisvolkov1113]

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

[@olegti1934]

Спасибо!

[@dmitrijponkin]

Спасибо!