No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Bonus: html, css, js

6/25
Recursos

Aportes 16

Preguntas 0

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

Pug nos permite utilizar una sintaxis un poco diferente al HTML com煤n y corriente, pero es m谩s amigable, en vez de encerrar las etiquetas dentro de otras etiquetas podemos simplemente tabular (dejar espacios) y autom谩ticamente nuestro html funcionara a la perfecci贸n, tambi茅n podemos utilizar las funciones extends y block para definir layouts o templates que podemos modificar cuando necesitemos:

html
	head
		link(rel="stylesheet" href="...") // los atributos van entre ()
		// al tabular obtenemos un resultado m谩somenos as铆:
		// <html>
		// 		<head>
		// 		 <link ...etc />
		// 		</head>
		// </html>
	body
		block content // cuando utilicemos este template podemos definr el contenido de aqu铆 :o

El curso de Preprocesadores, te ayudar谩 a practicar distintas formas de utilizar 鈥淧UG鈥, con 鈥淪ASS鈥, 鈥淟ESS鈥濃tc. Muy recomendable.

En el curso de preprocesadores que por cierto me gusto, ense帽an pug

El curso de preprocesadores explica muy bien lo de Pug y otros preprocesadores para CSS como Sass, Less y Stylus.

Te dejo el 鈥渓ink鈥, para la herramienta Prepros (https://prepros.io/)

Creo que me saltado clases... Aunque no las veo, 驴Hay clases sobre Pug? 驴En qu茅 momento instal贸 todo eso?馃槺

Pug se puede tomar como un motor de plantillas 驴no? Porque actualmente utilizo Nunjucks, ya que hab铆a le铆do que es muy potente (a煤n no le exprimo todo el jugo).
Pero tengo la curiosidad de saber que tan vers谩til es Pug funcionar铆a como motor de plantillas y ver sus principales pros y contras.

Pug es muy estricto en cuanto los espacios y tabuladores. No puedes mezclar ambos. Tener cuidado con la indentaci贸n ya que podr铆a haber errores en la compilaci贸n.

Esta es la documentacion del sistema de plantillas pug:
https://github.com/pugjs/pug

Hola, si quieren aprender un poco m谩s sobre el uso de bloques, les recomiendo este video y la lista de videos sobre este tema en el siguiente link: https://www.youtube.com/watch?v=CNwvi8jbgcc&list=PLROIqh_5RZeCFvLRw6_L7IGXFU_GahWhL&index=9

Que interesante es ver como se puede trabajar con HTML de distintas formas, esta peque帽a explicaci贸n de como usar pug me motivo bastante a estudiar el curso con mucho detenimiento 馃槃

Les recomiendo muchisimo pasar primero por el curso de Preprocesadores

Esto es lo que me sale luego de darle al comando npm install express

iMac-de-Tribu:~ Tribu$ npm install express
npm WARN saveError ENOENT: no such file or directory, open '/Users/tribu/package.json鈥
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open '/Users/tribu/package.json鈥
npm WARN tribu No description
npm WARN tribu No repository field.
npm WARN tribu No README data
npm WARN tribu No license field.

  • [email protected]
    added 50 packages from 37 contributors and audited 126 packages in 1.375s
    found 0 vulnerabilities
doctype html
-var title = 'Design System馃';

html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content

![](

Soy Rul贸tico Gonz谩lez y quiz谩s me recuerden por cursos como HTML y CSS, Sistemas de Dise帽o y m谩s Sistemas de Dise帽o. Ser谩 para la siguiente iteraci贸n.

f