PostCSS

Una herramienta avanzada para transformar el código CSS mediante Javascript

PostCSS es una herramienta que incluye un conjunto de utilidades que nos permiten la transformación del código CSS, para la realización de una enorme cantidad de operaciones comunes en el desarrollo frontend.

PostCSS algo parecido a un framework enfocado en el desarrollo de CSS, que incluye utilidades y herramientas de lo más diverso. Todas tienen en común que reciben como entrada un código CSS, que lo transforman y producen de salida un código CSS generalmente modificado.

La organización de las herramientas bajo el paraguas de PostCSS se realiza mediante plugins. Cada plugin es capaz de realizar una tarea muy definida y específica, permitiendo una transformación del CSS en concreto. A través de la concatenación de ejecución de plugins se puede conseguir que nuestra configuración de PostCSS sea capaz de hacer un conjunto muy variado de tareas, perfectamente personalizadas por el desarrollador.

Algunos de los plugins más populares de PostCSS son:

CSSNext: permite usar las características futuras de CSS, convirtiendo el código que usa futuros estándares en código CSS compatible con todos los navegadores actuales.
CSSModules: Permite crear un ámbito para nuestros selectores, muy útil para despreocuparse por machacar reglas cuando se usa CSS que viene de dependencias de terceros.
Stylelint: Advierte sobre posibles errores del CSS, ya sea sintaxis o estilo.
AutoPrefixer: Coloca automáticamente los prefijos necesarios en atributos CSS.
Preprocesadores: Con PostCSS se puede procesar el CSS, aplicando transformaciones de diversos preprocesadores.

La lista de plugins sería inmensa!

Cómo aprender PostCSS

Tenemos un curso completo dedicado a PostCSS. Obviamente, necesitas tener un conocimiento medio a elevado de CSS para sacarle partido. 

Para la parte de configuración de la ejecución de tareas se usa Javascript, pero es posible gracias al curso aprender lo necesario para trabajar con PostCSS sin tener un control de este lenguaje de programación.

Conocimientos necesarios

Antes de comenzar el estudio de PostCSS te recomendamos dominar otras materias más básicas, también disponibles en EscuelaIT:

PostCSS: más allá del css
5 clases 10 Horas y 40 min horas
Si puedes imaginarlo, puedes usar PostCSS para lograr que sea real en tu web
Curso Práctico de Maquetación Web Profesional
62 clases 12 Horas y 52 min horas
Aprende de manera muy práctica a maquetar webs profesionales, con un proyecto real
Curso de Tailwind CSS
7 clases 12 Horas y 23 min horas
Aprende TailwindCSS, el framework de diseño preferido por los desarrolladores que dominan CSS

Cursos superiores

Los cursos de esta materia te facilitan los conocimientos necesarios para poder abordar los siguientes estudios:

¿Quieres especializarte en PostCSS?

Accede a todos los cursos de EscuelaIT que te permitirán dominar ésta y muchas otras materias, con tarifa plana.

Plan anual

25 €/mes*
* En un único pago de 299€

Plan mensual

29 €/mes*
* Pago cada mes sin permanencia

¿Tienes alguna duda?

¿Todavía no tienes claras las mecánicas y ventajas de EscuelaIT?
¿Tienes alguna necesidad especial que quieras solicitarnos?
¿Podemos ayudarte de alguna otra manera?

No dejes de darle un vistazo a las preguntas frecuentes o FAQ y usa nuestros canales de comunicación para contactar con nosotros. Nuestro equipo de soporte estará encantado de atender cualquier consulta que tengas.