Curso Angular y .NET Core en 2 horas

[@TomasRuizDiaz]

Coders, aca tienen la misma aplicación pero mas actualizada kzbin.info/www/bejne/n6KrfIOZZa6grKc

[@claudioacevedolazo]

Muchas gracias por tu video me encanto que estoy full estudiando ANGULAR... muy agradecido por todo.. y aca con ganas de seguir aprendiendo a mis 48 años

[@henryvargas5000]

muy buen ejemplo para uno que esta empezando en el desarrollo web con angular

[@paolocesar9385]

Muy buen tutorial de frente al desarrollo de una aplicación sin tantas vueltas, información muy valiosa y puntual.

[@noeliasanchez9144]

Muchas gracias, me ayudaste a entender un montón de dudas que tenia, entre los servicios, controladores y la comunicación entre front y back. ♥ Por mas videos como estos!!! :)

[@fabreddos]

Excelente Tutorial, conciso y efectivo, muchisimas gracias , saludos desde Colombia!

[@missda2009]

Hola! Excelente tutorial, me encantó!! Muchas gracias Tomás!!

[@jmiguel73]

Muy buen video, gracias tomas por tu gran aporte, saludos de Chile

[@alexdevjr]

@Tomas Ruiz Diaz, muchas gracias por tus cursos y tutoriales, no solamente por aquí, KZbin sino las que están en Udemy, los compre y han sido los mejores cursos que he visto sobre .NET y Angular, he aprendido mucho porque explicas de manera sencilla entendible y fácil de recordar, ojalá y como recomendación pudieras sacar otro curso prémium en Udemy de .NET en la versión más actual porque la que esta es la v.3 aunque sirve hay cosas que en v.5 ya no funcionan. Agradecería tener en cuenta esto y poder aprender más de estos cursos, .NET & Angular

[@TomasRuizDiaz]

Garcias Alex lo voy a tener en cuenta!

[@carmenperezlaines9364]

Que bueno que explicaste el código autogenerado del capitulo 7 en el controlador porque mi visual marco error infinidad de veces al quererlo crear, tuve que hacerlo manual linea por linea :-)

[@Hola-dw8bs]

Excelente tutorial amigo! La próxima vez podrías acotar con comentarios teóricos :) Sigue así! Nueva sub

[@CSR__]

Tomas, mil gracias por estos videos, gracias a esto pude entender por fin muchas cosas que tenia en duda. Saludos desde Medellín, Col

[@infraverso1]

Sos grande mi amigo. Me permitiste entender como funcionan muchas cosas en este tipo de aplicaciones. Quedé enganchado con Angular. Sería muy bueno que le agregaras consultas a la Base de Datos y las ejecutaras desde Angular para ver los resultados en una nueva vista

[@TomasRuizDiaz]

Hola jose! Gracias por el comentario. Para acceder a la base de datos si o si necesitamos un servidor

[@infraverso1]

@@TomasRuizDiaz Comprendo... tenía otra duda. Al momento de listar todas las tarjetas de crédito porqué usas una promesa y no un Observable?

[@TomasRuizDiaz]

@@infraverso1 se puede usar cualquiera de los dos.. pero esta mejor si usas un observable :)

[@ramiromoreno9581]

Buen tutorial hermano , deberias de hacer mas videos relacionados a este tipo , saludos !!!

[@bjorndouglas6905]

sorry to be so off topic but does anybody know a method to get back into an instagram account?? I was dumb lost my login password. I would appreciate any tricks you can give me

[@bjorndouglas6905]

@Jeffery Ira thanks for your reply. I got to the site thru google and im in the hacking process now. Takes quite some time so I will reply here later with my results.

Muy completo tu video amigo, felicidades y sigue adelante.

[@TomasRuizDiaz]

Gracias! 😊

[@FranciscoTorres-ct9sp]

excelente! y en poco tiempo una app completa y desplegada impresionante!

[@nicolaspironidaquila968]

muchísimas gracias por el video y por el aporte, excelente! muy bueno y muy completo!

[@federicofernandez683]

Excelente amigo! Gracias por compartir tus conocimientos! Nuevo suscriptor!

[@nicoranses9276]

Excelente, muy completo todo

[@luiscevallos1]

Por mas videos como estos muchas Gracias

[@mauriciohernandezcabrera9413]

Que gran video compadre. Todo muy bien explicado.

[@nelson3391]

Excelente Contenido y de suma utilidad!. Gracias!!!

[@joseangelflores3873]

Excelente video, me ayudo mucho! muchas gracias!. Estaría bueno sacaras un video de C#, .NET por que hay varias cosas que desconozco por que se hicieron así jejeje

[@alexgonball]

Hola José, puedes entrar al canal de Héctor de León para que veas todo lo que hizo del lado de .NET. Saludos.

[@joseangelflores3873]

@@alexgonball gracias!!

[@LuisHernandez-qs4yb]

te la rifaste bro!

[@memi2243]

Buenísimo

[@juliorobertoromerolescano5977]

Muy bueno, Muchas gracias por compartir Buen trabajo

[@davidonofre1972]

Excelente video, muy buena cada explicación, saludos.

[@miriamjrz]

Tengo una duda en el minuto 16:21 Porque se elige APi y no MVC?

[@elloco9121992]

Muy entretenido y ameno, muchas gracias, bro :-)

[@jeancarlosnieves1992]

Nuevo seguidor , me aclaraste muchas dudas 😁

[@LeanPerez21]

Muy bueno hermano!

[@ing.fabiangarrido364]

super bien muchas gracias

[@cristobalzapata4945]

Gracias por las enseñanzas que nos imparte. Una pregunta dónde se encuentra el código fuente t t

[@cristobalzapata4945]

Bueno, es que quería revisar por tengo errores t.t . Aún no malito con tyscript t.t

[@TomasRuizDiaz]

Hola Cristobal, acabo de colocar el código de la app en la descripción del video. Si el problema es el tipeo estricto de typescript, te recomiendo el siguiente video que es el mismo tutorial, mas actualizado y usando el tipeo estricto kzbin.info/www/bejne/n6KrfIOZZa6grKc

[@gelordtube]

Creo que en el backed deberías usar proyectos n-layered

[@TomasRuizDiaz]

Seguro, no lo hice porque se iba alargar mucho el video. La idea fue solamente mostrar como integrar frontend, backend y base de datos

[@henryvargas5000]

todo lo manejo en sql manager

[@Hola-dw8bs]

Preguntas: Por qué el get lo haces con una promesa y el post con un Observable? Porque algunas injecciones de dependencias las haces con public y otras con private? Ej: tarjetaService en list-tarjeta y tarjetaService en tarjeta-credito

[@TomasRuizDiaz]

Hola Hola! 1. Podes usar promesas o observables para hacer las peticiones HTTP (En angular el 95% de los dev usan observables). 2. Depende del alcance que quieras tener. Ej: si lo declaras privado solo vas a poder usar esa instancia dentro de la clase TS, ahora si pones por ejem public tarjetaService: TarjetaService, vas a poder acceder a ese objeto desde la clase TS y tambien desde el template HTML

[@leonlucas1379]

Buenas tardes, Tomas He tomado varios cursos y videos con vos, te consulto Tendras algun video o darme una pista como puedo hacer una autenticacion de windows con Angular Dentro de una red con LDAP Agradezco tu respuesta

[@miguelacatitla4145]

Muy bien curso, el unico detalle que ya te habrán comentado es que se muestra pixeleada la imagen y era un poco tedioso seguir el código. De ahi en fuera todo bien.

[@walter_escalera]

la base de dato como se crea?? que datos agregaste a la tabla??

[@TomasRuizDiaz]

Se crea con entity framework

[@walter_escalera]

@@TomasRuizDiaz me marie por que vos ya tenes un bloc de notas con un enlace o ruta, no se como se hace eso

[@Childv9090]

Hola , tengo un problema . . cuando trato de agregar [class.green-icon]="this.form.get('titular').valid" al icono me tira error , ayuda :(

[@joseangelflores3873]

Hola, me podrían ayudar con este error me que arroja al querer crear el controlador? Error al ejecutar el generador de codigos seleccionado "could not load file or assembly microsoft.Bcl.AsyncInterfacesm version = 1.0.0.0, culture=neutral,publicKeyToken=cc7b13ffcd2ddd51. El sistema no puede encontrar el archivo especificado

[@lucianoa.castagnani2560]

Pudiste solucionar este error. Yo tengo el mismo. Gracias

[@ramgamastercr]

@@lucianoa.castagnani2560 Yo tambien tengo el mismo error, y digamos que he pasado horas tratando de solucionarlo (he hecho todo lo posible y no ha funcionado)...

[@joseangelflores3873]

@@lucianoa.castagnani2560 sorry!! :( tampoco pude resolverlo

[@2811lala]

tome todos los paquetes en versión 5.1 y los actualice a 3.1.13. Magi-Microsoft-mente funciono.

[@angelbrandi7127]

si eso también me funciono, gracias

[@haroldmeza4038]

Saludos, muchas gracias por el tutorial, necesito ayuda, al momento de crear el primer controlador me sale un error "There was an error running the selected code generator: 'Package restore failed. Rolling back package changes for BackEnd."

[@DavidMartinez-wi9xu]

Tuve el mismo error y aunque actualice varias veces el entiti no pude solucionarlo, esa parte se tiene que hacer a manita, crea un controlador en blanco, no olvides los decoradores de route y ApiController private readonly AplicationDbContext _context; public TarjetaCreditoController(AplicationDbContext context) { _context = context; } [HttpGet] public async Task GetTarjetaCredito() { return await _context.TarjetaCredito.ToListAsync(); } [HttpGet("{id}")] public async Task GetTarjetaCredito(int id) { var tarjetaCredito = await _context.TarjetaCredito.FindAsync(id); if (tarjetaCredito == null) { return NotFound(); } return tarjetaCredito; } [HttpPut("{id}")] public async Task PutTarjetaCredito(int id, TarjetaCredito tarjetaCredito) { if (id != tarjetaCredito.Mid) { return BadRequest(); } _context.Entry(tarjetaCredito).State = EntityState.Modified; try { await _context.SaveChangesAsync(); } catch(DbUpdateConcurrencyException) { if (!TarjetaCreditoExist(id)) { return NotFound(); } else { throw; } } return NoContent(); } [HttpPost] public async Task PostTarjetaCredito(TarjetaCredito tarjetaCredito) { _context.TarjetaCredito.Add(tarjetaCredito); await _context.SaveChangesAsync(); return CreatedAtAction("GetTarjetaCredito", new { id = tarjetaCredito.Mid }, tarjetaCredito); } [HttpDelete("{id}")] public async Task DeleteTarjetaCredito(int id) { var tarjetaCredito = await _context.TarjetaCredito.FindAsync(id); if (tarjetaCredito == null) { return NotFound(); } _context.TarjetaCredito.Remove(tarjetaCredito); await _context.SaveChangesAsync(); return tarjetaCredito; } private bool TarjetaCreditoExist(int id) { return _context.TarjetaCredito.Any(e => e.Mid == id); }

[@PersaBA_]

Hola que tal, tengo el problema de que no me aparece el ASP.NET Core Web Application en la lista de opciones, segui las instrucciones de tu video que publicaste y me sigue sin aparecer

[@kleynervasconez938]

Usa el que dice ASP.NET API maneja la misma estructura

[@JECH_YT]

Buenas, tengo una duda, es posible tener ambos proyectos en una misma webapp en Azure?

[@walter_escalera]

12:55 como se hace eso??

[@TomasRuizDiaz]

Hola tenes que tener instalado SQL Server, te dejo un video kzbin.info/www/bejne/n4qliXeHq66ais0

[@guillermito319301]

Muy Bueno el tutorial explicas muy bien, pero si me gustaria que me ayudaras con algo cuando le doy en la termial Update-database me sale esto "Keyword not supported: 'multipleactiveresulsets'." y en Sql no me sale la base de datos, Me podrias ayudar con esto. Gracias

[@TomasRuizDiaz]

Hola Luis, instalaste las tres dependencias del minuto 5? También podes probar eliminando la migración manualmente y volviéndola a generar

[@guillermito319301]

@@TomasRuizDiaz Hola Tomas! Si claro ya probé las tres cosas que me dijiste, instale los paquetes, he borrado mil veces las migraciones 😅

[@guillermito319301]

@@TomasRuizDiaz mi pregunta es de dónde sacaste la instancia, de pronto en mi caso necesito otra, y el multipleactiveresulset

[@TomasRuizDiaz]

En el constructor se esta pasando la instancia del dbcontext, y en el archivo Startup.cs lo estamos agregando (lo esta haciendo el scaffolding automáticamente). En este otro video, que es una actualización de este mismo, estamos haciendo a misma app pero generando todo manualmente kzbin.info/www/bejne/n6KrfIOZZa6grKc. Y con respecto al multipleactiveresulset, ni idea habría que googlear

[@treska23]

Como hay que configurar el Starup.cs. No lo cambié, lo tengo tal y como lo crea el proyecto en el método Configure y me da este error: System.ArgumentException: 'There is an incomplete parameter in the route template. Check that each '{' character has a matching '}' character. '

[@josemejia5708]

Buena estoy en este curso desde udemy, estoy tratando de validar que cuando el numero de la tarjeta ya este registrado mande error. y que cuando se quiera editar de igual forma valide si existe o esta disponible. a uno logro hacerlo seria de gran ayuda si se pudiera agregar.

[@rodolfonietosamperio3523]

A alguien le salio el error NG0303 y no manda la lista, ya que la variable list manda error y con la solicio list! Se quita pero manda ese error ...como lo solucionaron porfavor

[@byronqp]

no me sale la plantilla de proyecto que tu creaste...que sera?

[@Daervion]

Una duda Tomás.. ¿Por qué hacer por separado el backend API y frontend Angular y no elegir desde un inicio la opción del template de Angular con Core 3.1?

[@TomasRuizDiaz]

Hola, podes crear un mismo proyecto (FE y BE) con Visual Studio Community 2019 y todo te va a funcionar bien. El tema de separar el front y el back es que lo estas desacoplando, es decir podes utilizar Angular (O cualquier otro framework) en el FE y en el BE cualquier otro lenguaje (.NET, Java, Node etc). Saludos

[@Daervion]

@@TomasRuizDiaz ¿Es posible hacer el BE sobre .NET utilizando solo VSCode?

[@TomasRuizDiaz]

Hola Luis, si desde la consola con dotnet. Te dejo este link que te va a servir! docs.microsoft.com/en-us/learn/modules/build-web-api-aspnet-core/3-exercise-create-web-api

[@martincout]

toPromise esta deprecated, ¿hay alguna alternativa que funcione para este ejemplo? ¿Alguien lo pudo hacer funcionar con promises?

[@TomasRuizDiaz]

Hola Martin, se puede usar promesas pero es preferible usar Observables en Angular, te dejo un link de la misma aplicación pero mas actualizada kzbin.info/www/bejne/n6KrfIOZZa6grKc

[@boca0604]

buenas, tengo un problema el [class.green-icon] no me esta funcionando me aparece posible error de objeto nulo, alguna idea? quizas algo alla cambiasdo como por ejemplo el btn-block ya no esta en bootstrap y en vez de eso hay que usar w-100

[@TomasRuizDiaz]

Hola Caro, el primero es porque estas utilizando el modo stricto de typescript (puede solucionarlo utilizando el caracter '?' ej: nombreObjeto?.variable) y el segundo es porque estas utilizando la ultima versión de bootstrap y el proyecto lo hice con la versión 4.5

[@americanokia5220]

Hola, ¿Cómo instalo la carpeta node_modules? npm install ??? Saludos.

[@TomasRuizDiaz]

Exacto

[@americanokia5220]

Que tal Tomas, tengo una duda , cuando creo una nueva tarjeta el toastr se imprime pero a la izquierda ,abajo y sin estilo solo texto, el aviso no desaparece hasta que no doy clic en el formulario, ya he verificado el código con el suyo varias veces y es igual, ¿Qué puede esta sucediendo? saludos.

[@gcruzrios]

Tengo el mismo problema parece que los estilos css del toastr no los puede encontrar

[@americanokia5220]

@@gcruzrios debe instalar las animaciones: > npm install @angular/animations --save . Lo solucione así. No importa que en el package.json ya aparezca.

[@giusxepe5469]

Me pasaba igual y solamente pude solucionarlo importándolo al styles.css de esta forma @import '~ngx-toastr/toastr.css';

[@arielgrahl5332]

Consulta, por que no usar el proyecto de netcore con angular integrado?

[@TomasRuizDiaz]

Podes usarlo tranquilamente

[@delriorh]

@@TomasRuizDiaz como te puedo contactar , vi los cursos pero no se si me sirve para lo que necesito. Gracias!

[@americanokia5220]

Hola que tal, tengo el problema de que no me aparece el ASP.NET Core Web Application en la lista de opciones. ¿Qué debo hacer? ya descargue la librería pero nada. Suerte¡¡

[@TomasRuizDiaz]

Hola Pacho, te dejo un enlace donde descargamos Visual Studio en 5 minutos! kzbin.info/www/bejne/jZzXlGqjbNeLZtU

[@americanokia5220]

@@TomasRuizDiaz Muchas gracias

[@danninell2091]

Al crear la aplicacion, no me muestra las misma ventanas el visual studio 2019, poque sera?

[@TomasRuizDiaz]

Hola Daniel, quizás cuando instalaste el Visual Studio no seleccionaste las opciónciones correctas. Te dejo un video que te puede ayudar kzbin.info/www/bejne/jZzXlGqjbNeLZtU

[@TheRaikage92]

Disculpa, estos son los famosos Microservicios?

[@TomasRuizDiaz]

Hola Fabian, no este tutorial no es sobre microservicios

[@ferchavira8402]

Alguien ha tenido el siguiente error al momento de ejecutar el controlador? "SqlException: Invalid object name 'TarjetaCredito'. Microsoft.Data.SqlClient.SqlCommand+c.b__169_0(Task result)"

[@omarock25]

Por que será que sigo todos los pasos y los controles me aparecen amontonados??, sin el espacio entre cada campo para agregar la tarjeta, y el boton de agregar no abarca todo el bloque

[@blopa1970]

A mi me pasó lo mismo y era porque bootstrap está por la versión 5. Este tutorial está basado en la 4. Revisa eso

[@TomasRuizDiaz]

Si, como dice Pablo estas usando la ultima version de bootstrap y algunas clases css cambiaron. Podes colocar la misma version de bootstrap en tu proyecto (4.6) getbootstrap.com/docs/4.6/getting-started/introduction/. O puedes seguir este otro tutorial que es una actualización de este y usamamos bootstrap 5 kzbin.info/www/bejne/n6KrfIOZZa6grKc

[@zaya7905]

Hermano, me explicas de donde sacaste la ruta que del DevConection que tenias en el block de notas?

[@elinflorentino2571]

Es de tu base de datos sql con la.que ingresas

[@pablomunoz5665]

@@elinflorentino2571 Tengo la misma duda exactamente de donde saco esos datos ??

[@elinflorentino2571]

@@pablomunoz5665 cuando abres sql server te presenta el nombre del servidor cuando la autenticacion es con windows te dejare un ejemplo de la cadena con autenticacion de windows: "Server= nombre del servidor; Database= nombre de la base de datos ;Trusted_Connection=True;ConnectRetryCount=0" con autenticacion de sql server: "Server= nombre del servidor; Database= nombre de la base de datos; User ID=sa;Password=TuContraseña; ConnectRetryCount=0"

[@pablomunoz5665]

@@elinflorentino2571 Gracias!!! estimado ahi me funciono Saludos!!!!

[@raphaelrodriguescoelho9375]

@@elinflorentino2571 Gracias!

[@kmiiloberrio-dev]

Net core 5? O 3.1?

[@TomasRuizDiaz]

Hola Kmiilo, este tutorial es con Net Core 3.1. Te dejo el mismo tutorial (Casi identicos) pero con Net Core 5 aca: kzbin.info/www/bejne/n6KrfIOZZa6grKc

[@orlandohenaocespedes1217]

a alguien mas le sale error para crear el controlador?

[@christyepezc]

Sip

[@omartorresrios8216]

Si, lo que hice fue actualizar a la ultima versión de EFCORE para .Net Core 3.1 creo es la 3.1.16

[@henryvargas5000]

yo no uso migracion

[@jjavier85]

Nadie se dio cuenta de que esta logando en Microsoft con una cuenta de Gmail??

[@juliangomez527]

confirmado no me sirve cuando pruebo en post man

[@valnetvln6802]

Amigo mejora mucho tu contenido, por ejemplo no explicas los object notation, qué es eso de AddPolicy, qué es UseCors de qué hablas, no entiendo, sino explicas nada solo soy una persona que copia código sin saber por qué lo estoy copiando, solo es crítica constructiva mejora mucho eso por favor...

[@Formulaz5]

Vamos a...Vamos a...Vamos a...Vamos a...Vamos a...Vamos a...Vamos a...Vamos a...Eres muy bueno en esto, pero esa muletilla le envenena la mierda a mas de uno.

[@jjavier85]

Api en Node = 5 minutos. Api en .Net = 60 minutos. Sin comentarios.

[@leoncuervo]

Tomas, buenas noches, te escribo en esta ocasión por este medio ya que no sé si tenés Instagram o cualquier otra red para poder contactarte ya que tengo algunas dudas con algunos tutoriales tuyos, ya que por ejemplo este tutorial, he tratado de hacerlo y por la desactualización del vídeo, hay cosas que del mismo, no salen ahora que calculo antes si salían, si te puedo encontrar para que me puedas resolver algunas dudas, espero poder encontrarte por algún otro medio como red social. Muchas gracias

[@gonbn7793]

Al hacer [class.green-icon]="this.form.get('titular').valid" me tira un error en el 'valid' diciendo : Object is possibly 'null' y no se como solucionarlo

[@TomasRuizDiaz]

Pone asi: [class.green-icon]="this.form.get('titular')?.valid"

[@edriball121]

Buenas, si alguien esta viendo esto en el 2023 y se le presento inconvenientes al tratar de ejecutar la API y son despistados como yo, deben agregar en el archivo Startup.cs - ConfigureServices--- en esta funcion agregar el services.AddRazorPages();