Envíanos tu consulta
Términos y condiciones *
logoImagina
iconoCurso

Curso de NodeJS + React JS Avanzado

DISPONIBLE EN MODALIDAD:

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
Aprende NodeJS + React JS Avanzado: Curso completo
¿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 1NodeJS
  • ¿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 2Express
  • ¿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 3Pug
  • Etiquetas
  • Componentes
  • Bucles y Condiciones
  • Uso de Pug en Express
tema 4APIs 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 5Persistencia, 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 6Bases 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 7Autenticació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 8Sesiones y Autenticación con JWT
  • ¿Qué son?
  • Diferencias
  • Ventajas e inconvenientes de cada uno
  • Usos recomendados para cada uno
tema 9Consideraciones 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 10Tests 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 11Logs, 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 12Optimizació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 13Despliegue de aplicación Express
  • Introducción a la computación en la nube
  • En qué consiste el despliegue
  • Despliegue en Netlify
tema 14Introducció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 15Estados globales asíncronos en React JS
  • Alternativas Redux para gestionar la asincronía
  • Redux Sagas
  • Buenas prácticas de uso
tema 16Gestió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 17Performance 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 18Hooks personalizados
  • ¿Es posible crear Hooks personalizados en React JS?
  • Creación de hooks personalizados
  • Usando hooks personalizados
  • Buenas prácticas y recomendaciones
tema 19Notificaciones 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 20Gestió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 21Aplicando 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 22Webpack, 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 23Docker y ReactJS
  • Introducción a Docker
  • Ventajas
  • Instalación
  • Trabajando con React JS y Docker
tema 24Despliegue 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

Formación Bonificada 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