Curso Online de PostCSS para Frontends

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.