Organizando nuestro módulo de notas con Browserify, Vueify, Gulp y Laravel Elixir

Con PHP tenemos la ventaja de que podemos separar nuestra aplicación en diversos archivos e incluirlos cuando los necesitemos. Con JavaScript esto no es tan sencillo, afortunadamente tenemos Browserify que nos permite separar nuestro código de JS en diversos archivos y luego compilarlos en uno solo que podemos incluir para su uso en el navegador. Vueify...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Compresión de imágenes con laravel-elixir-imagemin y Gulp

Cuando trabajamos con desarrollo web debemos tener en cuenta muchos aspectos para optimizar el tiempo de carga de nuestras aplicaciones. Laravel Elixir es una herramienta que nos ayuda en este sentido, dándonos la oportunidad de compilar y minificar assets, de tal modo que podamos usar en producción archivos mucho mas livianos, por supuesto, todo esto […]

Ver post

Configuración de Elixir en proyectos fuera de Laravel

Elixir es la herramienta oficial de Laravel para el manejo de assets dentro del framework. Elixir provee una clara y fluida API para definir tareas básicas de Gulp en tus aplicaciones de Laravel. Elixir soporta muchas de los comunes pre-procesadores para CSS y JavaScript, incluyendo herramientas para pruebas. Cuando ejecutamos «npm install» por primera vez en un […]

Ver post

Gulp – Cómo trabajar con BrowserSync

En esta lección vamos a ver cómo usando Gulp y BrowserSync te puede ayudar a acelerar aún más tu flujo de trabajo, corriendo un servidor local para archivos estáticos, refrescando automáticamente el navegador o inyectando los estilos directamente al navegador cada vez que modificas tus archivos....

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Gulp – Browserify y Webpack

A través de Browserify, podemos usar el método require para instalar paquetes de npm, o incluso archivos locales en nuestra aplicación de la misma forma como requerimos paquetes en el archivo gulp, incluyendo librerías como jQuery y plugins de jQuery, pero además Browserify se encargará de concatenar estas dependencias en un solo archivo que va...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Gulp – Trabajar con patrones de expresiones regulares (Globbing)

En esta lección del Curso de Gulp aprenderemos un poco sobre Globbing, esto hace uso de algunos patrones de expresiones regulares para identificar nombres y extensiones de archivos, y nombres de directorios. Estos patrones los llamamos globs y aquí vamos a aprender cómo usarlos. Además, lo usaremos para crear una tarea con la cual eliminaremos archivos y...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Gulp – Concatenar archivos

En esta lección del Curso: Gulp y herramientas de automatización vamos a aprender a concatenar archivos, usando JavaScript como ejemplo. A través de esta lección también explicamos dos conceptos fundamentales de Gulp, como lo son: las tareas dependientes y porque las tareas deben emitir su estado, y anunciar que han completado exitosamente para que otras tareas comiencen su ejecución....

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Gulp – Parámetros y Condicionales

En esta lección del curso de Gulp, aclaramos la diferencia entre dependencies y devDependencies, y cómo pasar parámetros a nuestras tareas por medio de flags en la consola utilizando un paquete de NPM llamado yargs. Luego utilizaremos el paquete de acciones condicionales gulp-if para que dependiendo de la existencia de dicho parámetro, podamos modificar las acciones de una tarea, haciéndola más...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Minificar CSS y uso de Sourcemaps

Bienvenidos a la segunda lección del Curso Gulp y herramientas de automatización. En esta entrada, aprenderemos el método alternativo para instalar paquetes, así como extender nuestra tarea de estilos para generar muy útiles sourcemaps y también como minificar nuestro CSS final para producción....

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.

Suscríbete a nuestro boletín

Recibe consejos útiles, promos y múltiples recursos directamente en tu correo.

Tu nombre y correo serán enviados directamente a MailChimp. No compartiremos tus datos con otras empresas.