Angular, Aplicación de Imagenes con Nodejs, Mongodb, Express & Typescript (Stack MEAN)

[@noeltaverascastillo3677]

Ando aprendiendo a trabajar con Angular y typescript. y me encuentro con tus videos; y en verdad que tienes buen manejo para explicar todo. justo lo que buscaba, gracias por compartir tus conocimientos.

[@yoslandymesa5560]

Hola amigo. de todos los videos que he visto de angular realmente usted es el mas explicito, y he aprendido muchisimo. comparto la idea de William Albornoz. Seria bueno ver un login y registro con estas dos tecnologias. Saludos y sigue asi. Dios lo Bendiga

[@carlosemmanuelarcosnovelo7711]

Tus videos son geniales y se aprende demasiado porque son muy prácticas espero sigas subiendo videos así de calidad

[@jaimesanchezgalvis]

Maravilloso, llege hasta el final muchas Gracias Fazt.

[@oh-vito]

El truco del preview de la imagen vale millones. sinceramente no se le ocurre a cualquiera.

[@williamalbornoz5762]

Buen video fazt deberías hacer un vídeo de un login y registro con angular y node... También estaria bueno uno de JWT. Saludos!

[@alexhizjimenez260]

sii esto!!!

[@pitosauriorex3674]

ya tiene, busca en su canal

[@oscaralvarez1519]

Gran vídeo fazt! Gracias por compartir estos conocimientos, Seria bueno que hicieras Api de login y registro basado en JWT y frontend en angular como también renderizar una paginación backend en un front angular, Saludos!!

[@pephito12]

Excelente maestro, felicitaciones

[@herbertprocastillo5766]

gracias por todo fazt. aunque no entiendo ni papa, desde el minuto 30 que comenzaste a hacer cosas raras de htmlinputelement, o arraybuffer y cosas asi. soy nuevo en angular, pero la verdad que complicado todo y tu avanzas a la velocidad de la luz. :(

[@ivanoff97]

Super! logrado muy buen tutorial Gracias Totales

[@patricioalcivar3758]

Wow gran aporte!, Una aplicación así, pero en flask, como un ecomerce con react o vue combinado.

[@joelparedes_]

Eres un genio... gracias por compartir tu conocimiento 🙏🏼

[@gabrielcajigas3799]

Porque los methods dentro de las classes en cada component devuelven un Observable y no una promesa? lo puedo cambiar?

[@lu9cyv241]

Excelente explicación!! Gracias

[@Juanagogoolives]

El boss, muchas gracias Fazt!!!!!

[@zzjuandaaz]

Muy buen video! me hubiera gustado ver como hubieras hecho para actualizar la imagen, porque del lado del servidor es simple hacerlo como tu dices pero del lado de angular me surgen muchas de que puedo hacer y que no. Si alguien le gustaria acesorarme o ayudarme con esto se lo agradeceria mucho, lo que quiero hacer es two way databainding con arhivos.

[@identiclla1101]

Gracias bro ayudas muchisimo, agradeceria mas contenido sobre python saludos..

[@marielaclementemiranda4623]

Muy gran video me ayudó mucho una pregunta cómo se subiría a un hosting

[@FordNdji]

Muy buen tutorial Fazt, buen explicado y todo, me gustaría ver como consumieras este API con vuejs..., claro en cuando puedas..

[@FaztCode]

Excelente idea Joseph. Voy a hacer un ejemplo similar en vuejs :)

[@FordNdji]

@@FaztCode Thanks so much Fazt...

[@palaciospena7800]

buen video like pudieras hacer un ejemplo de como hacer un crud con firestores con javascript

[@thomtecstorestore6157]

consulta necesito hacer lo mismo pero con un spring boot como backend y angular como frontend algun consejo o ayuda

[@whor30]

Hola me gustaría usar un código así para el Front pero veo que Back es muy diferente a MySQL....que debo de hacer crear un Back para este Front o hay otro manera de hacer el Front con el Back de MySQL que tengo?

[@julianmora2918]

En este ejercicio también puedo crearle algo así como una vista previa cuando estoy creando una nueva imagen? Tal y como está en el video de el crud de videojuegos.

[@freddyarriagacruz8987]

sin ti mi vida no tendria sentido xD

[@alfonsoadamerueda9842]

Hola buenas tardes, yo tengo algo similar en mi proyecto, la diferencia radica en que yo quiero que el usuario seleccione en sus archivos su foto de perfil y está se quede o cargue al cargar el componente , por favor alguna sugerencia

[@andresrangel7577]

una maravilla

[@jeckson521]

fazt excelente video, me gustaria un ejemplo de subida a servidor de un ejemplo como este, combinando el backend y frontedn, ya que manejamos dos servidores de desarrollo, ¿como hago en produccion?

[@NovatoWTF]

oye fazt a la hoara de poner photo.imagePath, laimagen no aparece, pero cuando uso insomia si...

[@3djdavid]

Solucionar error de CORS en minuto 50:11 (no olvidar "npm i cors" y "npm i @types/cors") en carpeta del backend api.

[@jimmypedraza433]

como se hace con formularios reactivos me aparecen errores en el html y en el component.ts alguien me puede ayudar por favor?

[@juanpatron7784]

Hola que tal un excelente video, tengo un problema con el FormData puesto que no le pudo hacer el append ya que me lo devuelve vacio

[@igor.miranda]

Genial gracias!!

[@abelfernandezparedes1555]

Buenos dias, necesito subir varios archivos a a vez, como seria?

[@JuanLuisOropeza-jloa]

export default multer({ storage }); esto me da error.. sale subrayado con un Default export of the module has or is using private name 'Multer'.ts(4082)

[@luisosoriogonzalez340]

fazt lo de activar el input seleccionando la imagen como se haria con react?

[@alexhizjimenez260]

cual es el primer video profe??

[@ErickGarcia_dev]

Hola Fazt, excelente video.. pero tengo un error al momento de crear o subir una foto: has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

[@danielvaleriobroncano9677]

es un error de CORS e aqui la solución: kzbin.info/www/bejne/n4nFpKFjpsakqdk

[@danielvaleriobroncano9677]

Aunque ya probe instalar CORS en el back y tmb me funciona.! [como lo indica FAZT]

[@jaimesanchezgalvis]

A mi me paso lo mismo, 50:00 solucion espero te sirva

[@cflorioluis]

Hola, tengo una duda, soy algo nuevo en esto, pero tienes algún video de como guardar cualquier tipo de archivo mongo db? Y como luego poder descargarlo? Porque consigo solo subir imágenes y tengo que manejar muchos tipos de archivos de texto con extensiones varias. Muchas gracias.

[@TheMuSsh]

Alguien sabe ¿como se hace deploy de un proyecto así?, que esta dividido en varias carpetas la API y el bakend?

[@DanielMorales071]

Muchas gracias, wapurita

[@SarvErikaXp]

Error al salir y volver a entrar, es un modal editar y tambien para el crear, si me arrepiendo y cierro el modal se daña: core.mjs:6469 ERROR DOMException: Failed to set the 'value' property on 'HTMLInputElement': This input element accepts a filename, which may only be programmatically set to the empty string.

[@joseluishernandez5409]

HOLA QUE TAL TAMBIÉN LO PUEDES HACER ESA MISMA APLICACIÓN CON REACT Y LUEGO CON VUE

[@rhabdos1771]

1:06:10 traficando rimas, traficando estilo xd

[@Chispitein]

fazt no he visto todo el video, pero tengo una duda, si quiero hacerlo con mysql cambia mucho?

[@cristianamancio218]

saludos estoy intentando mandar la imagen por angular y me lanza este error Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at localhost:3700/api/upload-image/601d4cf4100d862ca00d4c61. (Reason: CORS request did not succeed). y en postman me recibe bien la imagen pero por angular no

[@jeremybarquero9748]

Saludos Fazt, crees que puedas usar esta version de angular pero subiendo imagenes a cloudinary y mlab?

[@jhondequesadafernandez8128]

muchas gracias fazt eres el mejor, por favor si puedes hacer un curso de login con node js, mysql y node js

[@jhonestebanmezarodriguez5063]

ya lo ha echo.

[@jhondequesadafernandez8128]

@@jhonestebanmezarodriguez5063 con angular perdon me equivoque puse 2 veces node js

[@jonatanpadilla2437]

Jeeey que bien

[@guidopisarra9703]

Hola, alguien me podría ayudar? Debo crear un componente cada vez que un determinado objeto o una "pagina" va a tener un comportamiento determinado. es correcto eso? Muchas gracias y muy bueno el video

[@reynaldoguarachitola3736]

buen video pero tengo una pregunta cuando subo la aplicacion a produccion a un servidor (como apache) una vez dentro cuando lo actualizo me sale un error 404, sabes como puedo solucionar este error?

[@kleiverperez5455]

Una pregunta, en caso de que quisiera implementar un login a esta aplicación, ¿debería crear otra API? ¿Es posible tener 2 API's en un mismo proyecto? Gracias, me urge que alguien con los conocimientos necesarios me responda.

[@orlandomanuelospinohernand9869]

Buen video, fazt que recomiendas para comenzar programación de app móviles.

[@FaztCode]

Si ya sabes crear apps web puedes usar Ionic, Native Script, React Native o en todo caso ir por desarrollo nativo o Flutter. Hace algun tiempo cree un video del tema, te dejo el enlace por aquí kzbin.info/www/bejne/p3SQXpR-iZeWba8 Saludos!

[@diegocamilopenaramirez6101]

Muchas gracias

[@pablorojas1405]

como emgusta tu canal

[@alejocerutti8267]

QUE HOMBRE

[@diegoalgandar1087]

Por alguna razón no me deja hacer post desde el front-end, lo probé con insomnia y todos los métodos funcionaron pero al juntar los proyectos me fallo el post, el error en consola me dice que hubo un error de servidor(internal error 500), ademas dice Unexpected field pero no entiendo donde se produce, ya revise el back-end 2 veces y no lo encuentro :(

[@diegoalgandar1087]

Probe el resto de los metodos tanto por separado como en el front-end pero ese es el unico erro que tengo, el post

[@jhonatanareiza4873]

fazt tengo un error q no he podido solucionar me ayudas Error: src/app/components/fot-form/fot-form.component.ts:17:19 - error TS2663: Cannot find name 'photoSelected'. Did you mean the instance member 'this.photoSelected'? 17 photoSelected = photoSelected.result; ~~~~~~~~~~~~~

[@carlosaracena789]

Si si siiii!!

[@alexandercuesta4041]

Existe alguna forma de crear una web single page con Angular, pero usando todo lo que me da Wordpress. Usando sus temas, sus plugins y demás?

[@Biocrista]

creo que eso es imposible amiguito, si fuera posible creo que seria el metodo mas sencillo de hacer paginas, pero no he visto a ningun programador haciendo eso. es mas, los que yo conozco le sacan el cuerpo a wordpress

[@robertogarciagonzalez2951]

como prodria ser si la api fuera creada por medio de net core c#

[@FaztCode]

Hola Roberto, Si cambias el backend de este proyecto por uno escrito en C# lo unico que necesitarias cambiar el puerto en donde se esta ejecutando tu aplicación. Como el frontend es indpendiente del backend no importa mucho con que lengujae este escrito sino la URL a la que esta llamando

[@fernandoperezmorales1191]

Yo quiero enviar imagenes desde nativescript en binario a un api rest alguien sabe cómo? :'(

[@NovatoWTF]

hola bro, ayuda al intentar subir un producto me trae un error de internal server error 500, en el metodo post...

[@diegoalgandar1087]

TENGO EL MISMO ERROR :( ¿LO PUDISTE RESOLVER?

[@NovatoWTF]

@@diegoalgandar1087 Si solo descargue el proyecto y lo copie, y desde ahi no me dA ERROR, DE CORS

[@sayavedra_sh4075]

hola, alguien me podria ayudar con FormData como puedo mandar un integer, o me toca convertirlo desde el backend? cualquier ayuda es bien recibida :3

[@marleneclementemiranda9239]

Hola excelente video pero me salió un problema de Access XMLHttpRequest y dice que está bloqueado CORS y el código es el mismo ojalá y me puedas ayudar a resolverlo

[@xavimc95]

Tiene otros vídeos instalando cors, pudiste resolverlo?

[@danielvaleriobroncano9677]

kzbin.info/www/bejne/n4nFpKFjpsakqdk aqui esta la solución.

[@xavimc95]

Para los que tienen problema con el CORS solo sigan viendo el video 5 más jaja

[@diegoalgandar1087]

Perfecto, mi error era que tenia una g en vez de una a!!!!!!!!!!!!!

[@JALAL-HZ]

No overload expects 1 arguments, but overloads do exist that expect either 0 or 3 arguments. drive.google.com/open?id=1b_FNZqHOyqRxEi2QBWc3atBatSoJFTwC

[@FaztCode]

el problema es el código que esta actualizando en lugar de eliminar. Ya actualize el código: github.com/FaztTech/photo-gallery-api/blob/master/src/controllers/photo.controller.ts#L32

[@TaylorMosqueraCastro]

jejeje ver tus videos se pone chistoso cada que pronuncias ok, un promedio de 90% del video mi google Home no te entiende...!