Aprende Blazor WebAssembly + .Net + SQL Server

Desarrolla Aplicaciones Web Modernas con Blazor WebAssembly y C#

Aprende a crear aplicaciones web interactivas y de alto rendimiento utilizando Blazor WebAssembly, una poderosa tecnología de Microsoft que te permite desarrollar aplicaciones web con C# sin necesidad de JavaScript. Este curso completo te guiará paso a paso a través del proceso de creación de aplicaciones web robustas y escalables.

¿Qué aprenderás?

Este curso te enseña a:

• Fundamentos de Blazor WebAssembly: Comprende qué es Blazor WebAssembly y cómo funciona.
• Configuración del Entorno: Aprende a instalar el entorno de desarrollo necesario para empezar a trabajar con Blazor WebAssembly.
• Desarrollo de APIs REST: Construye y consume tus propias APIs REST para interactuar con tu aplicación.
• Gestión de Bases de Datos con SQL Server: Crea y gestiona bases de datos con SQL Server, utilizando procedimientos almacenados (sin Entity Framework).
• Implementación de Funcionalidades Clave: Desde la creación de interfaces de usuario hasta la gestión de usuarios y la seguridad de la aplicación.
• Actualización a las Últimas Versiones: Mantén tu proyecto actualizado con las últimas versiones de Visual Studio, .NET 6, .NET 7 y .NET 8 y C# 11 y C# 12.

Temario Detallado:

A) Introducción a Blazor WebAssembly

• Visión general del curso y sus objetivos.
• Instalación del entorno de desarrollo.
• ¿Qué es Blazor WebAssembly y por qué usarlo?
• Creación de un proyecto Blazor WebAssembly.
• Comparación entre Blazor Server y Blazor WebAssembly: ¿cuál elegir?
• Análisis de la estructura de los proyectos Blazor.
• Limpieza y organización de proyectos.

B) Configuración y Estructura del Proyecto

• Personalización del layout de la aplicación.
• Implementación de un spinner de carga para mejorar la experiencia del usuario.
• Creación de modelos de tablas para la base de datos.
• Mapeo de modelos de base de datos.
• Configuración de la cadena de conexión en appsettings.json y la clase Startup.
• Carga inicial de datos en la base de datos y estructuración de la aplicación.
• Implementación de un punto de entrada para obtener datos de la entidad "cursos".

C) Personalización de la Interfaz de Usuario

• Creación de la interfaz de usuario del componente index.razor.
• Uso de eventos Blazor para manejar el DOM y cuadros de diálogo.
• Añadir detalles sobre el contenido de los cursos.
• Implementación de detalles en cuadros de diálogo y uso de eventos callback.
• Implementación de eventos callback para el botón de cancelar.

D) Interfaz de Creación de Pedidos

• Implementación de eventos callback para los botones de agregar y carrito de compra.
• Mecanismo de compra en el controlador.
• Guardar información de los cursos comprados en la base de datos.
• Añadir una confirmación de compra exitosa.

E) Mecanismo de Registro de Usuario

• Creación de un componente de alta de usuario.
• Guardar la información del usuario en la base de datos.

F) Mecanismos de Log-In y Log-Out

• Creación de un componente de Log-In.
• Validación del usuario contra la base de datos.
• Uso de AuthenticationStateProvider en Blazor WebAssembly.
• Gestión de sesiones de usuario.
• Validación de usuarios en las vistas.
• Implementación del mecanismo de Log-Out.
• Autorización en las vistas.

G) Adaptación de Vistas para Usuarios Logados

• Modificación de la vista index.razor para mostrar contenido personalizado.
• Listado de cursos comprados por usuario (Parte I).
• Listado de cursos comprados por usuario (Parte II).

H) Control de Errores

• Implementación de registro de logs en la Web API.
• Registro de errores en la consola del cliente WebAssembly.
• Gestión de errores en la aplicación.
• Diseño de una capa de error en un nuevo componente.
• Creación de un componente Razor para mostrar errores.

**I) Seguridad de la Aplicación