Udemy

Platform

Español

Language

Web Development

Category

Desarrollando Aplicaciones en Angular 10 y ASP.NET Core 5

Utiliza Angular, ASP.NET Core, Entity Framework Core, Material Design, JWT, Leaflet, para crear una aplicación completa

4.61 (444 reviews)

Desarrollando Aplicaciones en Angular 10 y ASP.NET Core 5

Students

16.5 hours

Content

Apr 2021

Last Update
Regular Price

BLUE HOST
Blue Host
Fast, easy, and secure WordPress hosting in minutes + 1 free domain name
$2.95/month

What you will learn

Realizar Web APIs con .NET Core

Desarrollar Web Apps con Angular

Utilizar Entity Framework para trabajar con bases de datos


Description

Con ASP.NET Core podemos desarrollar Web APIs utilizando C#.

Con Angular puedes crear aplicaciones web modernas sin demasiados dolores de cabeza.

En este curso usaremos ambas herramientas para crear un proyecto. Haremos una aplicación con su base de datos, sistema de usuarios, back-end y UI, donde pondrás en práctica los conceptos aprendidos en el curso.

Al final vamos a publicar nuestra aplicación de Angular y nuestra aplicación de ASP.NET Core.

Algunos de los temas que veremos:

  • Desarrollo de Web APIs con ASP.NET Core

  • Base de datos en SQL Server utilizando Entity Framework Core

  • Sistema de usuarios con Json Web Tokens (JWT)

  • Desarrollo de una aplicación de página única (SPA) con Angular

  • Creación de formularios reactivos en Angular

  • Realizar peticiones HTTP desde Angular hacia ASP.NET Core

  • Uso de componentes de Angular Material

  • Uso de mapas con leaflet

  • Guardar datos espaciales en una base de datos con NetTopologySuite

  • Permitir a los usuarios subir imágenes para ser guardadas en Azure Storage o localmente

Al terminar este curso tendrás conocimientos suficientes para enfrentar retos de desarrollo que involucren aplicaciones de ASP.NET Core y Angular.


Content

Introducción - Angular y ASP.NET Core

Introduction

¿Qué es Angular?

Angular vs AngularJS

Anatomía de una Aplicación de Angular

¿Qué es ASP.NET Core?

Instalando Node

Instalando Angular

Instalando Visual Studio

Instalando Visual Studio Code

Modelos de Trabajo

Creando la App de Angular

Creando el Web API con Visual Studio

Creando el Web API con Visual Studio Code

Creando el Proyecto con el Modelo Combinado

Conclusión

Repositorio del Curso (Código fuente)

Componentes en Angular

Introducción

Explorando el Proyecto

Anatomía de un Componente

Interpolación - Mostrando Variables en el UI

Pipes - Transformando Datos

ngFor - Iterando Colecciones en el UI

ngIf - Mostrar u Ocultar UI Dinámicamente

Creando un Nuevo Componente

Parámetros - Haciendo Componentes Reutilizables

Eventos - Respondiendo a Acciones del Usuario

ng-container - Evitando Etiquetas Innecesarias en el DOM

Variables de Referencia de Plantilla

Proyección de Contenido

Instalando Material Design

Creando un Menú

ngClass - Aplicando Estilos de CSS Dinámicamente

Output - Comunicación de Componente Hijo a Padre

Ciclo de Vida de un Componente

Ciclo de Vida de un Componente - Ejemplos

Estilos Globales

Conclusión

Ruteo

Introducción

Limpieza del Proyecto

Ruteo

Navegación por JavaScript

Parámetros de Ruta

Wildcard - Atrapando Todas las Rutas

Conclusión

Formularios

Introducción

Formularios Reactivos vs Por Plantillas

Formulario de Géneros

Validaciones en Formularios Reactivos

Validaciones Personalizadas

Filtro de Películas - Plantilla

Filtro de Películas - Lógica

Filtro de Películas - Query Strings

Formulario Actores

Componente Selector de Imágenes

Componente Markdown

Formulario Cines

Introducción a Leaflet - Componente de Mapas

Leaflet y Formularios

Formulario Películas

Binding de Doble Vía

Componente de Selección Múltiple - Selector de Géneros

Selector de Cines

Selector de Actores - Componente Autocomplete

Selector de Actores - Componente Tabla

Selector de Actores - Arrastrando Elementos

Conclusión

Introducción a ASP.NET Core

Introducción

Instalando Postman

Creando el Repositorio

Controladores y Acciones

Reglas de Ruteo

Tipos de Dato de Retorno de una Acción

Programación Asíncrona

Model Binding

Validaciones

Validaciones Personalizadas

Inyección de Dependencias

Servicios

Loggers

Middleware

Filtros

Filtros Personalizados

Conclusión

Servicios y Entity Framework Core

Introducción

Limpiando el Back-End

Introducción a los Servicios

HttpClient, Environment y CORS

Creando la Base de Datos

Creando Géneros

Mostrar Errores del Web API

DTOs

Índice de Géneros

Paginación - Web API

Paginación - Angular

Editar Géneros

Borrar Géneros

Crear Actores

Enviando una Imagen al Web API

Guardando una Imagen en Azure Storage

Guardando una Imagen Localmente (opcional)

Indice de Actores

Editar Actores

Crear Cines - Web API

Crear Cines - Angular

Indice de Cines

Editar Cines

Entidad Películas

Crear Películas - Web API

Crear Películas - Angular

Crear Películas - Selector de Actores

Detalle de Películas - Web API

Detalle de Películas - Funcionalidad

Detalle de Películas - UI

Filtros - Landing Page

Editar Películas - Web API

Editar Películas - Angular

Componente de Filtros

Borrar Películas

Conclusión

Seguridad

Introducción

Autenticación, autorización y JSON Web Tokens

Ocultar UI a Usuarios no Autorizados

Protegiendo Rutas con CanActivate - Route Guards

Configurando Identity

Creando el CuentasController

Componente de Registro

Componente de Login

Entidad Rating

Votando Por Películas

Interceptores HTTP - Anexando el JWT en la Petición HTTP

Autorización Basada en Claims

Asignar Claims - Web API

Asignar Claims - Angular

Conclusión

Despliegues

Introducción

Publicando el Web API en un Azure App Service

Investigando Errores en Producción - Application Insights

Publicando la App de Angular en Firebase

Conclusión


Reviews

A
Alberto3 February 2021

No da ejemplos visuales, ya sea para ilustrar de forma gráfica lo que está diciendo como para definir los límites de alcance de las aplicaciones que se pueden crear.

P
Pablo25 January 2021

Hasta el momento he aprendido pero quiero ver cuando llegue en realidad a la parte ya de la creacion que tan bien explican los conseptos

G
Gerardo17 January 2021

Buen curso, tiene todos los elementos a considerar para desarrollar aplicaciones web con angular y .net framework core. Me está sirviedo de de referencia para crear mis propias aplicaciones.

O
Omar15 January 2021

La verdad es que no tiene mucho que comencé a aprender programación Web, tengo más experiencia en la programación de aplicaciones de escritorio, pero ahora puedo ver que en realidad hay mucho por explorar en este nuevo universo, y además Angular puedo ver que es una herramienta de lo más actual. Desde que recuerdo, disfruto y me encanta programar muchísimo gracias a un buen profesor que me hizo descubrir ese potencial oculto que tenía, y veo que el instructor de este curso sabe usar el código y tienen gran dominio en cuanto a la lógica del mismo. Me llevo un enorme conocimiento para utilizar en un futuro para llevar a cabo las buenas prácticas de programación muy en alto. No me arrepiento en lo absoluto de haber entrado a este curso, y espero que este no sea el último. Muchas gracias al instructor Felipe por compartir con nosotros su conocimiento. Me aplicaré en practicar mucho para ser tan bueno como él en un futuro.

V
Victor8 January 2021

Muy buen curso, Felipe es un excelente instructor/profesor. Recomiendo ampliamente los cursos que tiene publicados!

Y
Yuniesky31 December 2020

Excelente! gran disertacion! Gracias al profesor por tanta profecionalidad, manera de trasmitir sus conocimientos es exepcional!

T
Tomas24 December 2020

El curso cumple muy bien con lo que promete y esta bastante completo. No pongo puntuación perfecta, porque me hubiera gustado que se aborde el tema de que los componentes sean responsive (por lo menos con una sola pantalla). Además, me hubiera gustado el abordaje de una arquitectura mas profesional tanto en el front (usando los módulos de angular, que acá solo se ocupo uno para meter los componentes de material, pero nada relacionado a la lógica de negocio de la aplicación en si), y en el backend (ya que solo se dividió las cosas en unas carpetas, que con una app con las clases del curso esta mas que bien, pero no es algo escalable a futuro), esto ultimo, si no es viable en un curso, por lo menos que sea mencionado en un grafico, ya que mucha gente sale pensando que es un experto, pero despues resulta que es rechazada en las entrevistas de trabajo ya que su código no es escalable. De todas formas, sacando lo anteriormente mencionado, el curso esta muy completo, bien explicado, y hace mención a varios escenarios, no te deja en un solo camino.

J
José21 December 2020

Muy didactica la forma de explicar la teoria, sus ejemplos son muy buenos, por ejemplo para entender los tipos de servicios.

R
Rodrigo16 December 2020

Llevo tiempo de seguir a Felipe, y simplemente es un mentor. Le tengo mucho que agradecer. Es mi tercer curso con él. Saludos desde Costa Rica.

F
Fernando1 December 2020

Excelente curso, abarca una gran cantidad de temas y los ejemplos son muy claros. Es muy bueno que además de explicar los temas relacionados al lenguaje/Framework utilizado, también explica e implementa buenas prácticas de programación. Curso totalmente recomendable.

M
Marco22 November 2020

Hay veces que el interlocutor se refiere a este y esto y debería referirse en una forma correcta diciendo variable de que tipo es, o mencionar a que se refiere. Solo menciona, hay que modificar este y después dice no funciona porque no aplique este, lo que hace confuso a que se refiere. No se entienden esas partes y va muy rápido y no explica la lógica que aplica.

T
Tomás20 November 2020

Excelente explicación en la introducción muy clara y sencilla, se aprecia el dominio del tema por parte del instructor

A
Alban14 November 2020

Si, porque angular he trabajado pero muy poco, entonces es conveniente ssaber los beneficios que provee

G
Gabriel12 November 2020

He segudio algunos videos de youtube de Felipe Gavilan y es un excelente Maestro, su forma de explicar hace que pueda entender muy bien lo que trata de transmitir.

C
Cristian11 November 2020

Muy bien hasta ahora, va un poquito rápido pero se supone que quien tome este curso por lo menos debe saber lo básico de angular y dotnet


Coupons

DateDiscountStatus
6/5/202186% OFFExpired

3548864

Udemy ID

10/5/2020

Course created date

11/21/2020

Course Indexed date
Bot
Course Submitted by