Nestjs & Angular CRUD

[@stingstong508]

Muchas gracias, aún resulta útil en pleno 2020 para iniciar en NestJS!

[@ericdomenzain2635]

Excelente video como siempre, estaría bien un video de angular con auth 👍

[@Nemhesis10]

Excelente como siempre... ayudanos con un tutorial de Angular + NestJS + GraphQL!!!

[@NeoTRAN001]

Excelente vídeo, me encantaría ver más contenido de Angular aunque no sea el framework más popular

[@sergiodeluca9062]

Es algo que no entiendo, como éste framework que es tan genial no sea el más popular.

[@bernab]

Para que me funcionara en el minuto 37:12 tuve que añadir al backend de NestJS , en el main.ts , la siguiente línea: app.enableCors()

[@SaboTak]

Me sale el problema de cors :c pero esa lina no me funciono, ayudaaaa

[@bernab]

@@SaboTak lo has escrito en ese archivo?

[@SaboTak]

@@bernab si :( , en que parte del archivo lo pones?

[@SaboTak]

@@bernab Access to XMLHttpRequest at 'localhost:3000/incidencia' from origin 'localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. (este es el error)

[@SaboTak]

import { NestFactory } from '@nestjs/core'; import { AppModule } from './app.module'; async function bootstrap() { const app = await NestFactory.create(AppModule); await app.listen(3000); app.enableCors(); } bootstrap();

[@jppachar]

Que excelente vídeo!! sigue adelante me encanta como enseñas por favor podrías enseñarnos en un vídeo como integrar esta aplicación con Electron JS sería estupendo!! Sigue adelante crack !!

Exelente Fazt, Muchas gracias.

[@angelmarquez9448]

ABRAN CHROME CON ESTA RUTA, SI EJECUTA :) 1)ctrl + r pega estooo 2)chrome.exe --user-data-dir="C://Chrome dev session" --disable-web-security despues pongan el localhost:4200 ya no sale el error CORS PD MUCHAS GRACIAS FAZT CODE, me salvaste la vida, exito y sigue con este excelente canal, para mi el mejor

[@sebastiantorres4772]

como lo hago

[@tiagomenon6386]

@@sebastiantorres4772 yo tampoco se como hacerlo

[@tiagomenon6386]

NO ES CTRL ES WIN

[@bernab]

Y genial, me funciono. Totalmente. Muy muy útil.

[@edwar8117]

Que buen video ... un tip para limpiar la consola sin peder tiempo en tipear utiliza Ctrl + L

[@carlosaracena789]

Fazt Sempai Gracias por los videos

[@endersonmarin4035]

Muchas gracias, esperando autenticacion passport jwt, roles, subida de archivos, paginacion, exportar documentos a pdf y excel,

[@luiscarbonel2886]

Otro excelente video, si pudieras incorporarlo con un login con passport y su estrategia basada en JWT. Saludos

[@raulcasari5250]

Hay muchas guías para integrarlo , hasta en la página oficial de Nest tiene una

[@franmartin2758]

Muchas Gracias por el Video, excelente como siempre. Tienes pensado subir mas contenido sobre React y Javascript??? Un saludo

[@gmayas]

¿Tendrás un video con NestJS y que tenga Middleware de autentificación par acceder a las rutas? En este caso recibirá un JWT proveniente del FrontEnd.

[@pekuruguay]

Esperando el de.vuejs!!

[@DeibyRodriguez]

Fazt muchas gracias por el vídeo lo esperaba... ¿Qué opinas de loopback a comparación de NestJS? Gracias

[@romarioyabar4430]

Esperando la integración con Reactjs. 😄

[@franmartin2758]

Ya somos 2!!

[@RicardoOrozcoL]

Amigo conoces loopback? Qué opinión tienes de ese framework a comparación de nestjs? Haré un backend de solo apis y quiero empezar bien

[@riffero88]

@Fatz podrías hacer un ejemplo aplicando sockets para el back y front?

[@fahersi.208]

Excelente el vídeo! una consulta... donde puedo encontrar la info para poder agregarle un filtro al front, para asi poder listar los productos por tipo? muchas gracias por tan buenos tutoriales!

[@SaboTak]

Me sale un error de CORS cuando hago el servicio y actualizo, AYUDAAA :c

[@Xberial0013]

En tu aplicación nest dentro del archivo main.ts agrega app.enableCors();

[@SaboTak]

@@Xberial0013 gracias

[@percyvillanueva2265]

@@Xberial0013 No funciona, sale el error que no hay comunicacion entre el servidor del api rest (3000) y servidor del front end (4200)

[@percyvillanueva2265]

Que otra alternativa de solución se podría realizar ?

[@victoralfonsoestradaciro1878]

Fazt vas a hacer el cliente con React?, me gustaría verlo

[@acxelmorales8039]

Sería genial si añadieras a la API una paginación y subida de archivos

[@luffychwan]

usas ngModel, también me gustaría hacer validación del form, estoy usando reactive forms y ocasiona un warning: It looks like you're using ngModel on the same form field as formControlName. Support for using the ngModel input property and ngModelChange event with reactive form directives has been deprecated in Angular v6 and will be removed in Angular v7. Hay otra forma de validar el form o hacer el paso de datos sin ngModel?

[@joakaz]

Fazt muy buena explicación, que framework recomiendas para una aplicación e-commerce, seguridad, tokens, routes, login, etc.

[@mr.chinaski2613]

Love your videos, the only problem is that I don't speak spanish at all :D

[@orlandogarcia4403]

It´s awesome to see an english speaker watching this videos even though this videos are in spanish haha

[@raulcasari5250]

Muy buen framework nest

[@ElEmmaxD]

Seguí así con Nest 😁😁

[@mateoelizalde4243]

En algun video explicas como subir una imagen desde el frontend para despues guardarla en el servidor de nestJS?

[@Vl4ck]

en qué momento está conectando con el backend?

[@cdavbid]

Como modifico el Cors para un cliente en especifico . Es decir que solo tenga acceso el frontend y nadie mas.

[@YoPalur]

Buenisimo Fazt! Podras hacer algo de ReactiveX en Angular ?

[@mauriziolarocca1187]

Tutorial on testing please!!! :-) Gracias

[@predatorscar4072]

Podrias hacer un video de nestJS implementado JWT, seria genial

[@yordiguevara3278]

si pudieras incorporarlo con un login con passport y navegacion

[@sebastiantorres4772]

vendor.js:14960 ERROR Error: Error trying to diff '[object Object]'. Only arrays and iterables are allowed tengo este error y no se como solucionarlo :(

[@tonygs7644]

Como puedo acrear una tabla con datos por default

[@eddiekaka1452]

Donde y q estudiaste ???

[@tonygs7644]

Una pregunta ne sale este error en consola Access to XMLHttpRequest at 'localhost:3000/orders' from origin 'localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

[@angelmarquez9448]

ABRE CHROME CON ESTA RUTA, SI EJECUTA :) ctrl + r (pega de lo abajo) chrome.exe --user-data-dir="C://Chrome dev session" --disable-web-security (te abrira una ventana Chrome y ahi ya no sale el error) despues pongan el localhost:4200 ya no sale el error CORS

[@tiagomenon6386]

@@angelmarquez9448 Hola, tengo el mismo error que @Tony Gs y no lo pude solucionar

[@biblioteca.antarctica]

Como guardas las imagenes....??

[@karenortiz6057]

Guarda solo la ruta de la imagen que saca de internet

[@TheJosefo14]

Que tal, apenas me ando enterando de este vídeo, soy un poco nuevo en el uso de angular y sin duda este vídeo me a ayudado a entender varios conceptos. Sólo tengo una cuestión, cuando estoy mandando a llamar a los productos por medio del GET, la función getProducts me marca el siguiente error: " Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays." Esto lo resolví a medias por así decirlo, ya que simplemente tuve que agregar "product" después del response de esta forma: getProducts():void{ this.productService.getProducts() .subscribe( res => this.products = res.product, err => console.log(err) ) } solamente así me permite ver los productos que tengo en la base de datos de manera normal, e incluso no tengo ningún tipo de error desde la consola de google. Pero si lo tengo en la terminal de angular que me indica lo siguiente. ERROR in src/app/components/product-list/product-list.component.ts:25:33 - error TS2339: Property 'product' does not exist on type 'Product[]'. 25 res => this.products = res.product, ¿Esto se debe a algún cambio en la forma de trabajar con el Framework? De ser así podrían orientarme en la forma correcta con que debo mandar a llamar el arreglo? Muchas gracias!!!!! ~~~~~~~

[@pericomauro]

En el BackEnd en Product.controller debería estar de esta manera @Get('/') async getProducts(@Res() res){ const products = await this.productService.getProducts(); return res.status(HttpStatus.OK).json( products ); }

[@sebastiantorres4772]

@@pericomauro eso para que es

[@SavageMarauder]

Para el que le ayude, Me di cuenta que en el back end, te arroja [ { Productos: {[lalalala,lalalala,lalalala] } } ] Y si te das cuenta, es un arreglo, que dentro tiene un tipo objeto, que es tipo arreglo Osea un [[Objeto]] basicamente Para poder utilizar el ngFor, en el html, tuve que cambiar el back end Especificamente en el metodo en el Products Controller, mi metodo getProducts Solamente le quite las { } en el res status res.status(HttpStatus.OK).json( tasks //estaba entre llaves ) En vez de res.status(HttpStatus.OK).json({ tasks} //estaba entre llaves ) Espero mi estres le sirva a alguien mas!

[@fernandoaguilar5681]

Has la misma app con un CLI de VUEJS por favor

[@FaztCode]

Pronto voy a publicar un ejemplo similar con Vuejs y un backend de Nodejs.

[@fernandoaguilar5681]

@@FaztCode Muchísimas gracias excelentes tus aportes

[@astrofenixsv]

Hola, tenia un error ERROR Error: Error trying to diff '[object Object]', lo solucione de la siguiente forma en product.list.component.js en la linea del product: Product[] = []; lo reemplaze por product: any = []; y en la vista product.list.component.html {{items._id}} en mi caso me funcionó Saludos.

[@sebastiantorres4772]

no me funciono

[@1994Srpapanatas]

Si a alguien le sale que las peticiones no se pueden ejecutar por la politica de CORS. stackoverflow.com/questions/3102819/disable-same-origin-policy-in-chrome

[@angelmarquez9448]

Amigo, muchas gracias ! ABRAN CHROME CON ESTA RUTA, SI EJECUTA :) chrome.exe --user-data-dir="C://Chrome dev session" --disable-web-security despues pongan el localhost:4200 ya no sale el error CORS

[@CristhianVlad]

:D