• Ir a navegación principal
  • Ir al contenido principal
SiliCodeValley

SiliCodeValley

Cursos online de diseño y desarrollo WordPress

  • Cursos
  • Tutoriales
  • Directos
  • Acceder
  • Suscríbete

Introducción a Gulp

[alert_success]🤘😎Este curso ha sido actualizado para que sea válido con las versiones 4.x.x de Gulp.[/alert_success]

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

Flexbox
CSS Grid

  • Blog
  • Acerca
  • Contacto
  • Privacidad
  • Términos
  • Aviso Legal
  • Cookies

Utilizamos cookies propias y analíticas para darte la mejor experiencia en nuestra web.

Puedes informarte más sobre qué cookies estamos utilizando o desactivarlas en los AJUSTES.

se ha unido a .

Resumen de privacidad
SiliCodeValley

Esta web utiliza cookies propias y analíticas para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Cookies analíticas

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.

¡Por favor, activa primero las cookies estrictamente necesarias para que podamos guardar tus preferencias!

Mostrar detalles
Nombre Proveedor Propósito Duración
_ga Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para distinguir a los usuarios. 2 años
_gat Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para limitar el porcentaje de solicitudes. 1 minuto
_gid Google Analytics Cookie de terceros persistente con fines analíticos. Se usa para distinguir a los usuarios. 24 horas
Política de cookies

Más información sobre nuestra política de cookies