Curso de Preprocesadores CSS

Curso de Preprocesadores CSS

Instruido por:
Wilson Sánchez
Wilson Sánchez
Básico
6 horas de contenido
Ver la ruta de aprendizaje
Construye un sitio web con preprocesadores
Proyecto del curso
Construye un sitio web con preprocesadores

Elabora la estructura de las páginas de un sitio web utilizando PUG. Define los estilos de cada página implementando Less, Sass y Stylus. Utiliza funciones, variables y condicionales para reutilizar código y organizarlo de manera óptima.

Curso de Preprocesadores CSS

Curso de Preprocesadores CSS

Progreso del curso:0/42contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/42contenidos(0%)

Introducción

Material Thumbnail

Bienvenida al curso

02:39 min

Material Thumbnail

Conceptos básicos de CSS

05:13 min

Material Thumbnail

Selectores de CSS

11:43 min

Evolución de las Tecnologías de Front-End

Material Thumbnail

Introducción a los Preprocesadores

05:37 min

Material Thumbnail

Metodologías para estructurar código

04:07 min

Material Thumbnail

Introducción a BEM

07:26 min

Material Thumbnail

Guías para creación y mantenimiento de código

06:59 min

Material Thumbnail

Instalación de herramientas de compilación

04:03 min

Preprocesadores para HTML

Material Thumbnail

Introducción a Pug

01:02 min

Material Thumbnail

Condicionales y Loops

06:25 min

Material Thumbnail

Includes y Extends

07:49 min

Material Thumbnail

Finalizando ejercicio de Landing Page

08:59 min

Less

Material Thumbnail

Introducción a Less

13:06 min

Material Thumbnail

Anidamiento e imports

07:10 min

Material Thumbnail

Finalizando ejercicio de página de artículos

06:21 min

Sass

Material Thumbnail

Introducción a Sass

12:29 min

Material Thumbnail

Imports y Extends

12:18 min

Material Thumbnail

Condicionales y Loops

10:06 min

Material Thumbnail

Finalizando ejercicio de perfil de usuario

07:57 min

Desarrollo del proyecto Platzi Games

Material Thumbnail

Introducción al proyecto

02:49 min

Material Thumbnail

Plantillas modulares con PUG: Header

10:41 min

Material Thumbnail

Plantillas modulares con PUG: Footer

11:15 min

Material Thumbnail

Grid System con Sass

11:36 min

Material Thumbnail

Mixins para manejo de fuentes responsivas

12:44 min

Material Thumbnail

Funciones para media queries

12:19 min

Material Thumbnail

Finalizando el proyecto

10:01 min

Conclusiones y Cierre

Material Thumbnail

Conclusiones y Cierre

01:24 min

nuevosmás votadossin responder
Yuderlyn Natera
Yuderlyn Natera
Estudiante

¿Alguién logró solucionar el error de identación detectado por prepros para el for de los header?

0
Nicolas Ortiz
Nicolas Ortiz
Estudiante

Que quiere decir cada que dice " voy a salvar"?

3
david roberto urquiza rivera
david roberto urquiza rivera
Estudiante

¿Alguien sabe por qué no me carga las imágenes en los cuadros?
code1.png

Screenshot (1).png
0
david roberto urquiza rivera
david roberto urquiza rivera
Estudiante

¿Hay alguna manera de poder buscar la ruta hacia un css o imagen al igual que él “./” en html o css normal?

1
david roberto urquiza rivera
david roberto urquiza rivera
Estudiante

¿Hay mucha diferencia entre un preprocesador de css a un framework de css como bootstrap o tailwind? No he llegado aun al uso de framework así que no se que tan diferente es de esto haha

0
José Eduardo Reyes Yol
José Eduardo Reyes Yol
Estudiante

Tengo un problema creando el módulo para un side menu, en side-menu.pug colo el siguiente código.

nav.navh2menuul
    each enlace in enlaces
      li= enlace

Pero al procesar, prepros me tira este error.

2|   h2 menu3|   ul
  > 4|     each enlace in enlaces5|       li= enlace

Cannot read property 'length' of undefined

O sea que no encuentra el arreglo de enlaces pero, el archivo footer tiene casi lo mismo.

footerh1 Platzi Games
  ul
    each enlace in enlaces
      li= enlace

Y este si funciona. Ambos están en la misma carpeta y ambos los estoy usando en el reto. Asi que como solución temporal tuve que incluir config.pug en side-menu.pug para que pudiera leer el arreglo.
¿Qué está sucediendo ahí?

0
Salomon Moreno
Salomon Moreno
Estudiante

Alguien mas noto que el justify-content de galerias realmente no tiene ningun efecto?

0
crazysparta
crazysparta
Estudiante

Despues de usar react y hacer cosas como loops y condicionales parecidas, ¿se puede combinar react y pug?, ¿de ser asi en que situaciones se deberia de hacer?

2
Renzo Rolando Manuel Reinoso Alcas
Renzo Rolando Manuel Reinoso Alcas
Estudiante

Se modularía otro archivo más para una futura versión móvil o donde se colocaría estas líneas de código de media queries?

0
Renzo Rolando Manuel Reinoso Alcas
Renzo Rolando Manuel Reinoso Alcas
Estudiante

Cual usar Less o Sass??

1