Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Aprende Blazor WebAssembly + Net Core + SQL Server

person icon JAP SOFTWARE

4.5

Aprende Blazor WebAssembly + Net Core + SQL Server

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

updated on icon Updated on Apr, 2024

language icon Language - Spanish

person icon JAP SOFTWARE

category icon Blazor,SQL Server,.Net,Development,Web Development

Lectures -54

Resources -59

Duration -11 hours

4.5

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course 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

  • Instalación del nuevo Visual Studio 2022

  • Actualización de proyectos a .NET 6

Goals

What will you learn in this course:

  • 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

Prerequisites

What are the prerequisites for this course?

  • Fundamentos  básicos de C#.
  • Conocimientos básicos de SQL Server
  • Conocimientos de HTML y CSS
Aprende Blazor WebAssembly + Net Core + SQL Server

Curriculum

Check out the detailed breakdown of what’s inside the course

Presentación del curso
1 Lectures
  • play icon Presentación del curso 08:47 08:47
Introducción
6 Lectures
Tutorialspoint
Configuración inicial de nuestro proyecto y nuestra base de datos
7 Lectures
Tutorialspoint
Personalizamos nuestro proyecto
5 Lectures
Tutorialspoint
Interfaz creación de pedidos
4 Lectures
Tutorialspoint
Mecanismo de registro de usuario
2 Lectures
Tutorialspoint
Mecanismos de Log-In y Log-Out
7 Lectures
Tutorialspoint
Adaptamos vistas a usuario logado
3 Lectures
Tutorialspoint
Control errores
5 Lectures
Tutorialspoint
Securizando aplicación
6 Lectures
Tutorialspoint
Mejoras y algunos ajustes de la aplicación
5 Lectures
Tutorialspoint
Conclusiones
1 Lectures
Tutorialspoint
Actualización a Visual Studio 2022 y .NET 6
2 Lectures
Tutorialspoint

Instructor Details

JAP SOFTWARE

JAP SOFTWARE

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515