Angular  es un framework para aplicaciones web desarrollado en TypeScript y  mantenido por Google, permite realizar aplicaciones web.

En este curso vamos a aprender a desarrollar aplicaciones web con Angular , .Net Core y Sql Server

En este curso vemos como crear aplicaciones web , veremos como construir y consumir nuestra  propia API REST y veremos como trabajar con base de datos SQL Server y Entity Framework.

El temario del curso es el siguiente:

A)Introducción

• 1) Temario curso

• 2) ¿Qué es Angular?

• 3) ¿Qué es NET CORE?

1) Temario curso

2) ¿Qué es Angular?

3) ¿Qué es NET CORE?

B)Preparación del entorno

• 4) Preparación del entorno. Software necesario 

• 5) Instalación video Visual Studio 2022     

• 6) Instalación del Motor de SQL SERVER 2019

• 7) Instalación de SQL Server Management Studio 

4) Preparación del entorno. Software necesario 

5) Instalación video Visual Studio 2022     

6) Instalación del Motor de SQL SERVER 2019

7) Instalación de SQL Server Management Studio 

C)Definición del proyecto y estructura de tablas

• 8) Componentes del proyecto

• 9) Diseño en la base de datos las tablas

• 10)Creamos el proyecto con Angular y NET Core 

8) Componentes del proyecto

9) Diseño en la base de datos las tablas

10)Creamos el proyecto con Angular y NET Core 

D)Primeros pasos con Entity Framework y nuestra base de datos

• 11)Conectamos a la base de datos con Entity Framework

• 12)Creamos un controlador y devolvemos datos vía API

• 13)Insertamos en nuestra base de datos con Entity Framework

• 14)Editar datos en nuestra base de datos con Entity Framework

• 15)Borrar datos en nuestra base de datos con Entity Framework    

11)Conectamos a la base de datos con Entity Framework

12)Creamos un controlador y devolvemos datos vía API

13)Insertamos en nuestra base de datos con Entity Framework

14)Editar datos en nuestra base de datos con Entity Framework

15)Borrar datos en nuestra base de datos con Entity Framework    

E)Componentes en Angular

• 16)Componentes y rutas en angular (I)

• 17)Componentes y rutas en angular (II)

• 18)Componentes y rutas en angular (III)

• 19)Como anidar componentes

• 20)Pasar datos entre componentes

16)Componentes y rutas en angular (I)

17)Componentes y rutas en angular (II)

18)Componentes y rutas en angular (III)

19)Como anidar componentes

20)Pasar datos entre componentes

F)Conceptos teóricos sobre patrones de diseño

• 21)Teoría inyección de dependencias   

• 22)Patrón de diseño Observable teoría

• G)Servicios en angular

• 23)Servicios en Angular (I)

• 24)Servicios en Angular (II).Configurar Cors

• 25)Servicios en Angular (III).Listado de productos con ngfor

• 26)Aplicamos bootstrap al componente productos

21)Teoría inyección de dependencias   

22)Patrón de diseño Observable teoría

G)Servicios en angular

23)Servicios en Angular (I)

24)Servicios en Angular (II).Configurar Cors

25)Servicios en Angular (III).Listado de productos con ngfor

26)Aplicamos bootstrap al componente productos

H)Peticiones POST,PUT y DELETE desde Angular

• 27)Petición POST desde Angular(I)

• 28)Petición POST desde Angular (II)

• 29)Ventana modal en angular

• 30)Petición PUT desde Angular

• 31)Petición DELETE desde Angular

27)Petición POST desde Angular(I)

28)Petición POST desde Angular (II)

29)Ventana modal en angular

30)Petición PUT desde Angular

31)Petición DELETE desde Angular

I)Autenticación con JSON Web Token (JWT)

• 32)JWT con .NET Core(I)

• 33)JWT con .NET Core(II)

• 34)JWT con .NET Core(III)

• 35)JWT con .NET Core(IV)

• 36)JWT con .NET Core(V)

32)JWT con .NET Core(I)

33)JWT con .NET Core(II)

34)JWT con .NET Core(III)

35)JWT con .NET Core(IV)

36)JWT con .NET Core(V)

J)Peticiones JWT desde el Front-End

• 37)Petición login API desde Angular

• 38)Rutas y Guard en Angular

• 39)Lógica componente login

• 40)Método login del cliente en el back-end

37)Petición login API desde Angular

38)Rutas y Guard en Angular

39)Lógica componente login

40)Método login del cliente en el back-end

K)Como usar LocalStorage

• 41)Almacenar token en LocalStorage

• 42)Almacenar usuario en LocalStorage

41)Almacenar token en LocalStorage

42)Almacenar usuario en LocalStorage

L)Interceptors, SessionStorage y cierre sesión

• 43) Interceptors en Angular

• 44) Cerrar sesión en angular

• 45) Caducidad token API

43) Interceptors en Angular

44) Cerrar sesión en angular

45) Caducidad token API

M) Guardar pedidos en BBDD

• 46) Guardamos pedidos en nuestro backend

• 47)Transacciones con EF

46) Guardamos pedidos en nuestro backend

47)Transacciones con EF

N)Logs

• 48)Logs. Refactorizar código(I)

• 49)Logs. Refactorizar código(II)

48)Logs. Refactorizar código(I)

49)Logs. Refactorizar código(II)

O) Guardar pedidos desde Angular

• 50)Crear pedidos desde Angular(I)

• 51)Crear pedidos desde Angular(II)

• 52)Crear pedidos desde Angular(III)

50)Crear pedidos desde Angular(I)

51)Crear pedidos desde Angular(II)

52)Crear pedidos desde Angular(III)

P) Lista pedidos en angular

• 53)Lista pedidos de un cliente(I)

• 54)Lista pedidos de un cliente(II)

53)Lista pedidos de un cliente(I)

54)Lista pedidos de un cliente(II)

Q)Modificar datos cliente  en angular y control de errores

• 54)Modificar datos cliente (I)

• 55)Modificar datos cliente (II)

• 56)Control de errores en Angular

54)Modificar datos cliente (I)

55)Modificar datos cliente (II)

56)Control de errores en Angular

M)Actualización a .NET 7

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

• 59)Actualizamos proyecto a NET 7

  
  

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

59)Actualizamos proyecto a NET 7

N)Actualización a .NET 8

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

• 61)Actualizamos proyecto a NET 8

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

61)Actualizamos proyecto a NET 8