Tuto – Pug JS – Un moteur de template pour Node JS

Tuto – Pug JS – Un moteur de template pour Node JS

ISO + Fichiers source | Français | 1 H 21 Min | 3.3 Go

Un des problèmes qui peut survenir rapidement lors de l’intégration d’un site, est le manque de lisibilité et de maintenabilité du code HTML. Ce problème peut être réglé avec Pug.js : un moteur de template pour Node.js. Pug.js est un outil qui fonctionne comme un préprocesseur pour le HTML, comme SASS ou LESS le font pour le CSS. L’objectif de Pug.js est de vous permettre de coder la structure d’un site dans une syntaxe bien plus simple et lisible que celle du HTML, et de rendre votre code maintenable en vous offrant la possibilité de créer entre autres, des variables, mixins, includes…

Pug.js nécessitant un environnement Node.js, nous verrons dans une première partie :
• Comment installer Node.js, npm et Gulp
• Comment configurer un environnement de travail Node.js
• Comment utiliser le task runner Gulp pour compiler les fichiers .pug

Puis, dans une seconde partie entièrement consacrée à Pug.js, nous verrons :
• Comment fonctionne la syntaxe de Pug.js
• Comment créer des variables, afficher le contenu de ces variables avec l’interpolation, et comment faire des itérations
• Comment créer des mixins pour ne coder qu’une seule fois les éléments qui se répètent
• Comment segmenter son code avec les includes, extends et block append et prepend

Plus d’info:
_https://fr.tuto.com/javascript/pug-js-un-moteur-de-template-pour-node-js,89531.html