PUG_МахровСемён_ИЭоз-61-22

Содержание

Слайд 2

PUG

Pug - это высокопроизводительный движок шаблонов, сильно зависящий от HTML и реализованный

PUG Pug - это высокопроизводительный движок шаблонов, сильно зависящий от HTML и
с помощью JavaScript для Node.js и браузеров.

Слайд 3

Что за название PUG?

Проект ранее был известен как "Jade".
Однако стало известно,

Что за название PUG? Проект ранее был известен как "Jade". Однако стало
что "Jade" является зарегистрированной торговой маркой; в результате потребовалось переименование.
После некоторого обсуждения среди сопровождающих в качестве нового названия для этого проекта было выбрано "PUG".
Начиная с версии 2, "PUG" является официальным названием пакета.

Старый логотип

Новый логотип

Слайд 4

Установка PUG

PUG работает через JavaScript и для его установки в проект надо

Установка PUG PUG работает через JavaScript и для его установки в проект
использовать Node.js
$ npm install pug
Потом желательно его обновить:
$ npm install pug-cli -g
После этого
автоматически создаётся
файл package.json

package.json в версии PUG 1.0.0

Слайд 5

Вид PUG
PUG использует в себе вложенность.
Ранее закрываемые в HTML теги не закрываются.
Так

Вид PUG PUG использует в себе вложенность. Ранее закрываемые в HTML теги
как реализация была выполнена с помощью JS в коде PUG можно в «head» прописать «type='text/javascript'» и дальше использовать JS в коде.

Пример HTML кода в PUG

Слайд 6

Шаблоны PUG

В PUG делают странички-шаблоны, и подключают их через extends «название шаблонного

Шаблоны PUG В PUG делают странички-шаблоны, и подключают их через extends «название
файла». Названия шаблонов начинается с «_». В них прописывается основная и повторяющаяся на страницах информация:
Подключения;
«Шапка» и «Подвал»;
«Блоки»
и тд.

Пример «Подвала» в шаблоне

Пример подключений в шаблоне

Слайд 7

Реализации фреймворка / адаптеры

PUG имеет встроенные механизмы просмотра для следующих фреймворков:
Laravel
Symfony
Phalcon
CodeIgniter
Yii 2
Slim

Реализации фреймворка / адаптеры PUG имеет встроенные механизмы просмотра для следующих фреймворков:
3
Silex (implementation example)
Lumen
Rails
Так же поддерживает CMS плагин WordPress.

Слайд 8

Где он?

Весь проект лежит на GitHub — https://github.com/pugjs/pug,
там же есть основная информация:
его

Где он? Весь проект лежит на GitHub — https://github.com/pugjs/pug, там же есть
определение;
установка;
и тд.
Так же они сделали сайт с документацией о PUG — pugjs.org

Слайд 9

Порты

Хоть изначально PUG и писался только для JS, он имеет порты и

Порты Хоть изначально PUG и писался только для JS, он имеет порты
на другие языки, такие как:
PHP — https://github.com/pug-php/pug
Java — https://github.com/neuland/jade4j
Python — https://github.com/kakulukia/pypugjs
Ruby — https://github.com/yivo/pug-ruby
C# (ASP.NET Core) — https://github.com/AspNetMonsters/pugzor
RPG/ILE — https://github.com/WorksOfLiam/apug
Как и PUG они все имеют свои GitHub странички.

Слайд 10

Вывод
Исходя из вышеперечисленного PUG это
Ещё молодой, но развивающийся проект.
Представляющий из себя облегчённый

Вывод Исходя из вышеперечисленного PUG это Ещё молодой, но развивающийся проект. Представляющий
в использовании движок шаблонов (в основном для проектов на js + node.js).
Поддерживающий разные фреймворки и имеющий порты на несколько языков.
С GitHub и сайтом-документацией как основными информационными ресурсами.
Имя файла: PUG_МахровСемён_ИЭоз-61-22.pptx
Количество просмотров: 19
Количество скачиваний: 0