Envíanos tu consulta
Términos y condiciones *
*Si no puedes asistir en directo de facilitaremos un enlace para verlo en diferido
logoImagina
iconoCurso

Curso completo de NextJS

DISPONIBLE EN MODALIDAD:
En este curso completo de NextJS con TypeScript, te sumergirás en el desarrollo avanzado de aplicaciones web modernas. Desde la arquitectura hasta la publicación, explorarás en detalle cómo crear aplicaciones con un enfoque en la modularidad y la eficiencia. A través de lecciones prácticas, aprenderás a configurar y desarrollar proyectos utilizando ECMAScript y TypeScript, crear componentes y páginas, gestionar la autenticación y autorización, trabajar con bases de datos y optimizar el rendimiento. Al finalizar este curso, estarás preparado para diseñar y construir aplicaciones web sofisticadas con NextJS y TypeScript, cumpliendo con los estándares más altos de calidad y eficiencia.
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient
Formación en NextJS bonificable para empresas

¿A quién va dirigido?

Desarrolladores web y programadores con experiencia en JavaScript y TypeScript que deseen adentrarse en el mundo de NextJS y expandir sus habilidades en el desarrollo de aplicaciones web modernas.

Objetivos

  • Adquirir un profundo conocimiento de la arquitectura y patrones de diseño en NextJS
  • Dominar la configuración y desarrollo de aplicaciones usando ECMAScript y TypeScript
  • Aprender a crear y organizar componentes, páginas y rutas en proyectos NextJS
  • Desarrollar habilidades en autenticación, autorización y manejo de bases de datos
  • Dominar las buenas prácticas y estrategias para optimizar el rendimiento y la eficiencia de aplicaciones NextJS

¿Qué vas a aprender?

En este curso completo de NextJS con TypeScript, te sumergirás en el desarrollo avanzado de aplicaciones web modernas. Desde la arquitectura hasta la publicación, explorarás en detalle cómo crear aplicaciones con un enfoque en la modularidad y la eficiencia. A través de lecciones prácticas, aprenderás a configurar y desarrollar proyectos utilizando ECMAScript y TypeScript, crear componentes y páginas, gestionar la autenticación y autorización, trabajar con bases de datos y optimizar el rendimiento. Al finalizar este curso, estarás preparado para diseñar y construir aplicaciones web sofisticadas con NextJS y TypeScript, cumpliendo con los estándares más altos de calidad y eficiencia.

Requisitos

  • Conocimiento previo en el desarrollo de aplicaciones Node con Javascript(ES6 o superior), HTML, CSS y TypeScript
  • Experiencia fundamental en el desarrollo de aplicaciones web y API REST, además de familiaridad con los conceptos de inyección de dependencias y patrones de diseño
  • Tener instalados previamente en el equipo: Node (última versión LTS), NPM, Git y Visual Studio Code, además de contar con una cuenta propia de Github
  • Tener un equipo con acceso a un usuario con permisos de instalación y conexión estable a Internet

Temario del curso

tema 1

Introducción a NextJS

  • Introducción a NextJS
  • Next JS en la actualidad
  • Novedades y diferencias entre Next 12 y Next 13 más destacables
  • Ventajas de usar un enfoque basado en módulos para la organización del código
  • Estructura de un proyecto NextJS: Páginas, Componentes y API Routes
  • Plataformas y lenguajes que pueden aprovechar la arquitectura de NextJS
tema 2

Configuración para Desarrollo con ECMAScript y TypeScript

  • Uso de Babel y TypeScript en NextJS para transpilación
  • Configuración de Babel para admitir ECMAScript y TypeScript
  • Integración de herramientas como ts-node y tsc en el flujo de desarrollo
  • Opciones y ajustes personalizados en el archivo tsconfig.json
tema 3

Creación y Configuración de Componentes y Páginas

  • Detalles sobre cómo crear y organizar componentes y páginas en NextJS
  • Estructura de carpetas y archivos en proyectos NextJS
  • Layout, Páginas y Páginas de error
  • Uso de páginas estáticas, dinámicas y rutas anidadas
  • Definición de dependencias entre componentes y páginas
  • Configuración de estilos globales y locales para el reuso
tema 4

Uso de API Routes en NextJS

  • Creación de API Routes para gestionar la lógica de servidor en NextJS
  • Uso de métodos HTTP y manejo de parámetros de rutas
  • Validación de datos de entrada utilizando esquemas
  • Integración de API Routes con componentes y páginas
  • Implementación de middlewares para pre y post procesamiento
tema 5

Servicios y Dependencias en NextJS

  • Creación de servicios para encapsular la lógica de negocio
  • Inyección de dependencias para conectar componentes y servicios
  • Uso de patrones de diseño como Singleton y Factory
  • Comunicación asincrónica entre servicios utilizando Promesas
  • Implementación de pruebas unitarias y mocks para los servicios
tema 6

Validación y Transformación de Datos

  • Uso de Validación para verificar y transformar los datos entrantes
  • Implementación de Validación personalizada para requisitos específicos
  • Utilización de herramientas de validación como Yup
  • Transformación de datos en objetos de clases y estructuras
  • Personalización de respuestas de error en caso de validación fallida
tema 7

Trabajo con Bases de Datos

  • Integración de bases de datos en NextJS utilizando librerías como Prisma
  • Configuración de conexiones a la base de datos y definición de modelos
  • Creación de funciones para interactuar con los modelos
  • Ejecución de consultas utilizando el Query Builder de Prisma
  • Implementación de servicios de base de datos para la lógica empresarial
tema 8

Autenticación y Autorización

  • Implementación de estrategias de autenticación utilizando librerías como NextAuth.js
  • Configuración de autenticación local y basada en tokens JWT
  • Protección de rutas utilizando autenticación y autorización basada en roles
  • Uso de roles y permisos para gestionar la autorización
  • Personalización de respuestas en caso de autenticación fallida
tema 9

Pruebas Unitarias y de Integración

  • Creación de pruebas unitarias utilizando el framework Jest
  • Uso de fixtures y mocks para simular entornos de prueba
  • Pruebas de servicios, componentes y páginas
  • Pruebas de integración que involucran la base de datos
  • Análisis de cobertura de código y ejecución de pruebas en paralelo
tema 10

Middleware y Logging

  • Creación de middleware para interceptar y manipular solicitudes y respuestas
  • Implementación de middleware para el manejo de errores globales
  • Configuración de logging para registrar eventos relevantes
  • Utilización de loggers para diferentes contextos y niveles de severidad
  • Uso de librerías como Winston para mejorar el registro de logs
tema 11

Caching y Respuestas Cacheadas

  • Integración de sistemas de caché en NextJS, como Memcached o Redis
  • Implementación de caché en componentes y páginas utilizando SWR
  • Estrategias de invalidación y configuración de tiempos de expiración
  • Monitoreo y análisis del rendimiento de caché en la aplicación
  • Implementación de patrones de caché como "Stale-While-Revalidate" o "Cache-Control"
tema 12

Publicación de Aplicaciones en Vercel

  • Preparación de la aplicación NextJS para su despliegue en producción
  • Gestión de variables de entorno para entornos de desarrollo y producción
  • Utilización de la plataforma Vercel para el despliegue de aplicaciones
  • Configuración de scripts de construcción y despliegue automatizado
  • Monitoreo de la aplicación en producción y escalado horizontal
tema 13

Consejos y Buenas Prácticas en NextJS

  • Directrices para estructurar proyectos NextJS de manera efectiva
  • Uso de patrones de diseño como HOCs y Render Props en aplicaciones
  • Estrategias para optimizar el rendimiento y la eficiencia en NextJS
  • Técnicas de manejo de errores y buenas prácticas en la gestión de loggings
  • Recomendaciones para el mantenimiento y escalabilidad de aplicaciones NextJS
tema 14

Proyecto Final: Aplicación Completa con NextJS

  • Diseño y planificación detallada del proyecto final
  • Implementación de una aplicación completa utilizando todos los conceptos aprendidos
  • Integración de bases de datos, autenticación, autorización y otras características
  • Desarrollo de pruebas exhaustivas para garantizar la calidad del proyecto
  • Documentación del proyecto y presentación de resultados al finalizar

Curso de NextJS bonificado para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

 

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE
imagenFundae
iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient