¿Qué es Blazor? · Cursos Felipe Gavilán

Sección 1 Introducción

Introducción
¿Qué es Blazor? En reproducción
Componentes
Render Modes
Hosting Models
Blazor Híbrido
¿Dónde Podemos Utilizar Blazor Web?
Herramientas que usaremos en el curso
Resumen

Sección 2 Render Modes

Introducción
Servidor Estático
StreamRendering
Servidor Interactivo
WebAssembly Interactivo
Interactivo Automático
RendererInfo
Resumen

Sección 3 Introducción a Razor

Introducción
Introducción a Razor
Utilizando Clases
Bucles
Condicionales
Resumen

Sección 4 Componentes

Introducción
Creando el Proyecto
Introducción a los Componentes
Creando Nuestro Primer Componente
Parámetros
Tomando Decisiones en Base al Valor de un Parámetro
Componente Cargando - Agregando Imágenes
Parámetros Requeridos
Componente Botón - Valor Por Defecto de un Parámetro
Atributos de Elementos HTML Condicionales
Delimitando los Posibles Valores de un Parámetro
Mapeo de Parámetros
Parámetros Arbitrarios
Eventos - OnClick
OnAfterRender y StateHasChanged
EventCallback
EventCallback con Parámetro
Atributo Key
Eventos - OnChange
Data Binding Básico
Bind Event - OnInput
Bind Get y Set
Bind After
RenderFragment
Pasando Varios RenderFragments
RenderFragment Genérico y Componentes Genéricos
Ciclo de Vida de un Componente
Ciclo de Vida de un Componente - Ejemplo
Inyección de Dependencias
Creando un Repositorio
Manipulando la Cabecera del Documento HTML
Clases Parciales - Separando Código de C# y UI
Layout
Agregando Interactividad al Layout
Invocar metodos de Javascript desde C#
Invocar métodos de C# desde Javascript - Método Estático
Invocar métodos de C# desde Javascript - Método de Instancia
Aislamiento de JavaScript
Aislamiento de CSS
Haciendo Referencia a Componentes
ErrorBoundary
Parametros de Cascada
Timers y Dispose
Resumen

Sección 5 Ruteo

Introducción
Limpieza
Directiva page
Archivo Routes.razor
RenderMode Global
Creando Algunas de las Pantallas de Nuestra App
NavLinks
NavigationManager
Parámetros de Ruta
Resumen

Sección 6 Formularios

Introducción
Creando Nuestro Primer Formulario
Aplicando Binding a Nuestro Componente
Validaciones con Atributos
Validación Personalizada
Deshabilitando el Botón si el Formulario No Está en Estado Válido
Deshabilitando el Posteo Consecutivo
Evitando Que el Usuario Salga del Formulario sin Guardar Cambios
Formulario de Actualización de Géneros
Formulario de Buscar Películas
Formulario de Actores
Componente de Insertar Imagen
Componente Formulario Entidad
Formulario de Películas
Componente de Selección Múltiple
Instalando MudBlazor
Componente AutoComplete - AutoComplete Básico
Componente AutoComplete - Arrastrando Elementos en una Lista
Resumen

Sección 7 Bases de Datos - Entity Framework Core

Introducción
Instalando Entity Framework Core
Usando EF Core Desde un Componente
Usando EF Core Desde Un Servicio
Listado de Géneros
Implementando Paginación - Parte 1
Implementando Paginación - Parte 2
Actualizar Géneros
Borrar Géneros
Confirmando el Borrado
Creando Actores
Preparando el Proyecto para que Guarde Imágenes
Guardando una Imagen en Azure Storage
Guardando una Imagen Localmente
Índice y Borrado de Actores
Actualizando Actores
Botón Cancelar
Crear Películas
Filtrando Películas para el Home
Pantalla Detalle Película
Pantalla Filtro de Películas
Manipulando Query Strings
Actualizando Películas
Borrar Películas
Resumen

Sección 8 Seguridad

Introducción
Autenticación y Autorización
Explorando la Plantilla de Cuentas Individuales
Implementando la Autenticación en Nuestra App
AuthenticationStateProvider
AuthorizeView - Ocultando Contenido Visual Según Estado de Autenticación
Protegiendo un Componente con el Atributo Authorize
Claims
Roles
Usando la Revalidación de Identidad y el Security Stamp
Validando Permisos al Momento de la Acción
Políticas
Políticas que Tocan la Base de Datos
Proveedor Externo para Autenticación - Microsoft
Enviando Emails Desde Nuestra Aplicación
Sistema de Votación
Componente de Votación
Dando Feedback al Usuario
Obteniendo los Votos de las Películas
Anti-Forgery Token
Resumen

Sección 9 Despliegue

Introducción al Módulo
Publicando a un Azure App Service
Activando la Autenticación con Proveedor Externo
Desplegando con GitHub Actions
Resumen

Sección 10 Blazor WebAssembly

Introducción al Módulo
Repaso de Blazor WebAssembly
Haciendo que Nuestro Proyecto Pueda Usar WebAssembly
Migrando el Componente Home
Dejando de Usar WebUtilities
Migrando Todo el Client
Implementando un Componente con InteractiveAuto
Implementando la Funcionalidad de Votación
Resumen

Sección 11 Blazor Standalone

Introducción
Introducción a Blazor Standalone
Lazy Loading de Assemblies
Desplegando
Resumen

Sección 12 Aplicaciones Web Progresivas

Introducción
Introducción a las Aplicaciones Web Progresivas
Creando una Aplicación de Blazor PWA
Instalando una Aplicación de Blazor
Modo Offline
Actualizando una PWA
Mecanismo Básico de Sincronización
Resumen

Vista previa gratuita

Continúa con el curso completo

Desbloquea todas las clases de Programando Aplicaciones Web en Blazor y sigue aprendiendo desde donde te quedaste.

Comprar curso completo $9.99 USD Ver planes de suscripción

Ir al repositorio

Avance automático Se detiene al finalizar

Sección 1 Clase 2

¿Qué es Blazor?