JavaScript y CSS en Laravel 5.3 con Elixir, Gulp y Webpack
En esta lección vamos a dar un vistazo a las sugerencias de Laravel para trabajar con CSS y JavaScript a través de Laravel Elixir y otras herramientas como Gulp y Webpack.
En esta lección vamos a dar un vistazo a las sugerencias de Laravel para trabajar con CSS y JavaScript a través de Laravel Elixir y otras herramientas como Gulp y Webpack.
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.
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 […]
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 […]
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.
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.
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.
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.
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.
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.