Render Functions en Vue.js, parte 1

En esta lección veremos un nuevo concepto que no hemos aprendido hasta ahora llamado Render Functions. Las Render Functions no son más que funciones de JavaScript que retornar algo llamado DOM Virtual, que no es más que un objeto de JavaScript que Vue.js utiliza para representar una plantilla y finalmente procesar e imprimir los elementos...

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

Ver post

Edición de registros con vue-router (SPA)

En esta lección vamos a trabajar en la acción para editar registros pero esta vez utilizando vue-router y en formato de SPA. Para ello haremos que el formulario de edición de tareas sea una página aparte (con una URL) y agregaremos el enlace desde el detalle del registro a la página de edición y por...

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

Ver post

Acciones para completar y eliminar tareas con vue-router (SPA)

En esta lección vamos a seguir practicando lo aprendido hasta el momento mientras reconstruimos el módulo de tareas como una SPA (Single Page Application) usando vue-router y repasamos otros conceptos como las clases de CSS dinámicas y los componentes globales de Vue.js....

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

Ver post

Modo de historia HTML5 con Vue.js y Laravel

Hasta el momento en todas nuestras URLs tenemos un simbolo de numeral (#) y esto es debido a que el modo por defecto de vue-router es hash mode o modo hash. Este hash es utilizado para simular una URL y de esta forma evitar que la página sea recargada cuando la URL cambia. Esto no quiere...

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

Ver post

Rutas con nombre en vue-router

Algunas veces necesitamos alterar las URL de nuestras rutas, pero al no tener una forma de identificarlas se pueden presentar inconvenientes al momento de cambiarlas. vue-router nos permite identificar nuestras rutas mediante un nombre. Esto nos da la posibilidad de cambiar la URL de una ruta (por ejemplo de /tasks a /tareas o /mis-tareas) sin afectar...

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

Ver post

Frontend presets en Laravel 5.5

En esta segunda lección del Curso Novedades de Laravel 5.5, conoceremos una mejora para la parte del Frontend de nuestra aplicación: la posibilidad de configurar con cuál tecnología trabajar con los nuevos Frontend Presets, ejecutando tan solo un comando en la consola.

Ver post

Rutas anidadas o sub-rutas con vue-router

La mayoría de las aplicaciones están compuestas por múltiples componentes anidados unos dentro de otros y estos componentes suelen compartir los mismos segmentos de una URL (/tasks y /tasks/1, por ejemplo). vue-router nos da la posibilidad de crear rutas anidadas o sub-rutas para cubrir esta necesidad de una forma muy simple y de esta forma poder organizar...

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

Ver post

Manejo de errores 404 con vue-router

Cuando creamos un Single Page Application (SPA) con un framework de JavaScript como Vue.js, debemos manejar escenarios donde el usuario intente acceder a una URL que no existe o ha sido eliminada, al igual que cuando trabajamos con frameworks de backend como Laravel. En esta lección aprenderemos cómo podemos manejar errores de tipo 404 en...

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

Ver post

Manejo de estado básico con Vue.js

En esta lección aprenderemos cómo podemos extraer el estado (datos) de nuestra aplicación a un objeto centralizado al cual todos los otros componentes tendrán acceso. De esta forma entonces podremos obtener la tarea desde el componente de Detalles (o de cualquier otro componente) y sincronizar las tareas a lo largo de todos nuestros componentes sin...

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

Ver post

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.