¿Qué voy a aprender?
He desarrollado muchos cursos de Vuejs 2 en los últimos años, incluso escrito algún libro, en todos ellos implementando Vuex para obtener las ventajas del patrón de gestión del estado, algo que podemos decir es necesario si queremos sacar el máximo provecho de Vuejs.En este curso quiero dar un paso más y enseñarte a añadir de forma completa a tus proyectos todas las ventajas de TypeScript. Si no conoces TypeScript, debes saber que nos ofrece la posibilidad de añadir tipado a todo lo que sucede en nuestra aplicación.
También veremos cómo utilizar clases para organizar mejor nuestros componentes, herencia o mixins. Todo ello haciendo uso de TypeScript y de los decoradores @Component, @Action, @Mutation, @State y muchos más que tenemos a nuestra disposición.
Veremos cómo implementar VueAxios en nuestro proyecto utilizando TypeScript, una alternativa que se ha hecho muy popular en los últimos meses y que parece que viene a reemplazar a VueResource. Para probarlo, desarrollaremos una API FALSA utilizando JSON-SERVER a la cual conectaremos desde nuestras acciones de Vuex para ofrecer datos a nuestra APP.
Si quieres subir el nivel de tus desarrollos cuando trabajas con Vuejs 2 y Vuex y conseguir mejores aplicaciones, no lo dudes, inscríbete al curso.
A continuación tienes una lista de lo que vamos a hacer en este curso:
- Utilizar TypeScript en aplicaciones desarrolladas con Vuejs 2
- Utilizar Vuex con TypeScript a fondo
- Trabajar con clases, interfaces, añadir tipado a nuestras aplicaciones, herencia, mixins, validaciones
- Añadir a tus proyectos VueAxios con TypeScript para consumir una API falsa con JSON SERVER
- Interceptar el Request y el Response de Axios en Vuejs 2
- Aplicar una Arquitectura correcta a tus proyectos, organizar código, mixins, separar componente y template
- Implementar los Hooks del Router para proteger las rutas desde nuestros Componentes con TypeScript
- Extender los tipos de Vuejs para incorporar plugins a la instancia
Requisitos recomendados para tomar el curso
- Tener instalada una versión actual de Nodejs
- Un entorno preparado para trabajar con Vuejs 2 y Vuex
- Conocimientos de Vuejs 2 y Vuex, tengo varios cursos en la plataforma que te ayudarán a iniciarte si tienes dudas, puedes visitar mi perfil
- Saber qué es una clase o una interfaz
- Un plus haber hecho algo con TypeScript
¿Para quién es este curso?
Desarrolladores que deseen acceder a las ventajas que nos ofrece TypeScript al desarrollar aplicaciones con Vuejs 2 y Vuex¿Qué hago si tengo dudas a lo largo del curso?
Este curso cuenta con su propio foro para recibir ayuda en caso de que la necesites, una vez te hayas inscrito podrás acceder siempre que quieras. Las dudas planteadas en el foro normalmente son respondidas el mismo día para acelerar la fase de aprendizaje.Contenido del Curso
Introducción | |||
Vuejs 2, Vuex y TypeScript: ¿Qué vamos a hacer? | GRATIS | 00:05:00 | |
Vuejs 2, Vuex y TypeScript: Archivos del curso | 00:00:00 | ||
Vuejs 2, Vuex y TypeScript: Typescript en 3 minutos y enlaces recomendados | 00:03:00 | ||
Creando nuestro proyecto con npx y VueCli 3 | |||
Vuejs 2, Vuex y TypeScript: Revisando las dependencias que vamos a utilizar | GRATIS | 00:02:00 | |
Vuejs 2, Vuex y TypeScript: Crear proyecto con Npx y VueCli 3 y primeras configuraciones | 00:05:00 | ||
Vuejs 2, Vuex y TypeScript: Entendiendo un proyecto con Vue, ES6 y Typescript | 00:06:00 | ||
Vuejs 2, Vuex y TypeScript: Creando un namespace con Typescript para interceptar Reques y Response de Axios | 00:12:00 | ||
Vuejs 2, Vuex y TypeScript: Añadir Bootstrap-Vue a nuestro proyecto Vista previa | 00:03:00 | ||
Vuejs 2, Vuex y TypeScript: Configurar plugins VeeValidate y VuexPersist | 00:05:00 | ||
Primeros pasos con Vuex, Typescript y los decoradores de VuexClass | |||
Vuejs 2, Vuex y TypeScript: Interfaces para definir el estado de Vuex y configurar Store con Typescript | GRATIS | 00:05:00 | |
Vuejs 2, Vuex y TypeScript: Utilizar el decorador State en nuestros componentes | GRATIS | 00:04:00 | |
Escribir el módulo de TODOS con Vuex y Typescript | |||
Vuejs 2, Vuex y TypeScript: Interfaces y estado de Todos | GRATIS | 00:03:00 | |
Vuejs 2, Vuex y TypeScript: Mutaciones de Todos | 00:05:00 | ||
Vuejs 2, Vuex y TypeScript: Crear la API con JSON-SERVER | 00:03:00 | ||
Vuejs 2, Vuex y TypeScript: Acciones de Todos, haciendo peticiones a la API | 00:11:00 | ||
Vuejs 2, Vuex y TypeScript: Getters de Todos para filtrar datos | 00:03:00 | ||
Vuejs 2, Vuex y TypeScript: Finalizar el módulo de Todos, añadir namespace y añadir a nuestra Store | 00:05:00 | ||
Escribir la lógica de la aplicación de Todos, componentes y templates | |||
Vuejs 2, Vuex y TypeScript: Componente y template formulario de todos | 00:10:00 | ||
Vuejs 2, Vuex y TypeScript: Componente y template listado de todos | 00:07:00 | ||
Vuejs 2, Vuex y TypeScript: Vista Todos para utilizar formulario y listado de Todos | 00:06:00 | ||
Vuejs 2, Vuex y TypeScript: Finalizar la aplicación de Todos añadiendo las rutas al router | 00:05:00 | ||
Escribir el módulo de Autenticación con Vuex y Typescript | |||
Vuejs 2, Vuex y TypeScript: Interfaces y estado para el módulos de autenticación | 00:03:00 | ||
Vuejs 2, Vuex y TypeScript: Mutaciones para iniciar sesión con módulo Auth | 00:04:00 | ||
Vuejs 2, Vuex y TypeScript: Finalizar módulo con Acciones, pasar a Store y aplicar persistencia al recargar | 00:05:00 | ||
Vuejs 2, Vuex y TypeScript: Añadir Middleware a nuestra API para iniciar sesión | 00:02:00 | ||
Escribir la lógica de la aplicación de Autenticación con rutas protegidas, Hooks | |||
Vuejs 2, Vuex y TypeScript: Página de Inicio de sesión | 00:10:00 | ||
Vuejs 2, Vuex y TypeScript: Página secreta para usuarios autenticados | 00:04:00 | ||
Vuejs 2, Vuex y TypeScript: Crear un Mixin para compartir componentes con otros componentes, ejemplo Logout | 00:07:00 | ||
Vuejs 2, Vuex y TypeScript: Utilizar Watchers para saber la ruta actual del usuario | 00:03:00 | ||
Vuejs 2, Vuex y TypeScript: Utilizar Hooks desde Componentes para proteger rutas | 00:05:00 | ||
Vuejs 2, Vuex y TypeScript: Computed Properties y despedida | 00:02:00 |
115 ALUMNOS MATRICULADOS
CONTUNDENTE
Es un curso como digo Contundente. Corto pero al grano. Con mucha lógica. Muy bien estructurado. Recomendable. Como todos los cursos que he realizado hasta ahora en esta plataforma es 100% práctico. Todo lo que haces ves que lo podrías aplicar en tal y cual cosa. No es como otros cursos que te enseñan digamos los fundamentos y no como aplicar esos fundamentos. Esto es lo más que me gusta de estudiar aquí. Son cursos para aprender a aplicar la tecnología no a simplemente aprenderla.
Un buen curso de VUE
Buen profesor y buen curso..
Agradable y muy completo...
Excelente y completo curso para iniciar TYPESCRIPT con VueJS, estás dos tecnología juntas nos permiten realizar un proyector ordenado, fuertemente blindado, conocía TYPESCRIPT pero no su integración con VueJS, haberlo explorado en conjunto me da muchas expectativas e ideas de lo lejos que puede llegarse.
Te recomiendo éste curso para que domines TYPESCRIPT con VueJS, no te lo pierdas si te ha gustado TYPESCRIPT.
Israel, muchas gracias como siempre, un saludo!
Maravilloso Curso
Israel un abrazo y comentarte que este curso me encanto muchísimo de lo mejor que vi muchas gracias!!!
Muchas gracias Marcelo, fuerte abrazo esperando que estés muy bien.