🤘😎Este curso ha sido actualizado para que sea válido con las versiones 4.x.x de Gulp.
A lo largo de los cursos hemos estado utilizando Prepros para realizar tareas comunes cómo: compilar nuestro código LESS o SASS, minificarlo o añadirle los vendor prefixes y, aunque Prepros es una herramienta muy simple, a veces, tiene ciertas limitaciones.
Por ejemplo, en el curso de Flexbox cuando intentamos añadir los vendor prefixes con Prepros, sólo pudimos hacerlo en el caso de que estuviéramos trabajando con un preprocesador (y no directamente con CSS), lo cual debo admitir que es un parche ya que son dos cosas distintas que deberían poder funcionar de forma independiente.
Es por eso, que he decidido crear un curso exprés sobre Gulp. De manera que aprenderemos a:
- Instalarlo en Mac y Windows.
- Cómo añadirlo a un proyecto.
- Cómo instalar plugins a nuestro proyecto (por ejemplo, uno que añada vendor prefixes).
- Cómo ejecutar tareas y cómo concatenarlas.
- Cómo hacer que se ejecuten en el momento en que ha habido un cambio en nuestro código (por ejemplo, cuando guardamos).
- Cómo recargar automáticamente nuestro navegador.
En definitiva gracias a Gulp mejoraremos y aceleraremos nuestro flujo de trabajo al desarrollar y lograremos hacer más cosas de las que Prepros permite.
Así que ve desempolvando el terminal, pero no te preocupes porque como siempre lo haremos paso a paso. ¡Empezamos!
Módulos
Gulp
Lecciones
- ¿Qué es Gulp y para qué sirve?
- Instalación de Gulp en Mac
- Instalación de Gulp en Windows
- Definición de tareas y el archivo gulpfile.js
- Autoprefixer
- Concatenar, minificar y renombrar hojas de estilo
- Compilar LESS
- Compilar SASS
- Ejecutar funciones al guardar archivos
- Recarga automática del navegador con Browsersync
- Temas de WordPress
- Evitar que pare la ejecución si hay un error
