Saltar al contenido
school

Este curso pertenece a las siguientes rutas de aprendizaje

file_download
Archivos del curso
N/A
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
3 minutos

play_circle_outline
vista previa
2 minutos
play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
6 minutos
play_circle_outline
vista previa
12 minutos
play_circle_outline
Añadir Bootstrap-Vue a nuestro proyecto Vista previa
3 minutos
play_circle_outline
Configurar plugins VeeValidate y VuexPersist
5 minutos

play_circle_outline
vista previa
5 minutos
play_circle_outline
vista previa
4 minutos

play_circle_outline
vista previa
3 minutos
play_circle_outline
Mutaciones de Todos
5 minutos
play_circle_outline
Crear la API con JSON-SERVER
3 minutos
play_circle_outline
Acciones de Todos, haciendo peticiones a la API
11 minutos
play_circle_outline
Getters de Todos para filtrar datos
3 minutos
play_circle_outline
Finalizar el módulo de Todos, añadir namespace y añadir a nuestra Store
5 minutos

play_circle_outline
Componente y template formulario de todos
10 minutos
play_circle_outline
Componente y template listado de todos
7 minutos
play_circle_outline
Vista Todos para utilizar formulario y listado de Todos
6 minutos
play_circle_outline
Finalizar la aplicación de Todos añadiendo las rutas al router
5 minutos

play_circle_outline
Interfaces y estado para el módulos de autenticación
3 minutos
play_circle_outline
Mutaciones para iniciar sesión con módulo Auth
4 minutos
play_circle_outline
Finalizar módulo con Acciones, pasar a Store y aplicar persistencia al recargar
5 minutos
play_circle_outline
Añadir Middleware a nuestra API para iniciar sesión
2 minutos

play_circle_outline
Página de Inicio de sesión
10 minutos
play_circle_outline
Página secreta para usuarios autenticados
4 minutos
play_circle_outline
Crear un Mixin para compartir componentes con otros componentes, ejemplo Logout
7 minutos
play_circle_outline
Utilizar Watchers para saber la ruta actual del usuario
3 minutos
play_circle_outline
Utilizar Hooks desde Componentes para proteger rutas
5 minutos
play_circle_outline
Computed Properties y despedida
2 minutos
Vídeo de introducción Curso de Vuejs 2, Vuex con TypeScript
play_circle_filled

Desbloquea el curso

starVer planes de suscripción
school

¿Qué aprenderás?

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
assignment

Requisitos

  • 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


group

¿A quién va dirigido el curso?

Desarrolladores que deseen acceder a las ventajas que nos ofrece TypeScript al desarrollar aplicaciones con Vuejs 2 y Vuex
help_outline

¿Qué hacer en caso de dudas durante el curso?

Los planes de suscripción trimestral y anual incluyen soporte a través del foro del curso.

Las dudas que se planteen en el foro del curso serán respondidas en un plazo máximo de 24 horas laborables.

Las dudas planteadas deben estar relacionadas con el contenido del curso y no con desarrollos personalizados que no estén relacionados con el curso.

card_membership

Certificado de finalización

emoji_events

Al completar todas las lecciones del curso, obtendrás un certificado de finalización en formato PDF personalizado con tu nombre y un código QR de verificación.

  • center_focus_weak Código QR con enlace al curso
  • picture_as_pdf Descargable en formato PDF
  • person Personalizado con tu nombre

star Disponible exclusivamente para suscriptores.

Especialista con +15 años de experiencia en desarrollo web Full Stack. Dominio avanzado en Laravel y Vue.js, creando aplicaciones modernas de alto rendimiento. Instructor profesional con 8 años compartiendo conocimiento a través de cursos especializados que han formado a cientos de desarrolladores.

Israel Parra

Desarrollador Full Stack & Formador

Valoraciones

5
star star star star star

4 valoraciones

star star star star star
star star star star star_border
star star star star_border star_border
star star star_border star_border star_border
star star_border star_border star_border star_border
agalarza

hace 5 años

agalarza Recomendado
star star star star star

Bstante practica y directo al grano.

Juan Marcelo Hidalgo López

hace 5 años

Juan Marcelo Maravilloso Curso
star star star star star

Israel un abrazo y comentarte que este curso me encanto muchísimo de lo mejor que vi muchas gracias!!!

José Rafael Gutierrez

hace 5 años

José Rafael Agradable y muy completo...
star star star star star

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!

alberpad

hace 7 años

alberpad CONTUNDENTE
star star star star star

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.

visibility Vista previa

star

¿Te gusta lo que ves? Accede a este curso completo y a más de 200 cursos con una suscripción.

launch Ver planes de suscripción