Envíanos tu consulta

Buscar cursos

Catálogo 2024

¡Últimas plazas!Cursos Servicios FUNDAE Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Cursos/Cursos de Desarrollo Web/Curso Desarrollo Fullstack MERN

Curso completo de Desarrollo Fullstack MERN

DISPONIBLE EN MODALIDAD:

Aula Virtual Personalizada

Aprende a crear y estandarizar aplicaciones web Fullstack con MongoDB como base de datos no-sql, Express como solución backend de web APIs y React como SPA frontend

Formación en Desarrollo Fullstack MERN bonificable para empresas

¿A quién va dirigido?

Desarrolladores web que quieran aprender a crear aplicaciones web Fullstack con MongoDB como base de datos no-sql, Express como solución backend de web APIs y React como SPA frontend

Objetivos

Aprender a desarrollar aplicaciones web completas bajo el stack MERN (Mongo, Express, React y Node)
Aprender los fundamentos del desarrollo, enrutado y configuraciones de seguridad de Web Apis con Express y Node
Aprender los fundamentos del desarrollo de aplicaciones frontend React
Aprender a estandarizar los desarrollos en MERN y garantizar mantenimiento, extensibilidad y documentación
Aprender a realizar builds para diferentes entornos y a gestionar despliegues

¿Qué vas a aprender?

Aprende a crear y estandarizar aplicaciones web Fullstack con MongoDB como base de datos no-sql, Express como solución backend de web APIs y React como SPA frontend

Requisitos

Es necesario tener experiencia y conocimientos en HTML, CSS y Javascript (ES6 o posteriores) y Typescript
Tener instalado previamente en el equipo: NodeJS en la versión LTS, NPM en su última versión, GIT, Docker Desktop y Visual Studio Code
Contar con una cuenta Github en la que poder alojar proyectos y automatizar despliegues con Vercel
Disponer de un equipo con acceso a un usuario con permisos suficientes de instalación y conexión estable a Internet

Temario del curso

tema 1

Introducción a Node.js y Express.js

Características y ventajas de Node.js y Express.js
Instalación de Node.js y configuración del entorno de desarrollo
Configuración de TypeScript para utilizarlo con Express.js
Uso de typings para mejorar la experiencia de desarrollo
Compilación y ejecución de código TypeScript en Express.js

tema 2

Rutas y controladores en Express.js

Definición y configuración de rutas en Express.js
Implementación de controladores para manejar las peticiones a las rutas
Uso de middlewares en Express.js para la manipulación de las solicitudes
Middleware de registro de solicitudes y respuestas
Middleware de manejo de errores
Middleware de autenticación

tema 3

Introducción a Mongo

Instalación y configuraciones esenciales de MongoDB
Puesta en marcha e inicialización de servidores de MongoDB
Inicialización de clientes de MongoDB: Mongo Shell y Mongo Compass
Creación de bases de datos en MongoDB
Creación de colecciones en MongoDB
Creación de documentos en MongoDB
Esquemas de validación de documentos en MongoDB
Creación de índices en MongoDB

tema 4

Modelado de datos con MongoDB en Proyectos Express

Introducción a MongoDB y su integración con Express.js.
Conexión desde Express a través de Mongoose
Configuración de la conexión a la base de datos MongoDB
Definición y manipulación de esquemas y modelos de datos utilizando Mongoose
Definición de esquemas de datos
Creación de modelos de datos
Consultas y operaciones CRUD con Mongoose

tema 5

Sistema CRUD completo con Express.js y MongoDB

Implementación de las operaciones CRUD (Crear, Leer, Actualizar, Eliminar) utilizando Express.js y MongoDB
Creación de rutas y controladores para cada operación CRUD
Validación y sanitización de datos en las operaciones CRUD
Implementación de paginación y ordenamiento en las consultas

tema 6

Documentación de la Web API con Swagger

Integración de Swagger en una API desarrollada con Express.js
Definición de endpoints, parámetros y respuestas en Swagger
Generación automática de la documentación de la API
Personalización de la documentación de la API con Swagger UI

tema 7

Publicación de la API en Vercel

Configuración y despliegue de la API en la plataforma de Vercel
Uso de variables de entorno para gestionar la configuración en Vercel
Configuración de dominio personalizado para la API en Vercel

tema 8

Seguridad y autenticación en Express.js

Implementación de métodos de autenticación, como JWT (JSON Web Tokens) y OAuth
Configuración de middleware de seguridad para proteger las rutas
Uso de librerías y paquetes populares para la gestión de la seguridad en Express.js
Uso de JWT para la autenticación basada en tokens
Configuración de OAuth con proveedores externos
Validación de permisos y roles de usuario

tema 9

Componentes en React

Concepto de componentes en React
Creación de componentes funcionales y de clase
Propiedades (props) en React y su paso entre componentes
Estado (state) en React y su manejo en componentes de clase
Ciclo de vida de los componentes de clase en React

tema 10

Renderizado condicional en React

Uso de condicionales para renderizar contenido de manera condicional en React
Renderizado condicional utilizando el operador ternario
Renderizado condicional utilizando el método map() y arrays de componentes

tema 11

Manipulación de eventos en React

Manejo de eventos en React
Uso de event handlers para manejar eventos en componentes
Pasar parámetros a los event handlers en React
Prevención del comportamiento por defecto de los eventos en React

tema 12

Uso de Hooks en React

Introducción a los Hooks en React
Uso del Hook useState para gestionar el estado en componentes funcionales
Uso del Hook useEffect para manejar efectos secundarios en componentes funcionales
Otros Hooks útiles en React: useContext, useReducer, useMemo, useCallback, useRef, etc.

tema 13

Navegación en React con React Router

Configuración de enrutamiento en una aplicación de React utilizando React Router
Creación de rutas y navegación entre ellas en React Router
Uso de parámetros en las rutas de React Router
Uso de rutas anidadas en React Router
Protección de rutas y autenticación con React Router

tema 14

Consumo de API en React

Realización de peticiones HTTP desde una aplicación de React utilizando la API Fetch o librerías como Axios
Uso de useEffect para cargar datos desde una API en React
Manipulación de los datos obtenidos de una API en React
Actualización del estado de la aplicación al recibir los datos de una API en React
Introducción a React Query

tema 15

Gestión de formularios en React

Creación de Formularios con Formik y manipulación de formularios en una aplicación
Uso del estado (state) en los componentes de formularios
Captura de datos ingresados por el usuario en formularios
Validación de formularios en React con Yup

tema 16

Estilos en React con CSS

Uso de estilos CSS en aplicaciones de React
Estilos en línea (inline styles) en React
Uso de clases CSS y hojas de estilos externas en React
Uso de librerías y frameworks de estilos populares en React: Material UI, PrimeReact o Chakra

tema 17

Eslint en React

Configuración y uso de Eslint en proyectos React
Uso de reglas y plugins para garantizar la calidad del código
Uso de reglas predefinidas y personalizadas en Eslint
Integración de Eslint con el flujo de trabajo de desarrollo

tema 18

Variables de entorno en React

Configuración y uso de variables de entorno en proyectos React
Uso de diferentes entornos (desarrollo, producción, etc.) en React
Configuración de variables de entorno en React
Uso de diferentes archivos de variables de entorno para diferentes entornos
Acceso a variables de entorno en la aplicación React

tema 19

Builds y despliegues en React

Generación de builds optimizados para producción en React
Configuración y despliegue de una aplicación React en diferentes entornos (local, servidor, Vercel, etc.)
Generación de un build optimizado para producción en React
Configuración de diferentes entornos de despliegue
Despliegue de la aplicación React en diferentes entornos

tema 20

Seguridad en aplicaciones MERN

Consideraciones de seguridad en el desarrollo de aplicaciones MERN
Uso de buenas prácticas para prevenir vulnerabilidades comunes
Implementación de medidas de protección, como validación de datos, autenticación y autorización
Implementación de medidas de seguridad en la API desarrollada con Express.js
Uso de buenas prácticas de seguridad en el desarrollo de la aplicación React

tema 21

Accesibilidad en aplicaciones MERN

Importancia de la accesibilidad en el desarrollo web
Implementación de técnicas y estándares de accesibilidad en aplicaciones MERN
Uso de herramientas y validadores para garantizar la accesibilidad
Implementación de prácticas de accesibilidad en la interfaz de usuario desarrollada con React
Uso de herramientas y validadores de accesibilidad para mejorar la experiencia del usuario

tema 22

Actualización de versiones en MERN

Métodos y enfoques para actualizar las diferentes tecnologías del stack MERN
Consideraciones al actualizar las versiones de Node.js, Express.js, React y MongoDB
Pruebas y verificación de compatibilidad al realizar actualizaciones
Consideraciones y pasos para actualizar las diferentes tecnologías del stack MEAN
Pruebas y verificación de compatibilidad al actualizar las versiones

tema 23

Lazy Loading en React

Uso de lazy loading en React para cargar módulos bajo demanda
Implementación de lazy loading en la configuración de rutas de React
Carga diferida de módulos para mejorar el rendimiento de la aplicación

tema 24

Monorepo con NX

Configuración y ventajas del enfoque de Monorepo utilizando NX
Organización y gestión de proyectos en un entorno de Monorepo
Configuración de un Monorepo utilizando NX
Creación y gestión de proyectos en un entorno de Monorepo
Compartir código y funcionalidades entre proyectos en un Monorepo

tema 25

Proyecto Final: Desarrollo de una aplicación MERN completa

Diseño y planificación de una aplicación web utilizando el stack MEAN
Implementación de una interfaz de usuario utilizando React
Desarrollo de la API en Express.js y MongoDB
Integración de la API con la interfaz de usuario en React
Implementación de funcionalidades avanzadas, como autenticación, autorización, etc
Despliegue de la aplicación en un entorno de producción: Vercel

Testimonios de nuestros clientes

“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.”

“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.”

Curso de Desarrollo Fullstack MERN 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

Contáctanos

¿Qué formación necesitas?

En Imagina llevamos más de 14 años ofreciendo formación para empresas, estamos especializados en el área técnica y de ofimática, adaptando nuestras formaciones a vuestras necesidades. Déjanos tus datos, y nos pondremos en contacto contigo para informarte sobre el curso que mejor se ajuste a lo que buscas. Cuéntanos tus necesidades y podremos asesorarte sobre la modalidad que mejor se adapte: Curso Online o Aula Virtual Personalizada