Full-Stack CRUD con React JS, ASP.NET Core y SQL Server

De qué trata

Curso de unos 49 minutos y 5 lecciones, organizado en dos bloques: lado del servidor y lado del cliente. En el primero se crea una API Rest (Web API) con ASP.NET Core y Entity Framework, conectada a una base de datos SQL Server, con peticiones GET, POST, PUT y DELETE.

En el segundo se desarrolla con React JS un CRUD que consume esa API, usando Hooks, Bootstrap, reactstrap, axios y ventanas modales. El objetivo final es tener una aplicación que conecte ASP.NET Core y React JS.

• API Rest con ASP.NET Core y Entity Framework
• Conexión a SQL Server
• Peticiones GET, POST, PUT y DELETE
• CRUD en React JS con Hooks y ventanas modales
• Bootstrap, reactstrap y axios

Para quién es este curso

• Personas que ya conocen lo básico de React o de C# y quieren ver cómo se conectan un front-end y un back-end en un proyecto completo.
• Desarrolladores que buscan un ejemplo breve y práctico de CRUD con ASP.NET Core y SQL Server.

Qué sabrás hacer al terminar

• Crear una API Rest (Web API) con ASP.NET Core y SQL Server usando Entity Framework.
• Implementar peticiones GET, POST, PUT y DELETE en la API.
• Crear un CRUD en React JS con Hooks y ventanas modales que consuma una API Rest.
• Conectar una aplicación React JS con un back-end ASP.NET Core.

Plan de estudio sugerido

1 semana · unas 2 h por semana

1. 1.Sesión 1: bloque «Lado del Servidor». Crea la API, el modelo con Entity Framework y la base de datos en SQL Server, y prueba cada endpoint.
2. 2.Sesión 2: bloque «Lado del Cliente». Construye el CRUD en React con axios y reactstrap, y añade las ventanas modales.
3. 3.Sesión 3: repasa y amplía el proyecto con un campo nuevo o una entidad distinta.

El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.

Consejos para seguirlo

• Prueba cada endpoint de la API (GET, POST, PUT, DELETE) con una herramienta de peticiones antes de pasar al cliente.
• Ten SQL Server y un entorno para ASP.NET Core instalados antes de empezar para no interrumpir el ritmo.
• Pausa en el bloque del cliente cuando aparezcan los Hooks y las ventanas modales, y reescribe el código por tu cuenta.
• Para practicar, adapta el CRUD a otra entidad propia en lugar de copiar exactamente el ejemplo.

Antes y después de este curso

• Antes de este cursoCURSO REACT.JS - Aprende desde ceroSirve para afianzar los fundamentos de React antes de construir el cliente del CRUD.
• Antes de este cursoAprende SQL - Curso desde cero con MySQL, PostgreSQL, Backend y DockerRefuerza los conceptos de bases de datos SQL que usa el lado del servidor.

Cómo lo presenta Arturo Borja

Creando y conectando un CRUD con API Rest utilizando React JS y ASP.NET Core.

En este curso realizaremos un Full-Stack CRUD consumiendo una API Rest (Web API). El lado del servidor consistirá en una Api Rest hecha con ASP.NET Core e implementando Entity Framework, la API estará conectada a un gestor de base de datos de SQL Server. Las peticiones que haremos serán GET, POST, PUT, DELETE. El lado…

Extracto de la descripción original en Udemy.

Preguntas frecuentes

Más cursos de Programación