Aprende Blazor WebAssembly + .Net + SQL Server

Crea aplicaciones web con Blazor WebAssembly ,construye tu propia Web API y crea tu estructura de base de datos SQL

4.45 (53 reviews)
Udemy
platform
Español
language
Web Development
category
instructor
3,297
students
12 hours
content
Feb 2024
last update
$19.99
regular price

What you will learn

Desarrollar aplicaciones web con Blazor Web Assembly, C# y SQL Server

Crear Web API con autenticación JWT

Crear bases de datos con SQL Server

Tendrán las bases para crear sus propias aplicaciones de gestión

Description

Blazor WebAssembly  es una tecnología de Microsoft que nos permite realizar aplicaciones web con C# sin necesidad de utilizar JavaScript.

En este curso vamos a aprender a desarrollar aplicaciones web con Blazor WebAssembly .

En este curso vemos como crear aplicaciones web con C#, veremos como construir y consumir nuestra  propia API REST y veremos como crear una estructura de base de datos con SQL Server.  También veremos como obtener los datos de nuestra base de datos vía procedimientos almacenados. No utilizaremos Entity Framework.

El temario del curso es el siguiente:


A) Introducción:

  • 1) Temario del curso

  • 2) Instalación del entorno.

  • 3) ¿Qué es Blazor web webAssembly?.Creamos nuestro proyecto 

  • 4) Diferencias entre Blazor Server y Blazor WebAssembly

  • 5) Analizamos los proyectos creados 

  • 6) Limpiando los proyectos  

B) Configurando nuestro proyecto

  • 7) Personalizamos Layoyt. 

  • 8) Configuramos spinner de carga

  • 9) Creamos nuestro modelo de tablas en nuestra base de datos.

  • 10) Mapeamos modelo de base de datos 

  • 11) Creamos cadena de conexión en appssetting y configuramos clase startup 

  • 12) Añadimos datos a nuestra base de datos y estructuramos nuestra aplicación

  • 13) Añadimos punto de entrada que devuelve datos de la entidad cursos

C) Personalizamos nuestro proyecto

  • 14) Construir interfaz de usuario del componente index.razor

  • 15) Eventos blazor para manejar el DOM y cuadro dialogo

  • 16) Añadiendo detalles sobre el contenido en nuestros cursos

  • 17) Añadiendo detalle al cuadro dialogo y teoría event callback

  • 18) Implementamos event callback del boton cancelar

D) Interfaz creación de pedidos

  • 19) Implementamos event callback del boton agregar y carro de compra

  • 20) Agregamos mecanismo compra en controlador

  • 21) Mecanismo para guardar en base de datos  nuestros cursos

  • 22) Añadimos capa de compra realizada correctamente

E) Mecanismo de registro de usuario

  • 23) Creamos componente de alta de usuario

  • 24) Mecanismo para guardar usuario en base de datos

F) Mecanismos de Log-In y Log-Out

  • 25) Creamos componente de Log-In

  • 26) Validar usuario contra base de datos

  • 27) AuthenticationStateProvider en Blazor WebAssembly

  • 28) Gestionando sesiones

  • 29) Mecanismo de validación de usuario en nuestras vistas

  • 30) Mecanismo de Log-Out

  • 31) Autorización en las vistas

G) Adaptamos vistas a usuario logado

  • 32) Modificamos vista index.razor

  • 33) Listado de cursos comprados por usuario (I)

  • 34) Listado de cursos comprados por usuario (II)

H) Control errores

  • 35) Añadimos registro de log a nuestra Web API

  • 36) Registro errores consola en cliente webAssembly

  • 37) Gestión de errores en aplicación

  • 38) Diseño capa de error en nuevo componente

  • 39) Agregamos componente razor para mostrar errores

I) Securizando aplicación

  • 40) Agregamos JWT en  en nuestra  WEB API

  • 41) Modificación  peticiones API en nuestro cliente

  • 42) Mecanismos recuperar contraseña (I)

  • 43) Mecanismos recuperar contraseña (II)

  • 44) Mecanismos recuperar contraseña (III)

  • 45) Mecanismo confirmación alta usuario

J) Mejoras y algunos ajustes de la aplicación

  • 46) Validar el nuevo campo activo en todos los procedimientos necesarios

  • 47) Creando servicios en nuestro cliente(I)

  • 48) Creando servicios en nuestro cliente(II)

  • 49) Creando servicios en nuestro cliente(III)

  • 50) Atomizando servicios

K) Conclusiones

  • 51) Conclusiones generales y otros cursos

L) Actualización a Visual Studio 2022 y .NET 6

  • 52)Instalación del nuevo Visual Studio 2022

  • 53)Actualización de proyectos a .NET 6

M)Actualización del proyecto  a .NET 7

  • 54) Como actualizar visual studio para utilizar .NET 7 y C#11

  • 55) Actualizamos proyecto a la versión de .NET 7

N)Actualización a .NET 8

  • 56)Como actualizar visual studio para utilizar .NET 8 y C#12

  • 57)Actualizamos proyecto a NET 8

O)Actualización SQL Server 2022

  • 58)Instalación Motor SQL Server 2022

  • 59)Instalación nuevo Management  Studio

  • 60)Restaurando base de datos y adaptando proyecto

Content

Introducción

Temario del curso
Preparando el entorno para el curso
¿Qué es Blazor web webAssembly?Creamos nuestro proyecto
Diferencias entre Blazor Server y Blazor WebAssembly
Analizamos los proyectos creados
Limpiando los proyectos

Configuración inicial de nuestro proyecto y nuestra base de datos

Personalizamos Layout
Configuramos spinner de carga
Creamos nuestro modelo de tablas en nuestra base de datos
Mapeamos modelo de base de datos
Creamos cadena de conexión en appssetting y configuramos clase startup
Añadimos datos a nuestra base de datos y estructuramos nuestra aplicación
Añadimos punto de entrada que devuelve datos de la entidad cursos

Personalizamos nuestro proyecto

Construir interfaz de usuario del componente index.razor
Eventos blazor para manejar el DOM y cuadro dialogo
Añadiendo detalles sobre el contenido en nuestros cursos
Añadiendo detalle al cuadro dialogo y teoría event callback
Implementamos event callback del botón cancelar

Interfaz creación de pedidos

Implementamos event callback del botón agregar y carro de compra
Agregamos mecanismo compra en controlador
Mecanismo para guardar en base de datos nuestros cursos
Añadimos capa de compra realizada correctamente

Mecanismo de registro de usuario

Creamos componente de alta de usuario
Mecanismo para guardar usuario en base de datos

Mecanismos de Log-In y Log-Out

Creamos componente de Log-In
Validar usuario contra base de datos
AuthenticationStateProvider en Blazor WebAssembly
Gestionando sesiones
Mecanismo de validación de usuario en nuestras vistas
Mecanismo de Log-Out
Autorización en las vistas

Adaptamos vistas a usuario logado

Modificamos vista index.razor
Listado de cursos comprados por usuario (I)
Listado de cursos comprados por usuario (II)

Control errores

Añadimos registro de log a nuestra Web API
Registro errores consola en cliente webAssembly
Gestión de errores en nuestra aplicación
Diseño capa de error en nuevo componente
Agregamos componente razor para mostrar errores

Securizando aplicación

Agregamos JWT en en nuestra WEB API
Modificación peticiones API en nuestro cliente
Mecanismos recuperar contraseña (I)
Mecanismos recuperar contraseña (II)
Mecanismos recuperar contraseña (III)
Mecanismo confirmación alta usuario

Mejoras y algunos ajustes de la aplicación

Validar el nuevo campo activo en todos los procedimientos necesarios
Creando servicios en nuestro cliente(I)
Creando servicios en nuestro cliente(II)
Creando servicios en nuestro cliente(III)
Atomizando servicios

Conclusiones

Conclusiones generales y otros cursos

Screenshots

Aprende Blazor WebAssembly + .Net + SQL Server - Screenshot_01Aprende Blazor WebAssembly + .Net + SQL Server - Screenshot_02Aprende Blazor WebAssembly + .Net + SQL Server - Screenshot_03Aprende Blazor WebAssembly + .Net + SQL Server - Screenshot_04

Reviews

Daniel
August 19, 2023
En la gran mayoria se explica bien las bases, sin embargo, no se muestra como hacer el despliegue de la aplicación, respecto al tema de la actualización la parte de nlog no se muestra como actualizarlo para net 7. Considero que en vez de compartir todo el proyecto, se podría ir compartiendo las partes de código que se van a trabajar en la sección, al igual que los scripts, que sean por lección y no la base completa.
Héctor
July 29, 2022
Excelente curso. Aunque los videos son de poca resolucion. Y cuando estoy en un video me salta al siguiente. Esto es un tanto molesto y me gustaria lo corrijan. De resto bueno el curso y la metodologia.
Jose
May 30, 2021
Buen curso para sentar las bases sobre como realizar una aplicación básica con Blazor. A su vez permite ver como como conectarse con nuestra propia API y esta a su vez conectandose a una base de datos SQL SERVER.
Carlos
April 20, 2021
Excelente curso. Muy bien explicado, se nota la experiencia del profesor. Lo que mas me gustó del curso es que no llevaba Entity Framework, asi muchos programadores viejos podemos quedar sin dudas de como integrarnos en estas nuevas tecnologías, El JWT muy bien explicado, quedé muy claro. Igualmente la explicación del manejo de usuarios con una tabla propia, no me queda ninguna duda para su implementación. Gracias por el tiempo brindado para hacer este curso, pues es muy buen material para entender toda esta lógica importante que abarca desde los CRUD, las Web api y la seguridad.

Coupons

DateDiscountStatus
6/5/202167% OFF
expired
2/27/202275% OFF
expired
6/17/202280% OFF
expired
7/20/202280% OFF
expired
8/2/202280% OFF
expired
8/22/202280% OFF
expired
10/6/202280% OFF
expired
12/2/202280% OFF
expired
12/20/202280% OFF
expired
3/26/2023100% OFF
expired
4/27/202350% OFF
expired
7/16/202350% OFF
expired
7/26/2023100% OFF
expired
8/6/202350% OFF
expired
2/14/202450% OFF
expired

Charts

Price

Aprende Blazor WebAssembly + .Net + SQL Server - Price chart

Rating

Aprende Blazor WebAssembly + .Net + SQL Server - Ratings chart

Enrollment distribution

Aprende Blazor WebAssembly + .Net + SQL Server - Distribution chart
3689872
udemy ID
12/8/2020
course created date
3/22/2021
course indexed date
Bot
course submited by