MUCHAS GRACIAS FATZ!!!!; nunca pares de hacer videos, enserio que son de muchísima ayuda para aprender, este video del MEAN junto con el otro video que tienes de "Heroku y mlab" serán mi trabajo de grado. Estoy empezando en este mundo del desarrollo web
Excelente video :DD lo pude aplicar solo tuve un par de problemas pero todo lo resolví con los comentarios, quisiera agregar también que el boton de "Clean" me daba problemas con el servidor, asi que lo coloque fuera del form en el html, y lo edite con css para que quedara igual a como estaba antes, y en el employee.component.ts , deje el resetForm de la siguiente manera , para que después de limpiar los datos del formulario, no queden en blanco en la tabla y los muestre: resetForm(form: NgForm){ form.reset(); this.getEmployees(); } Muchas gracias bro!!!
buen video m gusto mucho, chicos si leen este comentario tambien vean formularios reactivos, separar este ejemplo en varios componentes y comunicacion entre componentes @Input @Output, y tambien cositas visuales como angular material, ngx-bootstrap, ng-zorro y mas, saludos
Hola Fazt, estaria bueno que nos pudieces orientar en como es subir una aplicación con el stack mean a producción o un entorno real y como se manejan los precios, que hosting recomiendas para este stack y esos temas, por cierto buen video!
Fazt tremendo tutorial, de verdad que me has ayudado bastantes en aprender más sobre node js, podrías por favor crear un tutorial de un form quiz dinámico desde mongoose, con preguntas y respuestas de selección con input check box y sistema score :D saludos DIOS te bendiga
Para los que tengan el problema del (click) en el "delete"; logré solucionarlo de la siguiente manera: En employee.components.ts en el método "deleteEmployee" se tiene que cambiar el tipo de parámetro del "id:string" a: deleteEmployee(id: string|undefined) De la misma manera, en employee.services.ts en el método "deleteEmployee" se tiene que cambiar el tipo de parámetro del "_id:string" a: deleteEmployee(_id: string|undefined) El interior de los métodos, los dejé tal cual en el video y también el (click)="deleteEmployee(employee._id)" queda igual que en el video. Por último, la conexión con mongoose me daba un error, que solucioné poniendo 0.0.0.0:27017 en lugar del localhost, en el archivo database.js quedando de la siguiente manera: const mongoose = require('mongoose'); mongoose .connect("mongodb://0.0.0.0:27017/mean-employees", { useUnifiedTopology: true, useNewUrlParser: true }) .then((db) => console.log('DB is connected')) .catch((err) => console.error(err));
Gracias Fazt siempre aprendo nuevas cosas en tus videos XD !!!! , espero q no dejes de lado lo de GraphQL t.t , seria chevere q hagas un video de GraphQL subiendo imagenes con cloudinary en el back y en client con NextJs , para q nos enseñes a explotar las tecnologias nuevas q siempre nos enseñas XD gracias , ya es hora de una App como la de ImgShare q duro 5 ! pero aprendimos un montonnnnnn!!! XD
Fazt excelente video como siempre lo que si me gustaría ver algún ejemplo de Node.Js es que al dar post o put afecte varias tablas con commit y rollback con mysql desde angular enviando varios models
Hola amigo, gracias por todo como soy nuevo en el asunto, en esta pequeña linea de codigo return this.http.delete(`${this.URL_API}/${_id}`); falta aclarar que la manera de concatenar de esta forma toca con las comillas invertidas de resto gracias de verda
Para el correcto aprendizaje o aplicación del Stack MEAN, en que orden se debe seguir los cursos de la descripción?? Primero front, back, express ?? Gracias.
Estoy en la parte de crear empleados, en mi caso con usuarios, y cuando se ejecuta la linea de await users.save me salta este error: MongooseError: Operation `users.insertOne()` buffering timed out after 10000ms Alguien me puede ayudar?
Fazt no se tienes cursos en Udemy, pero quiero que sepas que yo me haría toda la saga de cursos, he pagado en cursos de Udemy por cosas que enseñas en tus canales, de forma más actualizada y mejor, muchos cursos están desactualizados y tienes que lidiar con errores por las versiones de angular y demás.
Otra posible solucion es en el metodo editEmployee del employee component, crear una copia exacta del employee que recibe como parametro, const employeeToEdit = {...employee}, y ahora si asignarle esta copia al selectedEmployee
hola fazt tengo un error cuando coloque en (click)="deleteEmployee(employee._id)" dice type undefined is no assignable type string podrias ayudarme? cuando hice la prueba del funcionameinto del console.log funcionaba bien
hola man, me pasa algo extraño, cuando instalo mongoose (npm i mongoose), lo instala correctamente, lo hago estando en el directorio /server, y me crea otro package-lock.json en ese directorio, pero ya hay uno en /server/src y cada vez que tengo que hacer 'npm run dev' tengo que ir a /src y veo que tu lo haces en /server [min 39] a mi no me deja hacer el run desde /server...
Oye Fazt haces videos chingones, tu videos siempre me ayudan, pero tengo una duda y espero me puedas ayudar tengo un proyecto en Angular, Nodejs y MongoDB ya tengo todo pero falta un lugar donde publicar la base de datos donde me recomiendas tu, ya que es para una escuela y quieren bastante almacenamiento, espero me puedas responder Fazt, Saludos.
Hola, me gustaría aprender a desarrollar aplicaciones web y quisiera saber si para hacerlo es necesario aprender primero HTML5 y CSS con otros frameworks como boostrap, o es suficiente aprender a partir de Javascript, Typescript y Angular?, La verdad he estado investigando y me he hecho bolas con tantas cosas que se dicen en videos y páginas de lo que se necesita aprender.
Muchas gracias genio! Esto necesitaba hace mucho tiempo...!! Solo me quedo una duda. Cuando definis en la interfaz que el "_id" es opcional (employee.ts), me genera un error en la funcion "deleteEmployee" (employee.component.html) porque el ID que le paso es un "string" o "undefined". Veo que a vos no te sale. Por que a mi si? cual es la forma mas "correcta" de salvarlo? Mil graciasss!
Sé que es algo tarde pero encontré una solución (según lo que leí no es lo más recomendable, pero funciona). La solución que digo consiste en agregar un "string | undefined" en los archivos "employee.service.ts" en la función "deleteEmploye" en el parametro donde se pasa el "id", es decir, la función quedaría así: En el archivo "employee.component.ts": deleteEmployee(_id: string | undefined) { if (confirm("Are you sure you want to delete it?")) { this.employeeService.deleteEmployee(_id).subscribe((res) => { this.getEmployees(); }); } } En el archivo "employee.service.ts": deleteEmployee(_id: string | undefined) { return this.http.delete(this.URL_API + `/${_id}`); } REPITO: tal vez no sea la mejor manera (ni yo mismo logro comprender el por qué del "undefined") pero es el "paño frío" que puedo ofrecer por ahora (27/03/2022). Espero poder encontrar una mejor solución y luego poder actualizar esta.
Fazt muchísimas gracias eres un Angel, espero que Dios y la vida te pague con más de lo que nos has dado.
Fazt, no dejas de impresionarnos!
Sos un Genio! Suscripto, y por unirme. Me hiciste aprobar un proyecto de estudio. GRACIAS. Muy bien explicado. Con la pausa necesaria. Muy entendíble.
wow! una introducción solamente, esto es como un mastering. Gracias Fazt!
el mejor tutorial de angular crud q vi, y he visto muchos.. la primera vez que me queda claro el tema también jaja
Fazt muchas gracias por este grandioso video 🥺 pude resolver algunos problemitas con mi model y controlador que tenía en mi backend 🙏 eres un heroe
MUCHAS GRACIAS FATZ!!!!; nunca pares de hacer videos, enserio que son de muchísima ayuda para aprender, este video del MEAN junto con el otro video que tienes de "Heroku y mlab" serán mi trabajo de grado. Estoy empezando en este mundo del desarrollo web
Eres un crack Fazt, no entiendo nada y aún así me gusta ver cómo programas.
Excelente....Angular Rules!!! + NestJS y NgXs ❤❤❤❤❤❤
El curso más esperado por muchos Devs! Jajaj, ya era horaaa 👏 Thanks.
Excelente video :DD lo pude aplicar solo tuve un par de problemas pero todo lo resolví con los comentarios, quisiera agregar también que el boton de "Clean" me daba problemas con el servidor, asi que lo coloque fuera del form en el html, y lo edite con css para que quedara igual a como estaba antes, y en el employee.component.ts , deje el resetForm de la siguiente manera , para que después de limpiar los datos del formulario, no queden en blanco en la tabla y los muestre:
resetForm(form: NgForm){
form.reset();
this.getEmployees();
}
Muchas gracias bro!!!
buen video m gusto mucho, chicos si leen este comentario tambien vean formularios reactivos, separar este ejemplo en varios componentes y comunicacion entre componentes @Input @Output, y tambien cositas visuales como angular material, ngx-bootstrap, ng-zorro y mas, saludos
Gracias Fazt Code, por pavor no dejes de subir contenido de angular, sigue asi crack, saludos desde Colombia
Grande Fazt, otro Stack pero usando React...!
si uno con react mern y autenticacion
Siii, uno con react!!
@@HasXen Pues al parecer no han visto su canal, ya el tiene un MERN y MEVN.
Fatz, Muchas gracias por ayudarme a actualizarme con MEAN.
Muy buen video, excelente narrativa y ejemplos de principio a fin.
Lo esperaba desde hace mucho tiempo, muchas gracias 👍🏻
Excelente.!! Si me gustaría y agradecería mucho un ejemplo de mean con varias collections.
GRACIAS !!!! , Este será mi trabajo de grado
Grande Fazt quisiera mas tiempo para hacer varias veces tus ejercicios
Hola Fazt, estaria bueno que nos pudieces orientar en como es subir una aplicación con el stack mean a producción o un entorno real y como se manejan los precios, que hosting recomiendas para este stack y esos temas, por cierto buen video!
Excelente Fazt, no se porque ahora me gustaría empezar con Angular,.
Gracias por todo Fazt.. Muy bueno el video la verdad.. Un abrazo campeón
Justo lo que necesitabaaaa! Gracias
Excelente Fazr, se agradece por tiempo
Justo lo que me recetó el doctor
Excelente, muy bueno como siempre, muchos éxitos.
Gracias Fazt! Gran video, me sirvio mucho!
Angular Forever
Gracias Fazt, pronton MERN!!!
Fazt tremendo tutorial, de verdad que me has ayudado bastantes en aprender más sobre node js, podrías por favor crear un tutorial de un form quiz dinámico desde mongoose, con preguntas y respuestas de selección con input check box y sistema score :D saludos DIOS te bendiga
Muchísimas gracias amigo! Enseñas muy muy bien
Para los que tengan el problema del (click) en el "delete"; logré solucionarlo de la siguiente manera:
En employee.components.ts en el método "deleteEmployee" se tiene que cambiar el tipo de parámetro del "id:string" a:
deleteEmployee(id: string|undefined)
De la misma manera, en employee.services.ts en el método "deleteEmployee" se tiene que cambiar el tipo de parámetro del "_id:string" a:
deleteEmployee(_id: string|undefined)
El interior de los métodos, los dejé tal cual en el video y también el (click)="deleteEmployee(employee._id)" queda igual que en el video.
Por último, la conexión con mongoose me daba un error, que solucioné poniendo 0.0.0.0:27017 en lugar del localhost, en el archivo database.js quedando de la siguiente manera:
const mongoose = require('mongoose');
mongoose
.connect("mongodb://0.0.0.0:27017/mean-employees", {
useUnifiedTopology: true,
useNewUrlParser: true
})
.then((db) => console.log('DB is connected'))
.catch((err) => console.error(err));
Gracias mi bro!!! estaba con el problema de delete y me sirvio esa solucion.
Mis respetos fazt 👌
Excelente vídeo. Saludos
Gracias Fazt siempre aprendo nuevas cosas en tus videos XD !!!! , espero q no dejes de lado lo de GraphQL t.t , seria chevere q hagas un video de GraphQL subiendo imagenes con cloudinary en el back y en client con NextJs , para q nos enseñes a explotar las tecnologias nuevas q siempre nos enseñas XD gracias , ya es hora de una App como la de ImgShare q duro 5 ! pero aprendimos un montonnnnnn!!! XD
Sigue asi Fazt, buenos videos!
Thank you Fazt!!
Que buen video, lo voy a ver 👌🏼
Que buen ejemplo 👍 👏 si quiero hacer algo parecido pero un registro de gastos podrías hacer un ejemplo a futuro muchas gracias 😘
Muy bueno! Otro con React usando este mismo backend seria genial.
Muchas Gracias. Inigualable.
amigo muy buen video, y excelente material
Fazt excelente video como siempre lo que si me gustaría ver algún ejemplo de Node.Js es que al dar post o put afecte varias tablas con commit y rollback con mysql desde angular enviando varios models
Verdadero inicio de la parte de Frontend: 1:03:00
Muchas gracias!! gran video!!!
Muchas gracias Fazt¡
En el minuto 1:31:00 el arreglo no me funcionaba por lo que investigando solo se debe poner así employees! : Employee[];
Gracias, profe.
Muy buen video, super bien explicado todos los conceptos, felicidades. ¿Cuando haces un video para hacer un deploy del server a un servidor web?
muy buen vídeo muy directo gracias Fazt!!, me gustaría saber si no tenes algún vídeo con un login en este mean
stack
Excelente fazt, grande ... por favor puedes hacer uno de Next.js con tailiwinds y pricnic y svelte
Excelente maestro
Hola amigo, gracias por todo
como soy nuevo en el asunto, en esta pequeña linea de codigo
return this.http.delete(`${this.URL_API}/${_id}`);
falta aclarar que la manera de concatenar de esta forma toca con las comillas invertidas
de resto gracias de verda
Excelente video!
¿Cuando saldrá el de Angular Routing?
para los que tengan problemas con el form.reset() 'a veces no les actualiza al eliminar' utilicen el form.resetForm()
Para el correcto aprendizaje o aplicación del Stack MEAN, en que orden se debe seguir los cursos de la descripción?? Primero front, back, express ?? Gracias.
The best
Auténtico crack!!
Estoy en la parte de crear empleados, en mi caso con usuarios, y cuando se ejecuta la linea de await users.save me salta este error:
MongooseError: Operation `users.insertOne()` buffering timed out after 10000ms
Alguien me puede ayudar?
FAZT enseñanos a cotectar react con roles y autenticacion (JWT) ..... !!!
Fazt Excelente!! pero deberías usar Typescript
Amigo podrías hacer un tutorial creando una api rest con Nodejs y SQL Server realizando un crud
Bro haz otro para mern, los que ya tienes son algo antiguos y gracias
1:42:00 Salud!
Hola Fazt, seria genial que subieras vídeos de Golang y Django.
Fazt no se tienes cursos en Udemy, pero quiero que sepas que yo me haría toda la saga de cursos, he pagado en cursos de Udemy por cosas que enseñas en tus canales, de forma más actualizada y mejor, muchos cursos están desactualizados y tienes que lidiar con errores por las versiones de angular y demás.
el selectedEmployee, ya no se puede crear asi no más tocaría inicializarla pero no deja cuando se hace ={}, entonces, como la inicializó?
Muy bueno!
esperando el video con la app un poco mas completo subida de imagen y el login, 2 mese esperando ojala y sea antes de final de que acabe este year
@FaztCode hay un error en el front, al momento de editar un empleado, y darle al boton de clean
pude resolverlo agregando al metodo resetForm, this.getEmployees();
Otra posible solucion es en el metodo editEmployee del employee component, crear una copia exacta del employee que recibe como parametro, const employeeToEdit = {...employee}, y ahora si asignarle esta copia al selectedEmployee
18:34 como se hace eso para copiar la linea de codigo?
Increíble, por cierto que temas usas?
Al hacer click en el delete no me aparece el desplegable en la parte superior, no me abre nada, sabes de que podria ser ? gracias un saludo
Excelente
Thanks!
Fazt puede hacer un video nuevo de como desplegar la aplicacion del stack MEAN, por que se actualizo.
hola fazt tengo un error cuando coloque en (click)="deleteEmployee(employee._id)" dice type undefined is no assignable type string podrias ayudarme? cuando hice la prueba del funcionameinto del console.log funcionaba bien
Hola Fazt, excelente video, cómo se maneja la paginación de datos para el caso que sean cientos o miles de empleados?
Que software es el que usas para dibujar y explicar el proyecto?
un video que hagas con redis por favor
HOLA BUENOS DIAS tengo una consulta que framework debo usar para MEAN
hola man, me pasa algo extraño, cuando instalo mongoose (npm i mongoose), lo instala correctamente, lo hago estando en el directorio /server, y me crea otro package-lock.json en ese directorio, pero ya hay uno en /server/src
y cada vez que tengo que hacer 'npm run dev' tengo que ir a /src y veo que tu lo haces en /server [min 39]
a mi no me deja hacer el run desde /server...
Hola, si quisiera llevar todo esto a https, ¿solo debo de levantar el backend en https ?
cada vez que intento loguear me dice "unexpected token u in json at position 0" y no se solucionarlo
Un curso de Unit test con react testing library, please 😁😁
Sos una máquina xd
Oye Fazt haces videos chingones, tu videos siempre me ayudan, pero tengo una duda y espero me puedas ayudar tengo un proyecto en Angular, Nodejs y MongoDB ya tengo todo pero falta un lugar donde publicar la base de datos donde me recomiendas tu, ya que es para una escuela y quieren bastante almacenamiento, espero me puedas responder Fazt, Saludos.
En caso de validad el formulario, ¿Como seria?
Si piensas que me voy a ver 2 horas de vídeo, estás en todo lo correcto
saludos fazt, buen video.
Qu[e tema de vscode tienes instalado?
Header name must be a valid HTTP token ??
Hola, me gustaría aprender a desarrollar aplicaciones web y quisiera saber si para hacerlo es necesario aprender primero HTML5 y CSS con otros frameworks como boostrap, o es suficiente aprender a partir de Javascript, Typescript y Angular?, La verdad he estado investigando y me he hecho bolas con tantas cosas que se dicen en videos y páginas de lo que se necesita aprender.
Una pregunta, ¿ qué pasó con el otro canal ?
una con mern actualizada con autenticación
Una pregunta alguien podría decirme que extensión usa para que se vean los archivos así en VSC? Muchas gracias!
a mi me sale error en subscribe 1:25:21
Que error es?
podrias ayudarme todo me funcionaba hasta el minuto 1:59:10
Muchas gracias genio! Esto necesitaba hace mucho tiempo...!!
Solo me quedo una duda.
Cuando definis en la interfaz que el "_id" es opcional (employee.ts), me genera un error en la funcion "deleteEmployee" (employee.component.html) porque el ID que le paso es un "string" o "undefined". Veo que a vos no te sale. Por que a mi si? cual es la forma mas "correcta" de salvarlo?
Mil graciasss!
Sé que es algo tarde pero encontré una solución (según lo que leí no es lo más recomendable, pero funciona). La solución que digo consiste en agregar un "string | undefined" en los archivos "employee.service.ts" en la función "deleteEmploye" en el parametro donde se pasa el "id", es decir, la función quedaría así:
En el archivo "employee.component.ts":
deleteEmployee(_id: string | undefined) {
if (confirm("Are you sure you want to delete it?")) {
this.employeeService.deleteEmployee(_id).subscribe((res) => {
this.getEmployees();
});
}
}
En el archivo "employee.service.ts":
deleteEmployee(_id: string | undefined) {
return this.http.delete(this.URL_API + `/${_id}`);
}
REPITO: tal vez no sea la mejor manera (ni yo mismo logro comprender el por qué del "undefined") pero es el "paño frío" que puedo ofrecer por ahora (27/03/2022). Espero poder encontrar una mejor solución y luego poder actualizar esta.
(click)="deleteEmployee(employee._id!)" utiliza el ! al final d ela propiedad ya que eso le asegura a TS que no es undefined el tipo de dato
@@SouYui Gracias
buenas no me acepta el comando "mongod" me dice que es una sentencia que no se reconoce, alguno sabe como solucionar esto? gracias
No tienes instalado mongodb
@@sergiojaner7903 si amigo, lo tengo instalado pero ya lo solucione. Haciendo desde la terminal aparte no con la de VS