C#, .Net

Curso de Blazor

Domina el framework del ecosistema .NET de Microsoft con todos los recursos para realizar aplicaciones SPA o PWA sin necesidad de Javascript.
En marcha
Intermedio
13 Clases 10 h (aprox.)

Próxima clase

Lunes 29 de julio

h

Añadir a Google Calendar

Blazor es un framework del ecosistema .NET de Microsoft, pensado para aportar a los desarrolladores de C# todos los recursos necesarios para realizar proyectos de aplicaciones web modernas, como SPA (Single Page Applications) o PWA (Progressive Web Apps), sin necesidad de usar Javascript.

El uso de Blazor nos ofrece varias ventajas. La primera consiste en la reutilización de los conocimientos de C# al desarrollar proyectos web, donde de otro modo se requeriría un alto dominio del lenguaje Javascript. En segundo lugar, gracias a desarrollar un proyecto web enteramente en C#, tanto la parte del backend como la del frontend, se puede alcanzar mayor coherencia y productividad, con un menor desgaste al pasar de un entorno al otro. Además, se trata de un framework gratuito y de código abierto creado por el propio Microsoft, lo que nos asegura la mejor interacción con todo el ecosistema de .NET.

Qué aprenderé en el Curso de Blazor

  • Qué es Blazor y cómo funciona
  • Los dos modelos de desarrollo de Blazor (server side y webasm)
  • Desarrollo de componentes en Blazor
  • Crear una pequeña aplicación web en Blazor
  • Desarrollo de actividades frecuentes como la validación de formularios o el acceso a servicios web
  • Cómo comunicar y operar entre procesos Blazor y Javascript

Objetivos del curso

El objetivo del curso ofrecer a los estudiantes el conocimiento necesario sobre el framework de desarrollo web Blazor, que permite desarrollar aplicaciones web SPA con C# y sin necesidad de conocimientos JavaScript.

Por qué debes aprender Blazor

Blazor es un framework que permite el desarrollo de aplicaciones web sin necesidad (apenas) de usar JavaScript. Se basa en un modelo de componentes “inspirado” en React y se apoya en tecnologías como Web Assembly para permitirte desarrollar aplicaciones web… ¡usando C#!

De este modo, si eres conocedor de .NET y de C# puedes reaprovechar toda tu experiencia y desarrollar aplicaciones web modernas y totalmente compatibles sin necesidad de cambiar de tecnología ni de herramientas.

Blazor es por tanto adecuado para desarrolladores .NET que desean una experiencia unificada en la creación de aplicaciones web modernas. Gracias al framework podrán realizar proyectos web sofisticados, pero implementados de manera sencilla y sin salirse de su zona de confort, compartiendo además la lógica de negocio entre el código del lado del cliente y el código del lado del servidor, lo que ofrece una mayor consistencia y reutilización.

Qué tengo que saber

  • Conocimientos de programación web (HTML, JS, CSS).
  • Conocimientos de .NET y C#.

Para el curso se asume que el alumno tiene conocimientos de programación web y de programación básica en .NET. El curso será posible seguirlo si no se conoce .NET pero algunos aspectos pueden resultar un poco confusos.

Clases y contenidos

Blazor, modos de desarrollo e inicio de proyectos Gratis
  • Introducción a Blazor y a sus dos modelos de desarrollo
  • Estructura de un proyecto Blazor y la sintaxis de Razor
Desarrollo de componentes y páginas en Blazor
  • Componentes y páginas en Blazor
  • Enrutamiento y navegación
Dinámicas Curso de Blazor

Dinámicas Curso de Blazor

Gestión de formularios en Blazor

En los siguientes vídeos vamos a avanzar en el desarrollo de componentes de Blazor, analizando funcionalidades para la gestión de formularios, como el enlace de datos, las validaciones, los tipos de eventos en formularios, etc.

Introducción a EditForm

Explicaciones de las herramientas disponibles en Blazor para trabajar con formularios y gestionar la entrada y salida de datos mediante componentes de interfaz gráfica basados en elementos de formulario.

Utilización de EditForm para creación de formularios en Blazor

Utilización de EditForm para creación de formularios en Blazor Práctica de creación de un formulario en el que usaremos componentes de formulario EditForm con datos que estarán disponibles en una clase de la aplicación Blazor.

Enlace de datos y validación con DataAnnotations

Verificamos el 2 way data binding y trabajaremos con las validaciones automáticas de datos de los formularios que nos ofrece Blazor mediante los DataAnnotations.

ValidationMessage y ValidationSummary

Estos dos artefactos nos permiten en Blazor mostrar los errores de validación en nuestros componentes. Mostramos cómo se utilizan en un formulario.

Cómo crear validaciones personalizadas en Blazor

Crear clases de validación personalizadas en nuestros propios DataAnnotations, creadas mediante clases en el proyecto Blazor.

Validaciones de formulario cruzadas en Blazor con EditContext

EditContext en Blazor nos ofrece una representación del estado de edición de un formulario. Lo usamos para poder gestionar las validaciones cruzadas en nuestro proyecto Blazor.

Eventos de EditContext y EditForm

Para finalizar el tema de la gestión de formularios en Blazor explicamos cómo gestionar distintos tipos de eventos que encontramos en los formularios de Blazor mediante EditContext y EditForm.

Clases on-demand

Este curso se va a impartir con vídeos para ver bajo demanda. En los próximos días publicaremos los días definitivos de publicación de los contenidos, comenzando por el tema de componentes de Blazor. La distribución de clases también tendrá variaciones para ajustarse al nuevo formato, siempre respetando los contenidos planificados desde el inicio.

Maquetación y acceso a servicios web
  • Maquetación de los componentes
  • Acceder a datos de una API Rest
  • Validación de formularios
Añadir a Google Calendar
Trabajar con Javascript
  • Interoperabilidad entre el código Blazor y el código JavaScript
Añadir a Google Calendar
Seguridad en Blazor
  • Autenticación
  • Autorización de rutas y pantallas
Añadir a Google Calendar

Cursos que también te pueden interesar

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 200 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete