Envíanos tu consulta
Términos y condiciones *
*Si no puedes asistir en directo de facilitaremos un enlace para verlo en diferido
logoImagina
Catálogo 2024
¡Últimas plazas!CursosServiciosFUNDAEPlataforma LMS
Solicitar información
Cursos/Cursos de Desarrollo Web/Curso NodeJS + React JS Avanzado
iconoCurso

Curso completo de NodeJS + React JS Avanzado

DISPONIBLE EN MODALIDAD:
aMedidaIcon
Aula Virtual Personalizada
arrowRightDark

En este curso de Desarrollo Web Avanzado con NodeJS y React JS aprenderás a desarrollar aplicaciones robustas, estables y ligeras.

Además, comprenderás cómo gestionar el estado de la aplicación de una manera efectiva haciendo uso de los hooks de React JS. Realizarás builds con Webpack y Babel y conseguirás desplegar tus aplicaciones React JS y NodeJS en entornos como Netlify.

Por otro lado, aprenderás como realizar la conexión a una base de datos en la aplicación y también realizar tests para comprobar que tu aplicación funcione perfectamente.

iconClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClienticonClient
Formación en NodeJS + React JS Avanzado bonificable para empresas

¿A quién va dirigido?

Desarrolladores frontend y backend que quieran profundizar en los conceptos esenciales para crear aplicaciones robustas y con gestión automatizada de ejecución de pruebas y despliegues haciendo uso tanto de ReactJS como de NodeJS con ExpressJS.

Objetivos

  • El objetivo de la formación es alcanzar un conocimiento avanzado de React JS y NodeJS con ExpressJS que contribuya a la creación de Apps robustas, estables y ligeras.
  • Aprender a gestionar el estado de la aplicación con Hooks.
  • Aprender a realizar builds con Webpack y Babel y desarrollar bajo reglas EsLint.
  • Aprender a desplegar aplicaciones React JS y NodeJS en entornos de producción
  • Adquirir las bases en desarrollo backend con NodeJS.

¿Qué vas a aprender?

En este curso de Desarrollo Web Avanzado con NodeJS y React JS aprenderás a desarrollar aplicaciones robustas, estables y ligeras. Además, comprenderás cómo gestionar el estado de la aplicación de una manera efectiva haciendo uso de los hooks de React JS. Realizarás builds con Webpack y Babel y conseguirás desplegar tus aplicaciones React JS y NodeJS en entornos como Netlify. Por otro lado, aprenderás como realizar la conexión a una base de datos en la aplicación y también realizar tests para comprobar que tu aplicación funcione perfectamente.

Requisitos

  • Es necesario tener conocimientos básicos en JavaScript.
  • Tener experiencia desarrollando aplicaciones con React JS o haber realizado el curso de React JS Intermedio de Imagina Formación.
  • Disponer de un equipo con acceso a un usuario con permisos de instalación.
  • Tener npm instalado localmente en su última versión LTS.
  • Se recomienda tener Visual Studio Code instalado con los plugins adecuados para desarrollar con React JS y NodeJS.

Temario del curso

tema 1

NodeJS

  • ¿Qué es NodeJS?
  • Instalación de NodeJS
  • Entorno de desarrollo y editor
  • Debugging
  • NPM y packages
  • Módulos de NodeJS más comunes: HTTP, Filesystem, Path
  • Creación y utilización de nuestros propios módulos
tema 2

Express

  • ¿Qué es Express?
  • Instalación y puesta en marcha
  • Enrutamiento
  • Estructura de proyectos Express
  • Distintos formatos de respuesta: texto, JSON, HTML
  • Middleware
  • Recibiendo datos del cliente
  • Errores y su manejo
  • Códigos de respuesta HTTP
tema 3

Pug

  • Etiquetas
  • Componentes
  • Bucles y Condiciones
  • Uso de Pug en Express
tema 4

APIs REST

  • ¿Qué es una API REST?
  • Métodos HTTP 2.0 y formatos de respuesta
  • Estructura de una API REST
  • Creación con NodeJS y Express
  • Interacción con APIs REST externas
tema 5

Persistencia, bases de datos NoSQL

  • Ficheros
  • Introducción a bases de datos no relacionales
  • Instalación y configuración de MongoDB
  • Operaciones CRUD en MongoDB
  • Validación y modelado de datos
  • ¿Qué es un ODM? Ventajas e inconvenientes
  • Utilización de un ODM (Mongoose)
tema 6

Bases de datos relacionales - PostgreSQL

  • Introducción a bases de datos relacionales
  • Instalación y configuración PostgreSQL
  • Operaciones CRUD en PostgreSQL
  • ¿Qué es un ORM? Ventajas e inconvenientes.
  • Utilización de un ORM (Sequelize)
tema 7

Autenticación y autorización

  • Introducción y diferenciación entre ambas
  • Autenticación manual con usuario y contraseña
  • PassportJS y estrategias más comunes
  • Ejemplo de autorización
tema 8

Sesiones y Autenticación con JWT

  • ¿Qué son?
  • Diferencias
  • Ventajas e inconvenientes de cada uno
  • Usos recomendados para cada uno
tema 9

Consideraciones de seguridad en aplicaciones NodeJS

  • HTTPS
  • Módulos vulnerables y desactualizados
  • Ataques de fuerza bruta
  • Inyección y filtrado de input de usuario
  • Uso seguro de cookies y ataques CSRF
tema 10

Tests automáticos con Jest

  • Introducción a los tests e instalación de Jest
  • Tests unitarios para nuestros módulos con lógica de negocio
  • Tests unitarios para nuestros controladores
  • Tests de integración para nuestra API
tema 11

Logs, health checks y monitorización

  • Emisión de logs desde nuestra aplicación
  • Herramientas de análisis de logs: Loggly
  • ¿Qué son los health checks?
  • Creación de health checks para aplicaciones NodeJS
  • Herramientas para monitorización de recursos y rendimiento
tema 12

Optimización y automatización

  • Optimización y ejecución
  • Compresión y renderización
  • Caching
  • ¿Qué es y quién usa Grunt?
  • Instalación
  • Gruntfile
  • Contrib
tema 13

Despliegue de aplicación Express

  • Introducción a la computación en la nube
  • En qué consiste el despliegue
  • Despliegue en Netlify
tema 14

Introducción a la gestión del estado en React JS

  • El estado de la aplicación
  • Problemática en React para persistir datos entre componentes
  • Introducción a Redux
  • Instalación y configuraciones previas
  • Herramienta Redux DevTools
  • Aplicación práctica para asentar los conceptos
  • Buenas prácticas
tema 15

Estados globales asíncronos en React JS

  • Alternativas Redux para gestionar la asincronía
  • Redux Sagas
  • Buenas prácticas de uso
tema 16

Gestión del estado con Hooks de React JS

  • ¿Qué es la Context API?
  • Diferencias clave entre la Context API y Redux
  • Hook useContext
  • Estructuración del proyecto para utilizar el contexto
  • Trabajando con varios contextos y providers
  • Hook useReducer
  • Debate acerca de cuál es la solución más adecuada
tema 17

Performance en nuestras aplicaciones React JS

  • ¿Qué es la performance de una aplicación?
  • ¿Por qué es necesario controlarla?
  • React Memo
  • Hook useMemo
  • Hook useCallback
  • Hook useEffect dentro de la performance
  • Introducción a los ServiceWorkers y las PWAs
  • Creando una PWA en React JS
tema 18

Hooks personalizados

  • ¿Es posible crear Hooks personalizados en React JS?
  • Creación de hooks personalizados
  • Usando hooks personalizados
  • Buenas prácticas y recomendaciones
tema 19

Notificaciones Push

  • Introducción a las notificaciones Push
  • Instalaciones necesarias
  • Generación de claves
  • Creación de un pequeño servidor
  • Creación de servicio de suscripción
  • Generación de notificaciones
  • Envío de notificaciones al cliente
  • Desplegando servicio de suscripción
  • Conectando la aplicación React
  • Obteniendo notificaciones
tema 20

Gestión de builds en React JS

  • Script de React para gestionar la build
  • Carpeta de destino de la build
  • Build para diferentes entornos
  • Variables de entorno en proyectos React
  • Haciendo uso de las variables de entorno
tema 21

Aplicando testing en React JS

  • Introducción al testing
  • Tipos de testing y sus diferencias
  • Introducción a Jest
  • Instalación y configuraciones previas
  • Test Cases, Matchers y Spies en Jest
  • Trabajando con Mocking en Jest
  • Testing de componentes en React
  • Testing de integración en React
  • Buenas prácticas en el testing e introducción a la TDD
tema 22

Webpack, Babel y ESLint aplicado a React JS

  • Introducción a WebPack, Babel y ESLint
  • Introducción a DocumentationJS y Flow
  • Creación de un proyecto node desde cero
  • Instalación de Webpack, Babel y ESLint
  • Configuraciones previas
  • Instalación de DocumentationJS
  • Ejemplos de documentación
  • Instalación de Flow
  • Configuraciones y ejemplos de uso de Flow
  • Configuración de Scripts
  • Instalaciones necesarias de React
  • Configuraciones necesarias de React
tema 23

Docker y ReactJS

  • Introducción a Docker
  • Ventajas
  • Instalación
  • Trabajando con React JS y Docker
tema 24

Despliegue de la aplicación React JS

  • Introducción al despliegue de aplicaciones
  • Publicando el proyecto en GitLab
  • Introducción a Netlify
  • Despliegue del proyecto en Netlify
  • Integración continua con GitLab CI

Testimonios de nuestros clientes

icon

“Empecé a formarme recientemente con ellos y estoy muy sorprendido de la metodología y la calidad de los contenidos. He hecho varios cursos online con otros proveedores pero con ninguno he terminado tan satisfecho como con Imagina.”

icon
icon

“Mi empresa contrató un Aula Virtual Personalizada con Imagina, después de tener malas experiencias con otras academias y nos sorprendió la profesionalidad con la que trabajan. Hicimos 3 reuniones técnicas con Martín antes de empezar la formación y quedamos encantados con el resultado, sin duda repetiremos.”

icon

Curso de NodeJS + React JS Avanzado 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
footer
¿Qué es FUNDAE?
icon
¿Cómo funciona FUNDAE?
icon
¿Cómo se bonifica un curso?
icon
Aulas Virtuales Personalizadas
¿Quieres formar a un grupo de trabajadores con temario a medida? ¡Esta es tu modalidad!

¡Me interesa!

Catálogo de cursosLos mejores cursos de Big DataLos mejores cursos de Desarrollo WebLos mejores cursos de Desarrollo MóvilLos mejores cursos de Bases de DatosLos mejores cursos de Machine LearningLos mejores cursos de ERP y CMSLos mejores cursos de LenguajesLos mejores cursos de Google WorkspaceLos mejores cursos de Clean codeLos mejores cursos de Productividad
Información de interésE-Learning FUNDAEConócenosClientesOpinionesMetodologíaCategoríasTutoriales
SoporteFAQFUNDAEContacto
Política de privacidadPolítica de cookies
© 2024 Imagina, Imagina Group. Todos los derechos reservados