Portal del Gobierno de La Rioja

Objetivos del curso

• Conocer y aplicar los conocimientos de desarrollo de aplicaciones Web con Blazor

Perfil del alumno y requisitos previos

Esta acción formativa va dirigida a desarrolladores y analistas que quieren aprender a crear aplicaciones para Web con Blazor.

Los alumnos necesitarán tener experiencia con .Net medio

Programa

Blazor

• Introducción
  • Introducción
  • dotnet CLI para Blazor
  • Archivo de configuración en Blazor
  • Logging en Blazor
  • Dos modos
    • Client side Blazor
    • Server Side Blazor
  • Características de Blazor
    • Componentes
    • Data Binding
    • Componentes anidados
    • Enviar info entre componentes
    • Eventos
    • Routing
• Arquitectura Blazor
  • Separando logica en Clases
  • Aplicando MVVM a blazor
  • Inyección de dependencias
  • Dependencias sobre dependencias
  • Share components Vs Render Fragment
  • Virtualización
  • Librerias Externas
• Empezando con Blazor (Ejemplo práctico)
  • Crear un proyecto Blazor
    • Seleccionar tipo de aplicación Blazor
  • Un vistazo a la aplicación creada
    • Aplicación en ejecución
    • Counter
    • Fetch Data
  • Examinando el proyecto creado
    • Orden de ejecución en el proyecto
    • _Host.cshtml
  • Routing y diseño de pagina
    • Rutas
    • MainLayout
  • Inyección de dependencias
    • Inyección de dependencias
    • El servicio WeatherForecastService
    • GetForecastAsync
• Binding, Eventos y parámetros ( Ejemplo práctico)
  • Crear una nueva página
    • Crear componente
    • Agregar routing al componente
    • Agregar componente al menú
    • Comprobar opción agregada
  • One Way Binding
    • Binding
    • Comprobar binding
  • Two Way Binding
    • Crear nueva página
    • Agregar variable
    • Agregar slider
    • oninput
    • Binding en acción
  • Creando la página de Tareas
    • Tarea
    • Agregar tarea
    • Dónde está la tarea
    • Eliminar tarea
    • Tareas completadas
  • Parámetros
    • Definición
    • Componente tareas
    • Diagrama ejecución
  • Llamar a un método en un componente hijo
    • Definición
    • Componente tareas
    • @ref
    • Botón nueva tarea
    • Agregar tarea desde el padre
    • Diagrama ejecución
  • Eventos
    • Definición
    • Evento eliminar
    • Diagrama ejecución
  • Parámetros en cascada
    • Definición
    • Cambiar color a las tareas
    • Mostrar y seleccionar color
    • CascadingValue
    • CascadingParameter
    • Ver color aplicado
    • Diagrama ejecución
• Crear una aplicación completa con Blazor (Ejemplo práctico)
  • Utilizando SQL Server
    • Crear la aplicación
  • Crear la BBDD
    • Cadena de conexión
    • appsettings.json
    • Registrar usuario
    • Aplicar migraciones iniciales
    • Usuario registrado
  • Agregar tabla
    • Tablas de identidad creadas
    • Agregar nueva tabla
  • Contexto de datos
    • EF Core Power Tools
    • Ingenieria inversa BBDD
    • Agregar BBDD a Startup
    • Cambiar tipo de inyección de WeatherForecastService
  • Obtener datos de la BBDD desde Blazor
    • WeatherForecast
    • WeatherForecastService
    • FetchData.razor
    • GetForecastAsync
    • Usuario logado y no logado
  • Insertar datos en la BBDD desde Blazor
    • Popup de edición
    • Agregar nuevo
  • Actualizar datos en la BBDD desde Blazor
    • Editar una entrada
    • Actualizar
• Formularios Blazor (Ejemplo práctico)
  • Agregar Data Annotations
  • Agregar controles para validación en formularios
  • Validar un control dropdown
  • Personalizar validación
• Crear controles Blazor (Ejemplo práctico)
  • Crear cuadro de diálogo
  • Crear control de plantilla
  • Crear un control de plantilla genérico
• Proyecto desarrollado en Blazor (Ejemplo práctico)
  • Introducción
    • Presentación
    • Instalación de Herramientas
    • Configurar Visual Studio
  • Preparando la solución
    • Crear la app en Visual Studio
    • Limpiar la solución
  • Configurando la base de datos
    • Crear la base de datos
    • Conectar a la base de datos
  • Diseño de la arquitectura
    • Definir la arquitectura de la solución
  • Instertar
    • Crear Razor Component
    • Implementar Repositorio
    • Implementar Servicio
  • Lista
    • Crear Razor Component
    • Implementar Repositorio y Servicio
  • Editar
  • Eliminar
• Publicar proyectos en Blazor
  • Publicación manual
  • Github actions
  • Azure static web pages
  • Azure devops
• Aplicaciones en tiempo real con Blazor
  • Agregando signal R
  • Reconexión automática
  • Propiedad connected en SignalR
• Aplicaciones de escritorio con Blazor
  • Aplicaciones híbridas con Blazor
  • Creación de una nueva aplicación de escritorio con WPF y Blazor
  • Configuración de la aplicación de escritorio WPF para usar Blazor
  • Definición de la interfaz de usuario en una aplicación de escritorio de WPF con Blazor
  • Ejecución, despliegue y depuración de aplicaciones de escritorio con Blazor

Fechas y horarios