Categoría: jQuery

Configuración de Elixir en proyectos fuera de Laravel

Jeff 10/05/2016
Frontend, JavaScript, jQuery, Sass y CSS 2 Comentarios

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 proyecto de Laravel, se instalan las dependencias definidas en el archivo package.json ubicado en la raíz del proyecto. Hoy aprenderemos a crear un nuevo proyecto desde cero utilizando npm y a cómo configurar Elixir para compilar fácilmente los assets de tu aplicación. Ésta es una solución muy útil a la hora de trabajar con maquetado de proyectos o sitios estáticos (solo front-end). Ver post

Autocomplete usando AJAX con Laravel y jQuery

Duilio Palacios 23/01/2016
JavaScript, jQuery, Laravel 5.1 1 Comentario

En esta lección del curso Curso de interfaces dinámicas con Laravel y jQuery vamos a terminar de integrar en nuestro proyecto de Laravel el plugin EasyAutocomplete de JQuery con el API de usuarios con los cuales hemos venido trabajando en las lecciones anteriores.  Adicionalmente, tendrás algunos tips para integrar el plugin de autocomplete en proyectos reales tanto como búsqueda como parte de un formulario.

Jquery EasyAutocomplete en Laravel 5.1

Duilio Palacios 18/01/2016
JavaScript, jQuery 2 Comentarios

Un autocomplete nos permite cargar una caja de texto o selector con una lista limitada de opciones dependiendo de lo que escriba el usuario en ella, básicamente nos presenta los resultados de la búsqueda en tiempo real y nos muestra las opciones disponibles que podemos seleccionar. Estas opciones pueden provenir de una base de datos y utilizando Ajax podemos cargar los resultados en la vista de forma transparente al usuario.

Easy Autocomplete es un plugin de JQuery que nos permite realizar este proceso, en el próximo vídeo veremos todas las ventajas que este plugin nos ofrece y cuáles son las posibles aplicaciones que pude tener dentro de cada uno de nuestros proyectos.

¿Cómo elegir un plugin o componente para tu proyecto?

Duilio Palacios 18/01/2016
jQuery Comentarios desactivados en ¿Cómo elegir un plugin o componente para tu proyecto?

Bienvenidos a la tercera parte del Curso de interfaces dinámicas con Laravel y jQuery. En esta lección vamos a empezar a trabajar con el plugin o componente para el autocompletado con jQuery. Aunque antes vamos a analizar cómo hacer la elección del plugin más adecuado a las necesidades de nuestro proyecto.

Asegurar la calidad de una aplicación y refactorización con PHPUnit

Duilio Palacios 27/11/2015
jQuery, Laravel 5.1, PHP 2 Comentarios

Cuando desarrollamos aplicaciones a nivel profesional debemos tener la certeza que lo qué estamos haciendo cumpla con las necesidades del cliente pero que además no dañe lo que anteriormente ya estaba hecho. En esta nueva lección vamos a continuar con el desarrollo de nuestra aplicación pero ahora creando pruebas con PHPUnit que garanticen la calidad del código pero además refactorizando la creación de etiquetas (tags) de nuestro panel de control.

Combos dinámicos dependientes con Laravel y jQuery: Parte 4

Duilio Palacios 31/10/2015
jQuery, Laravel 5.1 2 Comentarios

En la clase anterior vimos como crear combos dependientes usando Laravel y PHP, en este cuarto y último tutorial de la primera parte de este nuevo curso de Laravel 5.1, vamos a definir nuevas rutas para mostrar la información de años y modelos de las respectivas marcas de vehículos, en formato JSON según la selección del usuario. Luego vamos a utilizar jQuery y JavaScript para escribir la lógica que permita cargar estas opciones con AJAX en los diferentes combos desplegables sin necesidad de recargar toda la página.

Si no estas al día con el avance de este curso te invitamos a visitar los tutoriales anteriores

• Combos dinámicos dependientes con Laravel y jQuery: Parte 1
• Combos dinámicos dependientes con Laravel y jQuery: Parte 2
• Combos dinámicos dependientes con Laravel y jQuery: Parte 3