Inicio Noticias Curso acelerado de ensamblaje web Blazor

Curso acelerado de ensamblaje web Blazor

¿Qué es Blazer? ¿Para qué sirve? ¿Qué tipo de aplicaciones puedes escribir con él? ¿Es del lado del cliente o del lado del servidor? Este curso intensivo gratuito sobre la creación de aplicaciones de ensamblaje web Blazor basadas en .NET 5 brinda una excelente oportunidad para descubrir qué es Blazor y qué puede hacer.

Pero antes de eso, me gustaría delinear el fondo primero …

Blazor es una forma de escribir aplicaciones web del lado del servidor y del lado del cliente con .NET y C # en lugar de usar Javascript en el front-end. Si ha oído hablar del marco de Vaadin, Blazor es algo como esto. Pero con una pequeña diferencia … el código en Blazor se compila en WebAssembly, no en Javascript. La forma en que funciona es que un tiempo de ejecución .Net compilado en WebAssembly se descarga en el navegador del usuario, que luego ejecuta la aplicación Blazor en la misma caja de arena que ejecuta Javascript. ¡Y gracias a esta magia de WASM, puede ejecutar aplicaciones intensivas, incluso juegos C ++, dentro del navegador!

¿Pero no suena como un subprograma de Java? Un subprograma necesita un complemento de navegador y una máquina host que ejecute JVM. Por el contrario, WASM tiene como objetivo el motor del navegador, por ejemplo, el V8 de Chrome. Además, todavía puede interactuar con Javascript, especialmente porque actualmente no puede acceder directamente al DOM. Esta es una de las razones por las que está etiquetado no como un reemplazo de Javascript sino como un complemento.

Pero para la mayoría de la gente estos avances tecnológicos no resonarán; son las ganancias de productividad las que sorprenderán. Estoy buscando el panorama general que es que los desarrolladores de backend no tienen que aprender Javascript y sus marcos para escribir una pila de aplicaciones web completa. Pueden usar el mismo idioma 3GL en la parte posterior y frontal. Además, puede ejecutar otros tipos de aplicaciones, que normalmente no están disponibles para un navegador web, ofrece mejoras de rendimiento y el resto de los beneficios de compilar en WebAssembly.

Con eso en mente, echemos un vistazo a lo que trata este curso.

El caso de uso es crear una aplicación simple de seguimiento de ingresos y gastos, FinanceMentor, completa con menú, formulario y panel de control. Esto implicará el desarrollo de componentes Blazor, la administración de formularios, la administración de API, los diálogos modales, la administración de CSS, el uso de imágenes y la creación de un tablero con una biblioteca de IU de terceros.

Para seguir, se requieren Visual Studio y .NET 5 SDK. También tenga en cuenta que este curso trata sobre Blazor WebAssembly y no sobre Blazor Server. Para obtener una introducción rápida a Blazor y las diferencias, consulte esto. Sin embargo, no se alarme; Si bien ese video es de enero de 2020, el curso real es de marzo de 2021.

Entonces, después de una breve, pero buena descripción general de alto nivel de Blazor y sus modelos de alojamiento, continuemos con la primera lección donde aprendemos cómo configurar un nuevo proyecto Blazor basado en una plantilla predefinida y cómo organizar los primeros elementos básicos. de nuestra página web.

Avanzando paso a paso, la segunda lección, Componente y validación del formulario Blazor, pasa por la implementación de la página, el elemento del menú, el formulario y el manejo de la validación de entrada para los campos del formulario.

En la Lección 3: Administración de la API de Blazor, aprendemos cómo guardar datos y cargar datos desde el backend mediante la implementación de una tabla de datos simple y completar sus datos mediante una llamada a la API desde la aplicación web Blazor a un backend de API web ASP .NET.

La lección 4 trata sobre la creación de un componente de diálogo modal Blazor que solicita confirmación al usuario cuando se hace clic en el botón Eliminar.

La Lección 5 trata sobre el uso de CSS para modelar los componentes hechos, la Lección 6 sobre cómo agregar imágenes estáticas como un logotipo y la Lección 7 concluye el curso integrando una biblioteca de interfaces de usuario de terceros, Radzen, para crear el Tablero.

En resumen, las lecciones son:

1. Empezando
2.Componente y validación del módulo Blazer
3.Gestión de API de Blazer
4. Componente de diálogo modal Blazor
5. Gestión de CSS de CSS Blazer
6 imágenes estáticas
7. Cree un tablero

Cada video tiene una duración de 10 a 16 minutos, viene con instrucciones y todo el código está en Github.

Recomendado si eres un desarrollador de .NET que quiere estar al día con las últimas novedades y, al mismo tiempo, ver una alternativa productiva a escribir Javascript en la interfaz.

blazorsq

Marc Gomez
Vine a por tabaco y ya me quedé aquí. Cuando no estoy en el sótano de Tecnopasion suelo pasear por las calles de Barcelona.
RELATED ARTICLES

Dejar respuesta

Please enter your comment!
Please enter your name here