Máster en Blazor - Server y WebAssembly (WASM) (.NET 9)

Aprende cómo funciona el enrutamiento en Blazor para navegar entre páginas. Exploraremos cómo definir rutas, manejar parámetros en la URL y crear una navegación fluida en tu aplicación.

Descubre cómo configurar el entorno de desarrollo para aplicaciones Blazor. Veremos cómo utilizar los servidores locales y configuraciones optimizadas para probar y depurar tu aplicación de manera eficiente.

Aprende a capturar y gestionar errores en Blazor, asegurando que tu aplicación sea robusta. Revisaremos cómo implementar manejo global de errores y mostrar mensajes de error personalizados a los usuarios.

Entiende cómo manejar archivos estáticos como imágenes, CSS y JavaScript dentro de tu proyecto Blazor. Exploraremos el directorio wwwroot y cómo servir estos archivos en la aplicación.

Aprende a utilizar la inyección de dependencias en Blazor para gestionar servicios y compartir datos entre componentes. Descubriremos cómo registrar servicios y usarlos en toda la aplicación de manera eficiente.

Aprende a implementar logging en Blazor para rastrear eventos y errores. Veremos cómo configurar el sistema de logs para depurar la aplicación y monitorear su comportamiento en diferentes entornos.

Explora cómo manejar configuraciones en aplicaciones Blazor usando archivos como appsettings.json y variables de entorno, permitiendo la personalización del comportamiento de la aplicación para diferentes entornos.

Aprende a integrar y personalizar Bootstrap y otros estilos CSS en tu aplicación Blazor. Veremos cómo modificar el diseño visual y crear una experiencia de usuario atractiva utilizando clases y componentes de estilo.

Descubre cómo utilizar la recarga activa en Blazor para ver cambios inmediatos en la aplicación sin necesidad de reiniciar el servidor, mejorando la eficiencia en el desarrollo mediante la actualización automática al guardar archivos.

Aprende cómo funciona el layout por defecto en Blazor, que proporciona una estructura básica para las páginas de la aplicación. Veremos cómo los layouts centralizan el diseño común, como menús y pies de página, para reutilizarlos en múltiples páginas.

Descubre cómo crear nuevas páginas en Blazor utilizando la sintaxis Razor. Exploraremos cómo definir rutas, agregar contenido dinámico, y enlazar datos para crear páginas interactivas.

Aprende a separar la lógica de la interfaz de usuario utilizando el patrón "Code Behind" en Blazor. Veremos cómo organizar el código C# en archivos separados para mejorar la claridad y el mantenimiento de los componentes.

Familiarízate con la sintaxis Razor utilizada en Blazor para combinar HTML y C#. Aprende a usar directivas, bucles y condicionales para crear interfaces dinámicas y poderosas con el mínimo esfuerzo.

Aprende a crear layouts personalizados en Blazor para ajustar el diseño de tu aplicación a tus necesidades. Veremos cómo definir y aplicar layouts únicos a diferentes secciones de la aplicación para mejorar la experiencia del usuario.

Una visión general de los conceptos clave de Blazor y la estructura básica de una aplicación. Exploraremos las características principales que hacen de Blazor una poderosa herramienta para el desarrollo web moderno.

Aprende la diferencia entre páginas y componentes en Blazor, y cuándo usar cada uno. Descubriremos cómo organizar tu aplicación utilizando estos bloques de construcción para crear una experiencia coherente.

Descubre cómo pasar datos a componentes utilizando parámetros. Veremos cómo definir y manejar parámetros para hacer que los componentes sean reutilizables y dinámicos.

Aprende a pasar componentes completos como parámetros en Blazor usando RenderFragment, permitiendo la creación de interfaces más flexibles y componibles.

Explora cómo manejar eventos en Blazor, como clics y cambios en formularios. Veremos cómo responder a las acciones del usuario para crear aplicaciones interactivas.

Aprende a utilizar EventCallback para manejar eventos de forma efectiva entre componentes padres e hijos, permitiendo una comunicación fluida y modular.

Aprende cómo funciona el enlace de datos unidireccional en Blazor, permitiendo que los datos fluyan de los modelos a la interfaz de usuario de manera eficiente.

Explora el enlace de datos bidireccional en Blazor, que permite sincronizar automáticamente los datos entre la interfaz de usuario y el modelo, mejorando la interacción en formularios y entradas de usuario.

Descubre cómo utilizar varios RenderFragment en un componente para crear interfaces más dinámicas y personalizables, permitiendo la inserción de múltiples fragmentos de interfaz de usuario.

Aprende a pasar parámetros a través de varios niveles de componentes en Blazor, permitiendo que los datos fluyan a través de jerarquías de componentes.

Aprende a usar parámetros en cascada para compartir datos entre componentes sin necesidad de pasarlos explícitamente a cada nivel, simplificando el diseño de la aplicación.

Descubre cómo usar Attribute Splatting en Blazor para aplicar atributos HTML de manera dinámica a un componente, lo que permite mayor flexibilidad y reutilización de código.

Aprende a crear y gestionar formularios en Blazor, donde interactuarás con los usuarios a través de entradas de datos, enlaces y validaciones, todo dentro de un entorno flexible y poderoso.

Explora cómo usar el componente InputText para capturar entradas de texto en tus formularios Blazor, permitiendo la vinculación directa con propiedades del modelo de datos.

Descubre cómo implementar validación de datos en formularios Blazor utilizando anotaciones de datos y reglas de validación personalizadas para garantizar que los datos introducidos sean correctos.

Aprende a usar el componente InputTextArea para capturar entradas de texto largas, ideal para comentarios o descripciones, con soporte para validaciones y enlaces de datos.

Utiliza el componente InputNumber para manejar entradas numéricas, vincular los datos y aplicar validaciones específicas para asegurar que solo se acepten valores numéricos válidos.

Explora el componente InputDate en Blazor para manejar entradas de fecha de manera eficiente, permitiendo que los usuarios seleccionen fechas mediante un selector de calendario.

Aprende a utilizar el componente InputSelect para crear listas desplegables en formularios, facilitando la selección de opciones predefinidas por parte del usuario.

Descubre cómo usar el componente InputCheckbox para gestionar selecciones booleanas y cómo manejar el envío de formularios de manera eficiente con un botón de envío.

Aprende a implementar la subida de archivos en Blazor, permitiendo que los usuarios carguen documentos o imágenes, con soporte para validaciones y procesamiento en el servidor.

Una introducción a la autenticación y autorización en Blazor, explicando cómo proteger aplicaciones y gestionar el acceso de usuarios mediante roles y políticas de seguridad.

Aprende a crear un proyecto Blazor configurado con autenticación y autorización desde el inicio, utilizando las plantillas de .NET para gestionar usuarios y roles.

Explora cómo funciona la plantilla de autenticación en Blazor, que incluye las funcionalidades básicas de registro, login, y manejo de identidades, todo listo para ser personalizado.

Aprende a personalizar el proceso de registro de usuarios en Blazor, agregando campos adicionales y validaciones específicas para crear una experiencia más adaptada a tu aplicación.

Descubre cómo implementar un selector de rol en el formulario de registro para asignar roles específicos a los usuarios desde el momento de su creación.

Aprende a registrar usuarios con roles específicos y a gestionar esos roles dentro de la aplicación, controlando el acceso a diferentes secciones según los permisos asignados.

Personaliza la página de inicio de sesión para mejorar la experiencia del usuario, agregando funcionalidades como recordarme, mensajes de error personalizados, y un diseño adaptado a tu aplicación.

Descubre cómo implementar la autorización en Blazor para restringir el acceso a ciertas páginas o acciones basadas en roles o políticas de usuario, mejorando la seguridad de la aplicación.

Aprende a crear y gestionar múltiples barras de navegación en Blazor para organizar la interfaz de usuario según las diferentes secciones de tu aplicación.

Implementa barras de navegación dinámicas que se adapten al rol del usuario, mostrando o escondiendo opciones según los permisos asignados, para mejorar la usabilidad y seguridad de tu aplicación.

Creación del Proyecto: Guía para configurar correctamente un proyecto Blazor Server en .NET 9 con interactividad global.

Implementar Javascript en Blazor: Explicación sobre cómo integrar y ejecutar funciones JavaScript en aplicaciones Blazor.

Agregar Plugin Toastr para Notificaciones: Pasos para incluir y configurar Toastr en Blazor para mostrar notificaciones estilizadas.

Implementar Método de Extensión JsRuntime: Cómo crear métodos de extensión para simplificar la ejecución de scripts JavaScript en Blazor.

Agregar Plugin Sweet Alerts: Tutorial para añadir SweetAlert a tu proyecto Blazor y personalizar alertas interactivas.

Descubre cómo configurar y desarrollar aplicaciones Blazor con renderizado del lado del servidor (SSR), aprovechando tiempos de carga más rápidos y una mejor optimización para SEO.

Aprende a implementar una navegación fluida y dinámica en Blazor, optimizando la experiencia del usuario con rutas personalizadas y control de estado.

Domina las técnicas para conservar el estado y los datos de tus aplicaciones al navegar entre páginas, mejorando la persistencia y la experiencia del usuario.

Explora cómo usar el renderizado por streaming para cargar contenido progresivamente, reduciendo los tiempos de espera y mejorando la percepción de velocidad.

Conoce en detalle cómo funciona Blazor Server, sus ventajas, limitaciones y cuándo es la mejor opción para tus proyectos.

Comprende las diferencias entre manejar interactividad globalmente o a nivel de componente, y cuándo utilizar cada enfoque para maximizar la eficiencia de tu código.

Compara las diferencias clave entre aplicaciones Blazor WebAssembly integradas con APIs y las independientes, para elegir la mejor solución según tus necesidades.

Descubre el nuevo modelo de interactividad automática en Blazor, que simplifica el manejo de eventos y el estado en tus aplicaciones.

Analiza las diferencias, ventajas y casos de uso para Blazor Server, WebAssembly y Auto, ayudándote a elegir el modelo más adecuado para tus proyectos.

En este proyecto, aprenderás a crear una aplicación Blazor Server desde cero para gestionar tareas. A lo largo del curso, desarrollarás un sistema completo de CRUD (Crear, Leer, Actualizar y Eliminar) para administrar tareas de manera eficiente.

En esta demostración, exploraremos un proyecto Blazor Server de bienes raíces. Descubrirás cómo crear una aplicación para mostrar propiedades inmobiliarias, aplicar filtros y gestionar la información de manera efectiva.

En esta demostración, te sumergirás en la creación de una API RESTful utilizando .NET 8. Aprenderás cómo diseñar y desarrollar un sistema de blog completo, incluyendo la gestión de publicaciones y comentarios.

Aquí, exploraremos un proyecto de cliente Blazor Web Assembly. Verás cómo crear un cliente web de blog utilizando Blazor WASM y cómo interactuar con la API RESTful del proyecto anterior.

En esta sesión, haremos una revisión exhaustiva de todo el curso. Repasaremos los conceptos clave, proyectos y habilidades que has adquirido a lo largo de las lecciones.

En este módulo introductorio, obtendrás una comprensión sólida de qué es Blazor. Descubrirás cómo Blazor permite la creación de aplicaciones web interactivas utilizando C# y .NET en lugar de JavaScript.

Antes de comenzar, te familiarizarás con las herramientas esenciales que necesitarás para este curso, como Visual Studio, .NET SDK y otros recursos de desarrollo.

Aprenderás paso a paso cómo crear tu primer proyecto Blazor desde cero. Explorarás las opciones de configuración y las plantillas disponibles.

En esta lección, analizaremos en detalle la estructura de carpetas y archivos en una aplicación Blazor. Comprenderás cómo se organizan los componentes y recursos.

Compararemos las diferencias clave entre Blazor Server y Blazor Web Assembly (WASM). Aprenderás cuándo y por qué elegir uno sobre el otro según los requisitos de tu proyecto.

El enrutado es una parte esencial de cualquier aplicación web. En este módulo, aprenderás cómo configurar rutas en una aplicación Blazor para navegar entre diferentes páginas y componentes de manera efectiva.

Descubrirás cómo configurar un entorno de desarrollo Blazor adecuado. Aprenderás a utilizar las capacidades de desarrollo hosting para probar y depurar tu aplicación de manera eficiente.

En esta sección, exploraremos cómo gestionar errores en una aplicación Blazor. Aprenderás a detectar, registrar y manejar errores para mejorar la calidad y confiabilidad de tu aplicación.

Los archivos estáticos, como imágenes, CSS y JavaScript, son esenciales en cualquier proyecto web. Aquí, veremos cómo incorporar y gestionar archivos estáticos en una aplicación Blazor.

La inyección de dependencias es una técnica crucial en el desarrollo de aplicaciones. En este módulo, aprenderás cómo utilizar la inyección de dependencias en Blazor para mejorar la modularidad y la mantenibilidad de tu código.

El registro de eventos es esencial para el diagnóstico y seguimiento de problemas en una aplicación. Te enseñaremos cómo implementar un sistema de registro (logging) efectivo en tu proyecto Blazor.

La configuración de una aplicación es clave para adaptarla a diferentes entornos. Descubrirás cómo gestionar la configuración de la aplicación Blazor para separar datos sensibles y ajustar la aplicación según las necesidades.

En esta sección, aprenderás a integrar Bootstrap y aplicar estilos CSS a tus proyectos Blazor para mejorar la apariencia y la experiencia del usuario de tus aplicaciones web.