Objetivo General

Desarrollar aplicaciones web modernas integrando interfaces en React con servicios backend construidos en .NET, utilizando APIs RESTful, buenas prácticas de desarrollo y despliegue.

Descargar Ficha PDF Cotizar

Objetivos Específicos

         Construir interfaces dinámicas y responsivas utilizando React.
         Diseñar y desarrollar APIs REST utilizando .NET.
         Integrar frontend y backend asegurando comunicación eficiente y segura.

Módulo 1

        Introducción al desarrollo Full Stack con React y .NET
        Contenidos:
        Arquitectura de aplicaciones web modernas.
        Concepto de frontend y backend.
        Introducción a React y .NET.
        Herramientas de desarrollo (Node.js, Visual Studio, VS Code).
        Configuración del entorno de trabajo.
        Actividad Práctica: Instalación y configuración del entorno de desarrollo.

Módulo 2

        Fundamentos de JavaScript moderno (ES6+)
        Contenidos:
        Variables, funciones y scope.
        Arrow functions y template literals.
        Destructuring y spread operator.
        Manejo de promesas y async/await.

Módulos en JavaScript.

        Actividad Práctica: Desarrollo de scripts utilizando ES6+.

Módulo 3

        Introducción a React
        Contenidos:
        Concepto de SPA (Single Page Application).
        Componentes y JSX.
        Props y State.
        Ciclo de vida de componentes.
        Estructura de un proyecto React.
        Actividad Práctica: Creación de una aplicación básica en React.

Módulo 4

        Gestión de estado y hooks en React
        Contenidos:
        Uso de useState y useEffect.
        Manejo de eventos.
        Hooks personalizados.
        Context API.
        Buenas prácticas en gestión de estado.
        Actividad Práctica: Implementación de funcionalidades dinámicas con hooks.

Módulo 5

        Consumo de APIs en React
        Contenidos:
        Uso de fetch y axios.
        Manejo de respuestas HTTP.
        Gestión de errores.
        Carga de datos y renderizado dinámico.
        Buenas prácticas de consumo de APIs.
        Actividad Práctica: Integración de una API pública en aplicación React.

Módulo 6

        Fundamentos de .NET para desarrollo backend
        Contenidos:
        Introducción a .NET y ASP.NET Core.
        Estructura de proyectos.
        Controladores y rutas.
        Inyección de dependencias.
        Configuración básica de API.
        Actividad Práctica: Creación de una API básica en .NET.

Módulo 7

        Desarrollo de APIs REST con .NET
        Contenidos:
        Principios REST.
        Métodos HTTP (GET, POST, PUT, DELETE).
        Modelos y DTOs.
        Validaciones.
        Serialización de datos.
        Actividad Práctica: Desarrollo de endpoints CRUD.

Módulo 8

        Persistencia de datos
        Contenidos:
        Introducción a bases de datos.
        Entity Framework Core.
        Migraciones.
        Consultas LINQ.
        Relaciones entre entidades.
        Actividad Práctica: Conexión de API con base de datos.

Módulo 9

        Integración React con API .NET
        Contenidos:
        Consumo de API propia.
        Gestión de estados con datos remotos.
        Autenticación básica.
        Manejo de CORS.
        Flujo completo frontend-backend.
        Actividad Práctica: Integración completa de aplicación.

Módulo 10

        Autenticación y seguridad
        Contenidos:
        Conceptos de autenticación y autorización.
        JWT (JSON Web Tokens).
        Protección de rutas en React.
        Seguridad en APIs.
        Buenas prácticas de seguridad.
        Actividad Práctica: Implementación de login con JWT.

Módulo 11

        Despliegue de aplicaciones
        Contenidos:
        Build de aplicaciones React.
        Publicación de APIs .NET.
        Servicios de hosting (Azure, IIS).
        Configuración de entornos.
        Buenas prácticas de despliegue.
        Actividad Práctica: Despliegue de aplicación full stack.

Módulo 12

        Proyecto final
        Contenidos:
        Diseño de solución completa.
        Integración de todos los componentes.
        Pruebas y validación.
        Documentación del proyecto.
        Presentación final.
        Actividad Práctica: Desarrollo de proyecto full stack funcional.