Curso de Desarrollo de SPA / PWA con Vue y Nuxt

Proceso de desarrollo avanzada de una aplicación SPA / PWA con los frameworks Vue y Nuxt
Inscripciones abiertas
Avanzado
10 Clases 17 h (aprox.)
89€
69€
Precio en promoción

Inicio del curso

Martes 07 de mayo

h

Añadir a Google Calendar

Vue es un framework progresivo, que encaja perfectamente tanto para desarrollar componentes en sitios web como aplicaciones completas, en el modelo de SPA / PWA. Por su parte Nuxt.js es la apuesta de la comunidad de Vue para facilitar el desarrollo de proyectos fullstack, que permite mejorar la productividad de los equipos y simplificar notablemente funcionalidades avanzadas como SSR o SSG.

En EscuelaIT hemos abordado estas tecnologías en distintos cursos, explicando sus bases y el funcionamiento de las distintas piezas para desarrollar proyectos. Este curso va un paso más adelante y pretende mostrar el proceso de desarrollo de una aplicación lo más realista posible, de una manera muy práctica. Durante el curso se abordarán aspectos más avanzados del desarrollo de proyectos de aplicaciones frontend y se usará tanto Supabase (alternativa Open Source de Firebase) como un servicio web basado en API REST para implementar funcionalidades esenciales, como autenticación y autorización, persistencia, validaciones, reglas de negocio, etc.

Qué aprenderé en el Curso de Desarrollo de SPA / PWA con Vue y Nuxt

  • Cómo iniciar proyectos con Vue
  • Aplicación del sistema de routing
  • Cómo gestionar las llamadas HTTP a un API REST o servicio web que nos ofrecerá las funcionalidades backend
  • Cómo gestionar todo el proceso de autenticación y autorización de usuarios en las aplicaciones VueJS
  • Integración de componentes de terceros que nos faciliten el proceso de desarrollo de las interfaces comunes
  • Creación de proyectos con Nuxt.js
  • Migración de proyectos desarrollados con Vue a Nuxt

Objetivos del curso

El objetivo de este curso es profundizar en el desarrollo de aplicaciones frontend avanzadas con Vue y Nuxt.js, realizando paso a paso el proceso de construcción de un proyecto realista de aplicación SPA, con todos los ingredientes necesarios en este tipo de aplicaciones (autenticación, acceso a servicios web, dashboard con funciones específicas para los usuarios, etc.).

Es un curso orientado a personas que tengan conocimientos de Vue, ya que el objetivo es más bien la construcción de un proyecto, en lugar de volver a explicar las bases. Obviamente, a lo largo del curso se explicará el proceso de desarrollo y se repasarán conocimientos de los frameworks, pero de una manera ágil, centrándonos más en los aspectos más avanzados y prácticos para el desarrollo de aplicaciones.

Además, en el bloque final del curso se mostrará el proceso de migración del proyecto realizado con Vue a Nuxt. Así los desarrolladores de Vue podrán tener claros cuales son los pasos necesarios para comenzar a usar el framework Nuxt y sacar su mejor partido en las aplicaciones que ya vienen realizando.

Por qué debes aprender Desarrollo avanzado con Vue y Nuxt

Este curso ofrecerá un conocimiento más sólido y avanzado a los desarrolladores de Vue, orientado de una manera especialmente práctica, para la creación de proyectos de aplicaciones frontend modernas. Es un curso ideal para repasar y afianzar conocimientos de Vue.js, a la vez que se aprenden nuevas técnicas aplicadas en el desarrollo de un proyecto realista, con los ingredientes esenciales de las aplicaciones Single Page Applications (SPA).

Además ofrecerá un camino claro para todos aquellos que deseen migrar sus aplicaciones realizadas con Vue a Nuxt, de modo que puedan aplicar a sus proyectos funcionalidades avanzadas gracias al framework fullstack de la comunidad de Vue.

Qué tengo que saber

Para realizar este curso es necesario tener un conocimiento de Javascript sólido y un conocimiento básico o medio del framework progresivo Vue. También puede ser deseable tener algún conocimiento básico de Nuxt.

Clases y contenidos

Desarrollo de SPA / PWA con Vue y Nuxt
  • Introducción al diseño a implementar
  • Stack que usaremos
  • Creación del proyecto y configuración del entorno
Añadir a Google Calendar
Creación de rutas e introducción a la autenticación con JWT
  • Crear rutas auth
  • Crear formulario de registro e inicio de sesión
  • Configuración del token JWT
  • Añadir validación rutas si no estás autenticado
Añadir a Google Calendar
Validación formularios y componentes globales
  • Añadir validación formulario
  • Crear componentes básicos (header, sidebar)
  • Configurar light dark mode
Añadir a Google Calendar
Configuración llamadas HTTP y página proyectos
  • Configurar llamadas HTTP
  • Crear nuevas rutas
  • Recuperación de proyectos
  • Instalación componente externo tabla
Añadir a Google Calendar
CRUD proyectos
  • Crear proyectos
  • Editar proyectos
  • Eliminar proyectos
Añadir a Google Calendar
Página Dashboard y registro datos
  • Crear página dashboard
  • Crear componente modal global
  • Recuperar proyectos
  • Añadir formulario para registro de datos
  • Integrar funcionalidad añadir registro a un proyecto
Añadir a Google Calendar
Mostrar datos registrados en calendario
  • Mostrar listado proyectos con sus registros por día
  • Instalar componente externo calendario
Añadir a Google Calendar
Editar registros y mostrar datos en gráficas
  • Editar registros
  • Instalar librería gráficas
  • Integrar gráfica horas por día y proyecto
  • Repaso de nuevas funcionalidades posibles
Añadir a Google Calendar
Migración de proyectos a Nuxt
  • Crear el proyecto y configurar los paquetes
  • Mover componentes y páginas
Añadir a Google Calendar
Más migración de proyectos a Nuxt
  • Configurar router
  • Cambiar fetching de datos
Añadir a Google Calendar

Cursos que también te pueden interesar

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete