Desarrollo ágil con NPM y Jade

gorilonmax commented 8 years ago

Hablaré sobre una forma ágil de desarrollar páginas web estáticas usando Jade, sin gran esfuerzo, enfocándose en el contenido. Además, hacer notar que se puede usar NPM como Tasks runner.

name: Alberto Mendoza
url: https://twitter.com/gorilonmax
pic: https://pbs.twimg.com/profile_images/2019334272/Avatar.png
bio: "Como desarrollador, amo la prestidigitación en las páginas web ®"

Sparragus commented 8 years ago

Pug.js***

On Thursday, March 10, 2016, Alberto Mendoza notifications@github.com wrote:

Hablaré sobre una forma ágil de desarrollar páginas web estáticas usando Jade, sin gran esfuerzo, enfocándose en el contenido. Además, hacer notar que se puede usar NPM como Tasks runner.

name: Alberto Mendozaurl: https://twitter.com/gorilonmaxpic: https://pbs.twimg.com/profile_images/2019334272/Avatar.pngbio: "Como desarrollador, amo la prestidigitación en las páginas web ®"

— Reply to this email directly or view it on GitHub https://github.com/javascriptmx/chelajs/issues/46.

Richard Kaufman

unRob commented 8 years ago

Gracias por tu propuesta Alberto, nos puedes incluir un outline de tu plática para entender mejor su estructura?

gorilonmax commented 8 years ago

Así es @Sparragus , el cambio de nombre está en transición, pero el binario sigue siendo jade, agregaré un slide para aclara el cambio de nombre.

Sparragus commented 8 years ago

Es que pug suena mejor xD Y además, los pugs son lo mejor de la ~~creación~~ evolución Richard Kaufman

2016-03-10 13:45 GMT-06:00 Alberto Mendoza notifications@github.com:

Así es @Sparragus https://github.com/Sparragus , el cambio de nombre está en transición, pero el binario sigue siendo jade, agregaré un slide para aclara el cambio de nombre.

— Reply to this email directly or view it on GitHub https://github.com/javascriptmx/chelajs/issues/46#issuecomment-195016138 .

gorilonmax commented 8 years ago

Aquí mi outline @unRob:

Tengo un hermano que es diseñador gráfico, y uno de sus clientes le pidió una página web, pero... como los DG siempre están ocupados y cargados de chamba, pues su deadline llego, entonces le urgía el sitio para "ante ayer", pero no es todo, además, hay un sentir común en la sociedad que es: "crear un sitio web es muy simple, por lo tanto es barato".

¿Cómo hago una página web en un día, sin tanto esfuerzo, que sea barata, para que ya esté en producción? Pero, si en un futuro llega un requerimiento igual, ¿Cómo puedo hacerlo en dos horas?

Aquí es donde descubro tres herramientas:

Jade lang: para heredar templates y no repetir código de secciones comunes, tales como el header, nav, footer y el formulario de contacto.
Html2Jade: Pues no necesito reinventar la rueda, en la nube existen diversos sitios que brindan templates HTML listos para usarse, pero te lo entregan en su presentación final, es por eso que, para optimizar el código, debo convertirlo a formato Jade, y así, aprovechar sus bondades.
NPM: la herramienta mágica y más bondadosa que he descubierto. Resuelve dependencias, instala binarios, y me sirve como tasks runner.

En conjunto, todo lo anterior hizo que me enamorara de Jade, para crear páginas web rápidas, bonitas y baratas, y sin tanto esfuerzo.

Solamente he realizado un proyecto, pero con eso me bastó para darme cuenta de la utilidad de Jade y NPM. http://semind.com.mx/

Para concluir, quiero compartirles un artículo que publiqué recientemente: http://backstage.segundamano.mx/blog/2016/02/15/jade-an-effective-tool-for-content-creation-and-templating/

:smile:

gorilonmax commented 8 years ago

@Sparragus , no soy fan de los perros, pero ese Pug se me hace un cachorro divertido. ;)

eventloop / platicas

Desarrollo ágil con NPM y Jade #46