En esta cuarta lección del Curso de Vue.js te hablaremos de una nueva directiva v-bind que es usada para atar dinámicamente un atributo HTML a una expresión de Vue, así como a clases y estilos de CSS de los elementos de nuestra aplicación, lo que nos permitirá manipularlos dinámicamente.
Los eventos en JavaScript, se basan en las acciones que realiza un usuario, es decir la interacción que tiene con una aplicación. Por lo cual, Vue.js, tiene directivas para poder manejar eventos como por ejemplo: cuando un usuario presiona un botón, añade datos a un formulario, hace clic en un enlace, entre otros. Para la lección de hoy de nuestro Curso de Vue.js aprenderás cómo se manejan los eventos que ejecutan los usuarios.
En Vue.js, una directiva es el término usado para referirse a algunos atributos especiales, identificados con v-, que le indican a Vue.js que debe realizar ciertos cambios en un elemento del DOM, cada vez que la expresión asociada con dicha directiva cambie. En esta segunda lección del Curso de Vue.js aprenderemos más sobre las directivas en general y usaremos las directivas v-show, v-if y v-else por primera vez.
Vue.js es un framework de JavaScript nuevo, si lo comparamos con otros frameworks como Backbone o Ember. Sin embargo, su facilidad de aprendizaje y uso con respecto a otros frameworks y libraries como ReactJS, su rendimiento comparado con AngularJS y la facilidad para usarlo y adaptarlo a proyectos tanto grandes como pequeños, ha hecho que Vue gane cada vez más popularidad.
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.
Regístrate para ver ésta y cientos de lecciones exclusivas.
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.
Regístrate para ver ésta y cientos de lecciones exclusivas.