Descripción

Curso

FRONTEND WEB CON VUE.JS

Desarrolla e implementa aplicaciones web SPA, desde el diseño hasta su despliegue en producción

Inicio 13 de marzo

Organiza

Online en vivo

2 meses

Martes y Jueves 8:00 pm a 9:30 pm

56 horas académicas

GRATIS – MASTER CLASS ONLINE

Esta especialización incluye

4 módulos de estudio (2 semanas de duración cada módulo).
16 clases online en vivo (1 hora con 30 minutos cada clase).
Archivos complementarios de estudio.
Proyecto web que implementa comunicación Api/Real time.
Asesoría del profesor en clase.
Aula virtual con acceso a la grabación de las clases y archivos de estudio.
Doble certificación por la Universidad San Martin de Porres y Andes – Centro de Negocios Tecnológicos.

Acerca del curso

Aprenderás a construir aplicaciones web dinámicas, escalables y de alto rendimiento utilizando Vue 3 y TypeScript. Desde los fundamentos hasta técnicas avanzadas, exploraremos el ecosistema de Vue, incluyendo Componentes, Vue Router, Pinia, Composition API y la integración con APIs REST.
Aprenderás con un enfoque práctico desarrollando una aplicación web SPA con la asesoría del profesor en clase
Conocimiento básico de JavaScript o algún otro lenguaje de programación.
Organiza Universidad de San Martín de Porres y Andes – Centro de Negocios Tecnológicos.

Dirigido a

Profesionales junior en desarrollo web que deseen especializarse en full stack
Desarrolladores frontend o backend que quieran ampliar sus conocimientos
Estudiantes y profesionales de ingeniería de sistemas, software o carreras afines
Entusiastas de la tecnología interesados en la creación de aplicaciones web escalables

Objetivos

Al finalizar el curso estarás capacitado para:

Dominar los fundamentos y estructura de Vue.js para construir aplicaciones interactivas
Implementar gestión de estado y navegación eficiente en aplicaciones Vue.js
Consumir APIs de manera segura y gestionar autenticación en el frontend
Optimizar y desplegar aplicaciones Vue.js en entornos productivos

Plan de estudio

Módulo 1: Introducción a Vue.js

Sesión 1: Fundamentos de Vue.js

Vue templates y manejo de estilos
Eventos y directivas
Componentes y ciclo de vida

Sesión 2: Estructura y reactividad en Vue.js

Directivas avanzadas y renderizado condicional
Uso de métodos, computed properties y watchers
Manejo de eventos personalizados

Sesión 3: Manejo del estado local

Propiedades y binding en Vue.js
Comunicación entre componentes (Props y Emits)
Slots y scoped slots

Sesión 4: Herramientas de desarrollo

Instalación y configuración de Vue Devtools
Debugging en Vue.js
Mejores prácticas en desarrollo con Vue.js

Módulo 2: Estado y rutas en Vue.js (online en vivo)

Sesión 1: Gestión del estado en Vue.js

Manejo del estado con Pinia
Comunicación entre componentes
Persistencia de datos en el frontend

Sesión 2: Configuración y uso de Vue Router

Configuración de Vue Router
Rutas protegidas y navegación
Lazy loading y optimización de rutas

Sesión 3: Integración con Firebase

Configuración y conexión con Firebase
Autenticación de usuarios con Firebase Auth
Almacenamiento y sincronización de datos en Firestore

Sesión 4: Autorización y control de acceso

Implementación de roles y permisos
Gestión de sesiones en Vue.js
Middleware y guardias de navegación

Módulo 3: Consumo de APIS y autenticación

Sesión 1: Consumo de API Rest en Vue.js

Uso de Axios en Vue.js
Manejo de peticiones HTTP (GET, POST, PUT, DELETE)
Gestión de respuestas y errores

Sesión 2: Seguridad en el Frontend

Autenticación y autorización con JWT
Protección de rutas y sesiones de usuario
Gestión de permisos y roles

Sesión 3: Validaciones y manejo de errores

Validaciones en formularios
Manejo global de errores
Estrategias para mejorar la experiencia del usuario

Sesión 4: Gestión de sesiones y almacenamiento

Almacenamiento en LocalStorage y SessionStorage
Tokens de acceso y refresh tokens
Estrategias de logout y expiración de sesión

Módulo 4: Optimización y despliegue del Frontend

Sesión 1: Performance y optimización de Vue.js

Técnicas de optimización de rendimiento
Uso eficiente de reactividad y watchers
Reducción de carga en el renderizado de componentes

Sesión 2: Compilación y configuración con Vite

Configuración de entorno de desarrollo con Vite
Uso de variables de entorno y módulos externos
Configuración avanzada para optimización

Sesión 3: Preparación para producción y despliegue

Configuración de un proyecto para producción
Generación de archivos optimizados
Manejo del dashboard de pedidos
Despliegue en entornos cloud (Vercel, Netlify, Firebase Hosting)

Sesión 4: Monitorización y mantenimiento

Implementación de herramientas de monitoreo
Debugging y troubleshooting en producción
Actualización y mantenimiento de proyectos Vue.js

Profesor

Jorge Sandoval Flores

Arquitecto de soluciones
Especialista Full Stack

Ver más

Proyectos del profesor

Conoce los proyectos realizados por nuestro profesor

Metodología

Aprenderás con un enfoque práctico. Debes revisar los archivos de estudio y participar en las clases. En cada módulo de estudio, rendirás un examen online y desarrollarás una etapa de tu proyecto de implementación de una web y tienda online con la asesoría del profesor en clase. Al finalizar el curso, podrás exponer tu emprendimiento para recibir las recomendaciones finales del profesor.

Certificación

Se entregarán dos certificados del curso:

Certificado por haber participado, otorgado por Andes – Centro de Negocios Tecnológicos.
Certificado por haber aprobado, otorgado por la Universidad San Martín de Porres.

Profesor