Curso avanzado de Blazor

•  Conocimientos básicos de C# y programación orientada a objetos.
• Experiencia previa con HTML y CSS será útil, pero no es obligatoria.
• Conocimientos básicos de desarrollo web (HTTP, cliente-servidor).
• Tener instalado Visual Studio 2022 o superior con el SDK de .NET 6 o posterior.

Recursos recomendados antes de comenzar el curso

• Revisión de conceptos de C# (clases, métodos, propiedades).
• Lectura introductoria a arquitectura MVC y APIs REST.
• Instalación y prueba de una app básica en ASP.NET Core.

Estos requisitos asegurarán que los participantes puedan seguir el contenido del curso de manera efectiva y saquen el máximo provecho de las herramientas y técnicas enseñadas

• Enfoque full-stack con C#: desarrolla tanto el frontend como el backend con una sola tecnología, sin necesidad de JavaScript.

• Cobertura completa: desde los fundamentos hasta la publicación de aplicaciones reales, incluyendo arquitectura, seguridad y consumo de APIs.

• Práctico y aplicado: cada módulo contiene ejercicios, laboratorios y un proyecto final guiado para consolidar lo aprendido.

• Actualizado: se enseña la última versión de Blazor y .NET, con ejemplos modernos y buenas prácticas recomendadas por Microsoft.

• Proyección profesional: prepara para roles de desarrollo full-stack en entornos corporativos, especialmente en empresas que utilizan tecnología Microsoft.

Este curso está pensado para desarrolladores, estudiantes y profesionales de TI que desean aprender a construir aplicaciones web modernas utilizando Blazor y C# en el frontend. El curso está dirigido a:

• Desarrolladores de software: que quieren crear interfaces ricas y reactivas sin usar JavaScript.

• Desarrolladores .NET: que desean ampliar su stack tecnológico con Blazor como alternativa a frameworks como Angular o React.

• Ingenieros backend: que buscan crear aplicaciones full-stack con C# tanto en cliente como en servidor.

• Estudiantes y recién graduados: que desean entrar en el desarrollo web usando herramientas del ecosistema Microsoft.

• Empresas que trabajan con .NET: que buscan modernizar aplicaciones web con tecnologías basadas en C# y WebAssembly.

Este curso es ideal para quienes tienen experiencia previa con C#, pero también es accesible para aquellos con conocimientos básicos en desarrollo web.

1. Introducción a Blazor y su ecosistema

Duración: 2 horas

• Qué es Blazor: historia y evolución dentro del ecosistema .NET
• Diferencias entre Blazor Server y Blazor WebAssembly
• Ventajas de usar C# en el navegador
• Entorno de desarrollo: Visual Studio, .NET SDK, navegador
• Primer proyecto Blazor desde Visual Studio

2. Componentes en Blazor

Duración: 5 horas

• Estructura de una aplicación Blazor
• Creación y organización de componentes
• Parámetros de entrada ([Parameter])
• Ciclo de vida de los componentes (OnInitialized, OnParametersSet, etc.)
• Renderizado condicional y bucles en Razor
• Reutilización y composición de componentes
•  

3. Enrutamiento, navegación y eventos

Duración: 3 horas

• Enrutamiento con @page
• Navegación entre componentes y paso de parámetros por URL
• Gestión del estado de navegación
• Manejo de eventos del usuario (click, change, input, etc.)
• Enlace de datos (one-way, two-way binding)
• Formularios y validación de datos

4. Acceso a datos y servicios

Duración: 4 horas

• • • Consumo de APIs REST desde Blazor con HttpClient
    • Inyección de dependencias ([Inject])
    • Creación de servicios compartidos
    • Comunicación entre componentes mediante servicios
    • Simulación de backends con JSON y mock APIs

5. Blazor y bases de datos (con ASP.NET Core API)

Duración: 3 horas

• • • Arquitectura cliente-servidor con Blazor y Web API

    • Desarrollo de backend con ASP.NET Core

    • Entidades, DbContext y Entity Framework Core

    • Consumo de datos desde el frontend Blazor

    • Seguridad y validación de entrada

6. Autenticación y autorización

Duración: 2 horas

• • • Introducción a Identity y su integración con Blazor

    • Roles, políticas de acceso y claims

    • Autenticación basada en JWT (para Blazor WebAssembly)

    • Gestión del estado de usuario autenticado

    • Restricción de acceso a páginas y componentes

7. Despliegue y publicación de aplicaciones Blazor

Duración: 1 hora

• • • Publicación de Blazor Server y WebAssembly

    • Despliegue en Azure App Services, IIS y contenedores Docker

    • Configuración de entornos de producción y desarrollo

    • Optimización de rendimiento y tamaño del paquete

8. Proyecto final integrador

Duración: 4 horas

• • Diseño e implementación de una aplicación web completa con Blazor

  • Autenticación de usuarios y consumo de API externa

  • Persistencia de datos en SQL Server o SQLite

  • Validación, navegación y despliegue

  • Presentación final del proyecto