Curso de Preprocesadores CSS

Clases del 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

Qué aprenderás sobre preprocesadores

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
Eliezer Hernandez
Eliezer Hernandez
Estudiante

Donde encuentra el profesor los aportes de la comunidad de SASS?

2
Eliezer Hernandez
Eliezer Hernandez
Estudiante

De que sitio descargo el profesor el código del grid system?.

1
Eliezer Hernandez
Eliezer Hernandez
Estudiante

Aun se utiliza el preprocesador de html pug en la actualidad?

2
Juan Guillermo Arenas Sepulveda
Juan Guillermo Arenas Sepulveda
Estudiante

Hola tengo un problema en VisualStudio, pues no me reconoce el archivo : Styluscode.png

1
Juan Guillermo Arenas Sepulveda
Juan Guillermo Arenas Sepulveda
Estudiante

Alguien me podria decir en que pagina se pueden descargar los iconos, como el de la ubicacion ?? ejemplo quiero descargar los iconos de redes sociales, gracias

1
Samuel Daza
Samuel Daza
Estudiante

Hola amigos, quisiera saber si el un proyecto real de trabajo, se utiliza los preprocesadores o tambien se pueden utilizar tailwind o bootstrap?

1
Eliezer Hernandez
Eliezer Hernandez
Estudiante

Hola, me ha surgido una pregunta con la practica realizada en estas clases en la cual se emplea mas de una etiqueta de encabezado h1, se que puede que este no sea el mejor de los ejemplos en lo que a semántica se refiere ya que esta clase esta orientada a la explicación de pug, la gran mayoría se que me dirá que solo debe existir un h1 por pagina, pero quería saber que tan valido es eso en la actualidad ya que he leído desde artículos que tratan el tema desde antes de la llegada de html5 y esta cuestión parece que ha ido cambiando con los años. Encontré un vídeo en el que alguien de google John Mueller explica que no hay impacto en el SEO si en nuestras paginas tenemos múltiples H1, un h1 o incluso le omitimos siempre que el sitio resulte accesible para los usuarios, ademas me he encontrado paginas que están perfectamente posicionadas al realizar una búsqueda relacionada contando con múltiples h1 (no me refiero a utilizar esta etiqueta en todas partes sin ser consciente de lo que se esta haciendo).
.
Por si no ha quedado claro mi pregunta es ¿Esta bien en la actualidad el uso de múltiples h1, o incluso omitirlos? Acá les dejare el link del video donde habla sobre este tema de alguien que trabaja en google:
https://www.youtube.com/watch?v=zyqJJXWk0gk&ab_channel=GoogleSearchCentral

1
Rosmer Sandoval
Rosmer Sandoval
Estudiante

No entendi muy bien el funcionamiento de los Loops aca en stylus, alguien con un consejo?

1
Israel Vasquez
Israel Vasquez
Estudiante

Hola, ¿Alguien tendrá alguna alternativa gratuita a Prepros que no arroje ese mensaje de interrupción cada cierto tiempo? Que no sea la terminal :’(

![](Screenshot_1.png

Gracias!

1
Miguel Di Massimo Nieto
Miguel Di Massimo Nieto
Estudiante

Una pregunta que quizá esté más relacionada con CSS en general que con preprocesadores:

Por qué razón utilizaría la medida vh en lugar del %? Es decir, en qué ocasiones es útil el vh?

Gracias 😄

1