Pug (anteriormente conocido como Jade) es un motor de plantilla de Node.js. con el que seremos capaces de escribir código HTML de una sintaxis mucho más sencilla, clara y directa, tanto a la hora de escribir como de leer y modificar.
Introducción
Qué aprenderás sobre preprocesadores
Conceptos básicos de CSS
Selectores de CSS
Evolución de las Tecnologías de Front-End
Introducción a los Preprocesadores
Metodologías para estructurar código
Introducción a BEM
Guías para creación y mantenimiento de código
Instalación de herramientas de compilación
Preprocesadores para HTML
Introducción a Pug
Sintaxis
Interpolación
Variables
Condicionales y Loops
Mixins
Includes y Extends
Finalizando ejercicio de Landing Page
Less
Introducción a Less
Anidamiento e imports
Variables
Funciones
Mixins
Finalizando ejercicio de página de artículos
Sass
Introducción a Sass
Variables
Imports y Extends
Mixins
Funciones
Condicionales y Loops
Finalizando ejercicio de perfil de usuario
Stylus
Introducción a Stylus
Variables
Mixins
Funciones
Condicionales y Loops
Desarrollo del proyecto Platzi Games
Introducción al proyecto
Plantillas modulares con PUG: Header
Plantillas modulares con PUG: Footer
Grid System con Sass
Mixins para manejo de fuentes responsivas
Funciones para media queries
Finalizando el proyecto
Conclusiones y Cierre
Conclusiones y Cierre
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Crear cuenta
Si ya tienes una cuenta,
Iniciar sesión
Introducción a Pug
9/42Recursos
Pug es un generador de templates implementado con Javascript que nos permite escribir un pseudocódigo limpio y fácil de leer que será compilado a HTML.
Aportes 28
Preguntas 6
Ordenar por:
Pug es un motor de plantillas enfocado en hacer mas rápida la codificación de Html. Ha sido implementado con Javascript para trabajar con nodeJs principalmente.
Las ventajas de PUG es que super sencillo de aprender!
¿Qué es pug y como nos puede ser útil?
Pug es un creador de templates para html. Esto significa que tu le das un pseudocodigo en un archivo.pug y lo compilas. Al momento de la compilación, se crea un archivo.html. Una cosa importante de pug es que es una librería de JavaScript, por lo que podemos usar JavaScript para usar esta herramienta.
.
Con esta herramienta podemos crear correos automatizados, en donde conectamos a una base de datos y usando JavaScript, creamos un loop que nos permita mandar correos a muchas personas con características distintas, como el nombre, localidad, etc.
La sorpresa del curso. No imaginaba encontrarme con un preprocesador de HTML.
No lo conocía, vamos a aprenderlo!!
Yo pensaba que Pug era una versión de Linux.
Antes conocido como Jade!!!
Comenzando con pug, veamos que tal va.
Interesante, pero pienso que para html no hace falta un preprocesador, seria mejor hacerlo desde cero
no conocía NADA de esta herramienta !!
vamos a ver qué tiene que ofrecer.
No sabîa que existia un preprocesador para html. Pinta muy bien
9. Introducción a Pug:
Pug es un generador de templates implementado en JavaScript para Node.js y navegadores.
no tenia ni idea de pug
Excelente video, Wilson
gran video!!!
Genial vamo a darle
Pug es una gran herramienta con la cual podremos hacer más sencilla la forma en la que escribimos y entendemos código. (Genial)
Excelente información, no sabía que también eran implementados los preprocesadores para HTML
Vamos a comenzar. 😃
Interesante. No sabía que, podías utilizar “PUG”.
Se me parece a hugo pero de maquetacion de html
Vamos a usarlo! 😄
Sass/Less/Typescript/Jade/Pug Compile-Superhero es un plugin para vs code que permite compilar pug y otros preprocesadores
Pug es un generador de templates implementado con Javascript y navegadores.
Indirectamente aprendemos Node.js(algo algo) y yo que pensaba que me bastaba con html ,css y JS que ingenuo xD
Se ve brutal todas estas nuevas herramientas, las quiero probar todas a ver si mejora mi flujo de trabajo
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.