Interpolaciones y directivas en Vue 2

En la lección de hoy vamos a aprender más sobre el uso de interpolaciones con las cuales podemos no solo mostrar el valor de variables, sino también utilizar expresiones de JavaScript. También aprenderemos a utilizar las directivas v-once, v-text, v-html para mostrar datos en pantalla y cuando debe usarse cada una. Por otro lado veremos cómo evitar y resolver problemas comunes cuando trabajamos con Vue en conjunto con otros libraries como jQuery.

Ver post

Primeros pasos con Vue 2


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 Vue que debes tomar en cuenta.

Ver post

Vue.js vs jQuery (parte 2 de 2)

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 remover atributos con v-bind, mostrar elementos de forma condicional con v-ifv-else además de manejar eventos con v-on.

Ver post

Vue.js vs jQuery (parte 1 de 2)


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 de Vue vs jQuery para que puedas apreciar las diferencias entre estas 2 tecnologías, esto por supuesto lo haremos de forma práctica con un ejemplo sencillo:

Ver post

Introducción a Vue.js 2

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 lado si lo que quieres es crear un single page application (SPA), Vue posee componentes extra como Vue router, los cuales puedes incorporar a tu proyecto a medida que los necesites. Así que Vue se adapta al tamaño y complejidad de tu proyecto, dicho en otras palabras: Vue es ideal para crear desde widgets pequeños hasta proyectos grandes y complejos.

Ver post

Agregando la migración y asociación de categorías con Laravel, Eloquent y Dusk

Logo
37

Agregando la tabla y asociación de categorías

Curso de Crea una aplicación con Laravel 5.3 Parte 1

En esta lección trabajaremos con el modelo Category que asociaremos con los posts usando las relaciones de Eloquent. Además, crearemos el model factory correspondiente para que nuestras pruebas automatizadas puedan asociar una categoría a un post. Por último vamos a escribir el código necesario para que las pruebas escritas con Browser Kit y Laravel Dusk vuelvan a pasar.

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

Instalación y configuración de Laravel Mix

Logo
36

Laravel Mix

Curso de Crea una aplicación con Laravel 5.3 Parte 1

Como nuestra aplicación la iniciamos con Laravel 5.3 al instalar el proyecto venía incluido con Laravel Elixir para compilar CSS y Javascript entre otras tareas. Ahora, actualizaremos el proyecto para sustituir Laravel Elixir por el nuevo componente de Laravel 5.4, Laravel Mix que también realiza las tareas de compilación, compresión, entre otras pero usando Webpack en vez de Gulp.

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

Integración de Laravel Dusk

Logo
35

Laravel Dusk

Curso de Crea una aplicación con Laravel 5.3 Parte 1

Ya en la lección anterior adaptamos el componente laravel/browser-kit-testing para que nuestras pruebas regresaran a la normalidad luego de actualizar a Laravel 5.4. Ahora integraremos el nuevo componente de pruebas Laravel Dusk que nos trae una mejora bastante significativa: podemos probar aplicaciones que hagan uso de Javascript en el navegador. De esta manera, haremos que los dos componentes de prueba funcionen en nuestra aplicación. Además, vamos a reescribir algunas pruebas para que funcionen con Dusk. Veamos a continuación cómo:

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

Actualiza un proyecto real de Laravel 5.3 a 5.4 en 20 minutos

Logo
34

Actualización a Laravel 5.4

Curso de Crea una aplicación con Laravel 5.3 Parte 1

Actualizar un proyecto a nuevas versiones de componentes o del framework forma parte del ciclo de vida de una aplicación.  Estas actualizaciones nos traen mejoras y en algunos casos soluciona errores o fallos.  Sin embargo, a medida que avanzamos en nuestro desarrollo nos parece abrumador realizar este proceso, pero como te mostraremos en esta lección el uso de pruebas automatizadas y TDD es un apoyo muy útil para asegurarnos que todo siga funcionando correctamente luego de realizar la actualización.

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

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.