En la lección anterior de Vue.js aprendimos cómo enlazar Vue con nuestra página, configurar los parámetros básicos, alterar elementos del DOM y manipular datos con el uso de directivas. En la lección de hoy vamos a repasar en profundidad todo esto además de ver nuevos conceptos y detalles importantes sobre el objeto VM o instancia de […]
En esta lección modificaremos nuestro ejemplo anterior para realizarlo con Vue.js, para esto aprenderemos cómo instalar el framework y hacer uso de las directivas de Vue, las cuales son atributos especiales que nos permiten realizar cambios en el DOM. También daremos un primer vistazo a muchas características importantes de Vue: enlazar valores con v-model, añadir o […]
Dado que la mayoría de nosotros hemos utilizado jQuery en una o más ocasiones y puede que estemos muy acostumbrados a la forma de manipular el DOM que nos brinda jQuery o JavaScript cuando es usado sin ningún otro library ni framework, que te parece si dedico ésta y la lección siguiente a hacer una pequeña comparativa […]
Vue.js, a diferencia de frameworks de Javascript como Angular o Ember.js, no intenta abarcar de un solo golpe todos los aspectos requeridos para desarrollar proyectos complejos, sino que se enfoca únicamente en la vista. Por ende es muy fácil comenzar a utilizarlo y agregarlo por ejemplo a páginas de un proyecto ya existente. Por otro […]
Laravel Dusk es un nuevo componente para Laravel 5.4 que nos permite probar nuestras páginas y aplicaciones de forma automática. Este componente es el sucesor a Browser Kit Testing el cual nos permitía escribir pruebas y simular el comportamiento del navegador usando PHP, lo cual es muy rápido pero limitado porque no nos permite probar JavaScript. Dusk sí...
Regístrate para ver ésta y cientos de lecciones exclusivas.
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.
Puedes proteger el acceso a tu API utilizando autenticación basada en token como aprendimos en el curso de novedades de Laravel 5.2. Pero muchísimas veces no queremos desarrollar una API externa, sino agregar funcionalidad AJAX a nuestro proyecto, y en casos donde el API y el proyecto estén bajo el mismo dominio, el mecanismo para...
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección vamos a separar completamente nuestro código de Vue.js de Laravel. Para lograr esto, vamos a utilizar nuevamente Vueify, Browserify y Laravel Elixir, y vamos a mover toda la plantilla de nuestra aplicación a un nuevo componente app. Así que si te quedaron dudas de la lección anterior sobre el uso de Vueify con...
Regístrate para ver ésta y cientos de lecciones exclusivas.
En las lecciones anteriores, cuando aprendimos a crear nuestros propios componentes en Vue.js, nos dimos cuenta que necesitábamos una manera de hacer cambios en nuestro objeto principal de Vue (VM o View-Model) pero dentro del scope del componente. Yo resolví este problema usando $parent y dado que nuestro proyecto es muy pequeño, quizás no importe […]
En esta lección número 20 de nuestro Curso de Vue.js aprenderás a agregar efectos de animación o transiciones a través de clases de CSS con Vue.js cuando tus elementos son agregados y eliminados en el DOM de una forma sencilla; permitiéndote crear aplicaciones mucho más llamativas. También, conocerás cómo agregar animaciones usando el library Animate.css.