Duilio Palacios 15/09/2017 JavaScript, Videotutorial, Vue.jsComentarios desactivados en 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 supuesto la redirección con vue-router y navegación programática una vez que la tarea haya sido editada.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Duilio Palacios 15/09/2017 JavaScript, Videotutorial, Vue.jsComentarios desactivados en 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.
Duilio Palacios 14/09/2017 JavaScript, Videotutorial, Vue.jsComentarios desactivados en Componente para crear registros con vue-router (SPA)
En la lección de hoy practicaremos parte de lo que hemos aprendido a lo largo del curso, mientras creamos un nuevo componente para la creación de tareas, esta vez en formato de SPA utilizando vue-router.
Regístrate para ver ésta y cientos de lecciones exclusivas.
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 decir que siempre debemos tener este hash en nuestra URL, podemos hacer que todas nuestras URLs queden más limpías si utilizamos el modo de historia de HTML5.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Duilio Palacios 23/08/2017 JavaScript, Videotutorial, Vue.jsComentarios desactivados en 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 el funcionamiento de la aplicación.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Duilio Palacios 21/08/2017 JavaScript, Videotutorial, Vue.jsComentarios desactivados en 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 mejor nuestro código y nuestras rutas.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Duilio Palacios 18/08/2017 Videotutorial, Vue.jsComentarios desactivados en 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 Vue.js utilizando una ruta y un componente para ello. Además veremos algunos trucos y técnicas adicionales usando navegación mediante código, helpers y más.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Duilio Palacios 18/08/2017 Videotutorial, Vue.jsComentarios desactivados en 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 necesidad del paso de propiedades ni del manejo de eventos. Esta lección es una antesala a una próxima parte del curso donde aprenderemos a utilizar Vuex.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Duilio Palacios 17/08/2017 Videotutorial, Vue.jsComentarios desactivados en Rutas dinámicas con vue-router
En esta lección vamos a asumir que necesitamos agregar más campos a la tarea (por ejemplo una descripción detallada) y por lo tanto necesitamos crear nuevas rutas para mostrar el detalle de la tarea y poder editarla. Estas nuevas rutas serán dinámicas (puesto que cada tarea tiene un identificador -o ID- diferente). Además en esta lección te enseñaré cómo navegar de forma programática (o mediante código) con vue-router, cómo pasar propiedades desde una ruta hacia un componente y mucho más.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Duilio Palacios 09/08/2017 Videotutorial, Vue.jsComentarios desactivados en Personalizar el estilo del menú de Vue Router
En la lección anterior sobre Vue Router, aprendimos cómo utilizar este paquete para crear los enlaces de nuestra Single Page Application (SPA), sin embargo a estos enlaces aún les hace falta un poco de estilo. Es por esto que en esta nueva lección vamos a agregarle los estilos de Bootstrap en nuestro caso, pero te enseñaré cómo puedes modificar el HTML para que se adapte a cualquier otro framework de CSS.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Styde usa cookies para guardar tus preferencias y para seguimiento anónimo AceptarLeer más
Privacy & Cookies Policy
Privacy Overview
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
