No tienes acceso a esta clase

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

Introducci贸n al proyecto

35/42
Recursos

Vamos a integrar todas nuestras p谩ginas en un proyecto final llamado PlatziGames. Toma en cuenta que vas a requerir tener completado el m贸dulo de Sass ya que lo vamos durante este 煤ltimo m贸dulo.

Aportes 26

Preguntas 1

Ordenar por:

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

En lo particular usar铆a 鈥淪ass鈥. Considero que, para proyectos muy cortos de tiempo, usar铆a 鈥淪tylus鈥.

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 鈥渟upergames鈥.

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

  3. Identifica la carpeta 鈥渟upergames鈥 y s谩cala de la carpeta 鈥減reprosesadores鈥, 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