Introducción al proyecto

En lo particular usaría “Sass”. Considero que, para proyectos muy cortos de tiempo, usaría “Stylus”.

stylus tiene una sintaxis mas amigable … pero el que come de todo no se muere de hambre jajajaja así que el conocimiento nunca ocupa espacio.muy contento con este curso

Para que la estructura de la etiquetas html quede bien estructurada, como se ve el html:

hay que corregir los siguientes typos

1. Archivo head.pug agregar block body //use body porque es la seccion que sigue
   
   
   2, El archivo pagina-principal.pug de esto:
   
   
   a esto:
   
   

Alguien tiene el crack de Prepros?

¿Soy el único que al descargar la carpeta el proyecto ya está hecho? 😅

Si Sass incluiría Stylus sería perfecto en mi opinión jaja

Si van a usar SASS y PUG en el proyecto ya tengo aquí un entorno con webpack para trabajarlo.

Esta es la guía:

1. Entras a este repositorio que es donde se encuentran mis ejercicios del curso. Antes que nada podrás ver carpetas llamadas sass, less, pug y stylus, pero la importante es “supergames”.

2. Clona el repositorio en tu PC desde terminal con git clone https://github.com/adranuz/preprocesadores.

3. Identifica la carpeta “supergames” y sácala de la carpeta “preprosesadores”, ponla en algún lugar donde tengas tus proyectos. La idea es que tengas tu propio repositorio.

4. Abre terminal en tu proyecto e inicia tu repositorio con git init.

5. Instala las dependencias de npm necesarias para el proyecto para que webpack pueda funcionar con npm install.

6. Corre el npm run serve para ver tu proyecto vivo. Los demás comandos los encontrarás en el package.json.

7. Puedes visitar cada una de las URL por separado para verificar que funcionen…

Listo, ya tienes tu proyecto tal y como lo dejó el profesor en esta clase, pero funcionando con webpack.

Recuerda que en el entorno propuesto algunas rutas han cambiado.

PD: Suerte!

sass no tiene tantos errores como stylus

Sass de mi corazón♥ esperemos que saquen un curso mas actualizado de sass.

Sass es el mas utilizado en la industria hasta lo que conozco, y como son practicamente lo mismo, es mejor ser bueno en uno y pasar luego a otro que saber poco de todos.

Genial, vamo a darle

sigamos 😄

Si después de clonar el repositorio se encontraron que el proyecto ya estaba hecho xD, en editor borren el archivo de la carpeta css, y hagan el sass --watch platzi-games.scss platzi-games.css para empezar de 0 todo xD

No me decido entre Sass y Stylus

Stylus gana por su sintaxis sencilla, pero encontre mas herramientas y cosas para Sass

a estas alturas del curso prepros me esta empezando a dar errores 😦

He estado haciendo todo el curso con webpack, pero no se como hacer que las plantillas de pug funcionen como router tanto en desarrollo como en produccion. Si alguien tiene la respuesta estaria genial

Vamos que vamos

Sigamos aprendiendo

Sass ♥ es el más completo a mi parecer (y porque está en RUBY jaja)

excelente, pues a terminar el proyecto, que bueno que vamos a terminar con SASS

[…] módulo de Sass ya que lo vamos durante este último módulo […]
¡¿WTF?!

Me gusto más stylus, pero igual comparare más sus diferencias para estar seguro.

Mi corazón esta con Stylus pero mis manos estilaran con Less … u.u

Muy bien, a darle! 😛

Mi favorito SASS, asi que a darle.

n