Desarrollo Web

Curso Online de PostCSS para Frontends

Aprende a programar tus hojas de estilo CSS con PostCSS y da un salto en tu carrera como Frontend

Impartido por:

3.8 (91 valoraciones)
2 horas y 20 minutos · Curso
PostCSS

Lo que aprenderás en este curso:

Requisitos del curso

SI quieres sacarle partido a este curso debes tener conocimientos medios de CSS y experiencia en el desarrollo web con HTML y Javascript.

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
3.9
91 valoraciones

Contenido del curso:

    • 19m
    • Qué es PostCSS y primeros pasos
      13m
    • Instalación de PostCSS
      11m
    • Integración en tu workflow (Gulp)
      25m
    • Cómo resolver errores en una cadena de Procesamiento
      13m
    • Aplicaciones y Casos de Uso
      25m
    • Programando un módulo desde 0
      30m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

Vue en la práctica

Vue en la práctica: Desarrollo de una aplicación de lista de compras

3 horas y 20 minutos · Curso

Este curso es un estudio práctico de Vue 3 a través del desarrollo de una aplicación de lista de compras. Los participantes trabajarán en cada …

  • Desarrollo Web
Curso de Django

Curso de Django

4 horas y 12 minutos · Curso

Esta formación de Django ofrece una formación integral en desarrollo web, abarcando desde la instalación y configuración, hasta la creación de modelos, vistas, formularios y …

  • Desarrollo Web

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos formaciones.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todas las formaciones de la plataforma y a las nuevas que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

2

¿Obtengo un diploma de certificación?

En todos los cursos existe un examen final para evaluar tus conocimientos adquiridos. Si superas este examen con más de un 80% de preguntas correctas obtendrás el diploma de certificación. Puedes realizar un intento cada 24 horas.

Este diploma es un certificado privado emitido por OpenWebinars, y valorado en el mundo empresarial, ya que tenemos grandes compañías clientes que se forman con nosotros y valoran nuestras certificaciones.

No olvides poner tu certificación en tu perfil Linkedin y en tu currículum.

3

¿Cuándo comienza la formación?

En OpenWebinars las formaciones no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

 

Con este curso de PostCSS vas a poder conocer esta interesante herramienta que todo frontend debería saber manejar, ya que permite manejar hojas de estilo CSS, principalmente, de una forma mucho más potente.

Si te animas a comenzar el curso, antes de nada el tutor te va a introducir en el mundo de los preprocesadores, para que conozcas por qué surgieron, las ventajas que aportan y cuáles son los preprocesadores clásicos, como SASS, LESS o Stylus.

En esta amplia introducción descubrirás más a fondo las principales funcionalidades adicionales que nos permiten utilizar los preprocesadores CSS, como son las variables y la interpolación, los mixins, el anidado y los imports.

También aprenderás de forma más detallada las ventajas más reseñables que se obtiene al utilizar un preprocesador, desde la integración hasta el control granular sobre todo el pipeline, pasando por la velocidad y la claridad que se obtiene con los mismos.

A continuación nos adentraremos en un bloque dedicado en exclusiva a PostCSS, dónde aprenderás con detalle qué es y qué no es, para que conozcas los motivos por los que no es un simple preprocesador CSS, sino mucho más.

Durante este bloque aprenderás lo más novedoso que ofrece PostCSS, primero de forma teórica y segundo de forma práctica con unos ejemplos visuales, a modo de dar los primeros pasos utilizando la herramienta.

Cuando te hayas hecho una idea global de qué es esta herramienta y algunas de sus posibilidades, aprenderás a instalarla de una forma guiada y completa, con algunas interesantes recomendaciones del profesor.

Una vez tienes instalado PostCSS, puedes pasar al apartado en el que te mostramos cómo integrarlo el en workflow, en este caso Gulp, aunque se puede integrar con otros diferentes.

Para finalizar este bloque aprenderás a resolver los errores en una cadena de procesamiento, en la que se va transformando el CSS. Para ello emplearemos una potente herramienta llamada PostCSS Debug, la cual vas a aprender a instalar y utilizar.

El siguiente bloque está dedicado a las aplicaciones adicionales de PostCSS y sus casos de uso. Aquí os enseñaremos las más interesantes dentro de la gran cantidad de aplicaciones que existen, ya que para PostCSS podemos encontrar infinidad de plugins.

El cuarto y último bloque es totalmente práctico, en el que de forma guiada aprenderás a crear un módulo PostCSS desde cero. Aquí puedes ver cómo aplicar todo lo aprendido previamente durante el curso, por lo que es recomendable hacer este bloque final una vez se ha entendido bien toda la formación previa.

Artículos
Ver todos