Portada del curso Desarrollando Aplicaciones en React 19 y ASP.NET Core 9

Curso en línea

Desarrollando Aplicaciones en React 19 y ASP.NET Core 9

Utiliza React, ASP.NET Core, Entity Framework Core, Bootstrap, JWT, Leaflet, para crear una aplicación completa

Impartido por Felipe Gavilán

Opciones de acceso

Elige cómo quieres aprender

Compra este curso una sola vez o accede al catálogo completo mediante una suscripción.

Pago único

Compra individual

$9.99 USD

  • Acceso permanente a este curso.
  • El curso permanece en tu biblioteca.
  • Sin renovación automática.
Comprar este curso
Acceso a todo el catálogo

Acceso Total

Desde US$8.08/mes

Con facturación anual de US$97.00

  • Acceso a todos los cursos de la plataforma.
  • Todo el contenido disponible mientras la suscripción esté vigente.
  • Renovación automática con una periodicidad trimestral o anual.
Ver opciones de suscripción

Detalles del curso

Nivel
Intermedio
Duración aproximada
17 h 56 min
Contenido
189 clases
Actualizado

Herramientas que utilizarás

Tecnologías y versiones

  • .NET Versión 9
  • React Versión 19

Sobre este curso

Una ruta práctica y directa

Con ASP.NET Core podemos desarrollar Web APIs utilizando C#. Con React puedes crear aplicaciones web modernas que son flexibles. En este curso usaremos ambas herramientas para crear un proyecto. Haremos una aplicación con su base de datos, sistema de usuarios, back-end y UI, donde pondrás en práctica los conceptos aprendidos en el curso. Iremos paso a paso, tanto en el desarrollo del front-end con React, como con el back-end en ASP.NET Core. Puedes tomar este curso sin tener demasiados conocimientos de ambas tecnologías. De hecho, te enseño lo básico de estas tecnologías a lo largo del curso. Al final vamos a publicar nuestra aplicación de Reacty nuestra aplicación de ASP.NET Core. Algunos de los temas que veremos: - Desarrollo de Web APIs con ASP.NET Core - Base de datos en SQL Server utilizando Entity Framework Core - Sistema de usuarios con Json Web Tokens (JWT) - Desarrollo de una aplicación de página única (SPA) con React - Creación de formularios en React - Uso de React Hooks y creación de Hooks personalizados - Realizar peticiones HTTP desde React hacia ASP.NET Core usando Axios - Uso de componentes de componentes de terceros - Uso de mapas con leaflet - Guardar datos espaciales en una base de datos con NetTopologySuite - Permitir a los usuarios subir imágenes para ser guardadas en Azure Storage o localmente Al terminar este curso tendrás conocimientos suficientes para enfrentar retos de desarrollo que involucren aplicaciones de ASP.NET Core y React.

Contenido del curso

Currículo completo

10 secciones 189 clases

Sección 1 Introducción 14 clases
  1. Introducción Vista previa gratis
  2. ¿Qué es React? Vista previa gratis
  3. Introducción a ASP.NET Core Vista previa gratis
  4. Front-End vs Back-End Vista previa gratis
  5. ¿Qué es TypeScript? Vista previa gratis
  6. Instalando Node y NVM Vista previa gratis
  7. ¿Qué es Vite? Contenido restringido
  8. Instalando Visual Studio Contenido restringido
  9. Instalando .NET y VS Code Contenido restringido
  10. Instalando SQL Server Contenido restringido
  11. Creando la Aplicación de React Contenido restringido
  12. Creando el Web API con Visual Studio Contenido restringido
  13. Creando el Web API con Visual Studio Code Contenido restringido
  14. Resumen Contenido restringido
Sección 2 Repaso de JavaScript 15 clases
  1. Introducción Contenido restringido
  2. Creando el Proyecto Contenido restringido
  3. Módulos en JavaScript Contenido restringido
  4. Variables: let y const Contenido restringido
  5. Funciones Flecha Contenido restringido
  6. Plantillas de Cadenas (Template strings) Contenido restringido
  7. Operador Ternario Contenido restringido
  8. Literales de Objetos Mejorada Contenido restringido
  9. Destructurar Contenido restringido
  10. Operador Spread Contenido restringido
  11. Clases Contenido restringido
  12. Función map de Arreglos Contenido restringido
  13. Promesas y Async/Await (Programación Asíncrona) Contenido restringido
  14. Debugger Contenido restringido
  15. Resumen Contenido restringido
Sección 3 Primeros Pasos Con React 25 clases
  1. Introducción Contenido restringido
  2. Explorando Nuestro Proyecto Contenido restringido
  3. React vs HTML Contenido restringido
  4. Estudiando la Estructura de un Componente Contenido restringido
  5. Componentes Funcionales vs de Clases Contenido restringido
  6. Introducción a JSX Contenido restringido
  7. React.Fragment Contenido restringido
  8. Expresiones en JSX Contenido restringido
  9. CSS en React Contenido restringido
  10. Eventos en React Contenido restringido
  11. Estados y React Hooks Contenido restringido
  12. React Hooks: useState Contenido restringido
  13. Componente Hijo: Props Contenido restringido
  14. Pasando Contenido Como Parámetro Contenido restringido
  15. Mostrando Contenido de Manera Dinámica Contenido restringido
  16. Repitiendo Contenido usando Map Contenido restringido
  17. Comunicación Hijo a Padre Contenido restringido
  18. Introducción a useEffect Contenido restringido
  19. Ejemplo de useEffect Contenido restringido
  20. React Hooks: useContext Contenido restringido
  21. React Hooks: useMemo Contenido restringido
  22. Un Segundo Ejemplo de Memo Contenido restringido
  23. React Hooks: useCallback Contenido restringido
  24. Manejando Errores con Error Boundaries Contenido restringido
  25. Resumen Contenido restringido
Sección 4 Aplicando lo Aprendido en Nuestro Proyecto 9 clases
  1. Introducción Contenido restringido
  2. Limpieza Contenido restringido
  3. Mostrando una Película Contenido restringido
  4. Listado de Películas Contenido restringido
  5. Esperando el Listado de Películas Contenido restringido
  6. Listado Genérico Contenido restringido
  7. Componente Cargando Contenido restringido
  8. Instalando Bootstrap Contenido restringido
  9. Resumen Contenido restringido
Sección 5 Ruteo 9 clases
  1. Introducción Contenido restringido
  2. Creando el Componente de Menú Contenido restringido
  3. Utilizando React Router - Navegando con NavLinks Contenido restringido
  4. Guardando las Rutas en Otro Archivo Contenido restringido
  5. Creando Las Páginas del Proyecto Contenido restringido
  6. Navegando con JavaScript Contenido restringido
  7. Parámetros en la URL Contenido restringido
  8. Manejando Rutas no Encontradas Contenido restringido
  9. Resumen Contenido restringido
Sección 6 Formularios 20 clases
  1. Introducción Contenido restringido
  2. Creando Nuestro Primer Formulario Contenido restringido
  3. Validando con Yup Contenido restringido
  4. Deshabilitando el Botón Enviar Contenido restringido
  5. Validaciones Personalizadas con Yup Contenido restringido
  6. Editando Géneros Contenido restringido
  7. Componente de Filtro de Películas Contenido restringido
  8. Formulario de Actores Contenido restringido
  9. Validando Nuestro Formulario de Actores Contenido restringido
  10. Componente de Selección de Archivos Contenido restringido
  11. Formulario de Cines Contenido restringido
  12. Introducción a Leaflet Contenido restringido
  13. Integrando Leaflet a nuestro Formulario Contenido restringido
  14. Formulario de Películas Contenido restringido
  15. Componente de Selección Múltiple Contenido restringido
  16. Seleccionando Múltiples Cines Contenido restringido
  17. Creando el Componente de Typeahead Contenido restringido
  18. Seleccionando Múltiples Actores Contenido restringido
  19. Arrastrando Elementos Dentro de Una Lista Contenido restringido
  20. Resumen Contenido restringido
Sección 7 ASP.NET Core - Fundamentos 22 clases
  1. Introducción Contenido restringido
  2. Preparando un Repositorio de Pruebas Contenido restringido
  3. Controladores y Acciones Contenido restringido
  4. Métodos Post, Put y Delete Contenido restringido
  5. Recibiendo un Parámetro en una Acción Contenido restringido
  6. Reglas de Ruteo Contenido restringido
  7. Tipos de Datos de Retorno de una Acción Contenido restringido
  8. Programación Asíncrona Contenido restringido
  9. Introducción al Caché Contenido restringido
  10. Middlewares Contenido restringido
  11. Introducción al Model Binding Contenido restringido
  12. Validando Modelos Contenido restringido
  13. Otras Validaciones por Defecto Contenido restringido
  14. Validaciones Personalizadas - Por Atributo Contenido restringido
  15. Validaciones Personalizadas - En el Controlador Contenido restringido
  16. Inyección de Dependencias Contenido restringido
  17. Utilizando el Principio de Inversión de Dependencias Contenido restringido
  18. Tiempo de Vida de los Servicios Contenido restringido
  19. Usando un Singleton Para Nuestro Repositorio Contenido restringido
  20. Limpiando el Caché Contenido restringido
  21. Proveedores de Configuración Contenido restringido
  22. Resumen Contenido restringido
Sección 8 HTTP y Bases de Datos 54 clases
  1. Introducción Contenido restringido
  2. Limpiando el Back-End Contenido restringido
  3. Axios Contenido restringido
  4. CORS Contenido restringido
  5. Evitando Hardcodear la URL Contenido restringido
  6. Instalando EF Core Contenido restringido
  7. Creando la Base de Datos Contenido restringido
  8. Creando Géneros - Back-End Contenido restringido
  9. Creando Géneros - React Contenido restringido
  10. Mostrar Errores del Web API Contenido restringido
  11. DTOs Contenido restringido
  12. Índice de Géneros - Back-End Contenido restringido
  13. Índice de Géneros - React Contenido restringido
  14. Paginando - Back-End Contenido restringido
  15. Ordenando los Registros - Back-End Contenido restringido
  16. Paginando - React Contenido restringido
  17. Hook Personalizado Contenido restringido
  18. Editando Géneros - Back-End Contenido restringido
  19. Editando Géneros - React Contenido restringido
  20. Borrando Géneros - Back-End Contenido restringido
  21. Borrando Géneros - React Contenido restringido
  22. Entidad Actor Contenido restringido
  23. Creando Actores - React Contenido restringido
  24. Preparando el Terreno Para Salvar Imágenes Contenido restringido
  25. Salvando Imágenes en Azure Storage Contenido restringido
  26. Salvando Imágenes Localmente Contenido restringido
  27. Índice de Actores - Back-End Contenido restringido
  28. Índice de Actores - React Contenido restringido
  29. Editar Actores - Back-End Contenido restringido
  30. Editar Actores - React Contenido restringido
  31. Borrar Actores - Back-End Contenido restringido
  32. Borrar Actores - React Contenido restringido
  33. Componente Índice Entidad Contenido restringido
  34. Controlador Base - Obteniendo Entidades Paginadas Contenido restringido
  35. Controlador Base - Obteniendo una Entidad por su Id Contenido restringido
  36. Controlador Base - Crear, Actualizar y Borrar Contenido restringido
  37. Entidad Cines Contenido restringido
  38. CRUD Cines - Back-End Contenido restringido
  39. CRUD Cines - React Contenido restringido
  40. Entidad Películas Contenido restringido
  41. Creando Películas - Back-End Contenido restringido
  42. Custom Model Binding Contenido restringido
  43. Creando Películas - React Contenido restringido
  44. Terminando el Componente de Selección de Actores Contenido restringido
  45. Obteniendo Películas - Back-End Contenido restringido
  46. Landing Page - React Contenido restringido
  47. Editar Películas - Back-End Contenido restringido
  48. Editar Películas - React Contenido restringido
  49. Borrar Películas Contenido restringido
  50. Detalle Películas - React Contenido restringido
  51. Completando el Componente de Filtro de Películas - Back-End Contenido restringido
  52. Completando el Componente de Filtro de Películas - React Contenido restringido
  53. Simplificando Nuestro Componente de Filtro de Películas Contenido restringido
  54. Resumen Contenido restringido
Sección 9 Seguridad 17 clases
  1. Introducción Contenido restringido
  2. Autenticación y Autorización Contenido restringido
  3. Ocultar Contenido UI Contenido restringido
  4. Usando Nuestro Componente de Autorizado Contenido restringido
  5. Protegiendo Rutas Contenido restringido
  6. Configurando Identity Contenido restringido
  7. Configurando el Login y Registro en el back-end Contenido restringido
  8. Guardando el JWT Localmente Contenido restringido
  9. Construyendo los Componentes de Login y Registro Contenido restringido
  10. Construyendo el Sistema de Ratings - Back-End Contenido restringido
  11. Construyendo el Componente de Ratings - React Contenido restringido
  12. Interceptores el JWT a Nuestro Web API Contenido restringido
  13. Usando Claims - Back-End Contenido restringido
  14. Índice de Usuarios - Back-End Contenido restringido
  15. Índice de Usuarios - React Contenido restringido
  16. Política Personalizada de Cache Contenido restringido
  17. Resumen Contenido restringido
Sección 10 Despliegues 4 clases
  1. Introducción Contenido restringido
  2. Desplegando el Web API a un Azure App Service Contenido restringido
  3. Desplegando la App de React Contenido restringido
  4. Resumen Contenido restringido

Al finalizar, podrás…

Lo que aprenderás

  • Construir Web APIs con ASP.NET Core
  • Desarrollar Aplicaciones de Página Única con React
  • Usar Entity Framework Core para trabajar con bases de datos
  • Funcionalidad de login y registro
  • Desplegar aplicaciones de ASP.NET Core y React

Aplica lo aprendido

Resultado práctico

Al finalizar este curso podrás realizar aplicaciones de React para el front-end y ASP.NET Core para el back-end.

Antes de comenzar

Requisitos previos

  • Conocimiento básico de HTML, CSS y C#

¿Es para ti?

Este curso es para ti si…

  • Programadores que quieren ser full-stack
  • Programadores de .NET que quieren aprender React (y viceversa)
Volver al catálogo