Excelente video, podrian explicar como hicieron el services/task.service.ts ? es lo único que hace falta en el tutorial, tuve que copiarlo de git pero sin entender
gracias por el feedback, creo que me ha faltado subir esa parte, de todas formas pronto subire los vídeos en mi nuevo sitio web, y estaran por partes, allí podran ver esa parte que me ha faltado, de todas formas dejo el enlace github.com/FaztWeb/angular-firestore-example/blob/master/src/app/services/task.service.ts Gracias por el aviso! creo que grabare un vídeo detallando este problema. saludos!
Eres un excelente youtuber todos tus videos son geniales y me han ayudado mucho porque quiero aprender sobre MEAN Stack, espero el video donde explicas la parte de services/task.service.ts para poder entender !! Dios te bendiga
Buen aporte, Felicitaciones el vídeo estuvo excelente excepto que en el minuto 26:38 no explicaste como crear el método getTasks(), pero lo bueno es que subiste el código en Git Hub así que por esa parte me guié y logre arreglarlo. GRACIAS ACABAS DE SALVARME EN UN PARCIAL
He vistos dos tutorials tuyos y me han servido a la perfección. Muchas gracias. Si pudieras subir un curso completo con node js y Firebase sería genial
min 26:38 Mi pregunta como es que te corre cuando llamas el metodo getTasks() dentro del ngOnInit del tastService si aun no se ha creado y te muestra O:
Pasa que en el video no explica como se creo el service.task dale un vistazo al repositorio ahi esta como lo hizo, agreggalo antes de pasra a solicitad el getTasks y te correra
Salu2 Fazt buen material y buena dinamica, felicidades, tengo una duda , el comprobar que jquery fue correctamente instalado, al escribir $, como respuesta no me muestra que esta corriendo jquery en ninguna parte .. hay otra manera de comprobar que fue instalado correctamente?
gracias por la ayuda! (en el caso de que se trate de un problema, cuando voy a añadir un dado con el método add () no puedo definir la clave, el firebase se define automáticamente, ¿cómo puedo definir esto de forma manual?
Muy buen vídeo, aun que tengo un problema, cuando voy a otra sección del la pagina, por medio de las rutas, y regreso a la misma, ya no cargan los datos de Firebase si no hasta que refresque por completo la pagina. ¿Podrías ayudarme, por favor?
Hola Fazt. Estoy intentando realizar algo parecido a este tutorial pero al cambiar entre rutas y volver a la seccion de notas no se cargan las notas y solo cargan si refresco la pagina al igual si llego a realizar algún cambio desde firebase. Como solucionaria para que al intercambiar entre rutas funcione.
hola fazt, estoy realizando este ejercicio de crud y al momento de hacerlo me arroja este error ERROR in src/app/components/tasks/task.component.ts(15,22): error TS2339: Property 'getTask' does not exist on type 'TaskService'.
Gracias por el vídeo, tengo un inconveniente: Este método que implementas me funciona bien en un componente, pero cuando trato de ir a otra sección de mi single page application por medio de rutas, y me regreso a esta, ya no carga la información que pinto en el ngFor. Alguna solución?
Hola Cristian. Si usas mongodb, vas a tener que implementar mucha logica por ti mismo, pero eso te dara mas control sobre tu aplicacion. mientras que firebase es un servicio de google, que te da todo hecho. es decir si deseas menos trabajo, firebase, si deseas tener una aplicacion con más control, mongojs. Un Saludo :)
te cuento , vengo de php mysql html javascript, me quiero pasar a hacer aplicaciones con la "la nueva tecnologia" porque me parece que programar en un lenguaje en comun como javascript (despues del compilado ) tiene sentido pero no se si todos estos frameworks son tecnoligas que vinieron para quedarse, vos que pensas?
buenas, tengo una consulta en cloud firestore de firebase y necesito crear una nueva collection anidada pero no tengo idea para acceder a ella. quien me podria ayudar con algun ejemplo o guia ejemplo, Tasks > history
Muy Buen videotutorial! una pregunta: para realizar una APP para smart tv! por ejemplo el SO de Tizen de Samsung! que ¿Software me recomienda para desarrollar y framework? y como se puede subir a la store de samsung! saludos.
Las Apps de los smart tv son tan solo apps mobiles que soportan un tamaño de pantalla más grande, y la store que usa sansumg es la playStore, así que en resumen es como desarrollar una app mobil, si deseas conocer más te dejo un vídeo th-cam.com/video/tmZIzqvet9U/w-d-xo.html Saludos!
Buenas tardes, intente hacer una implementacion con el formulario en otra ruta, pero cuando regreso a la ruta donde tengo la lista no carga la data si no hice nigun cambio. ayuda porfavor
Estamos en las mismas!.. cuando viajo a otra ruta y me devuelvo, no vuelven a cargar los datos. Solo funciona si se hace un refresh del navegador, y eso no seria una buena practica en una Single Page Application
Mira a la hora de utilizar Firebase me manda un error de que los metadatos no coinciden, me dice que encuentra la version 4 pero que necesita la version 3
Es que si estaba utilizando la version 4.8 pero el problema no estaba ahi, sino que a la hora de instalar firebase en npm como que hubo un error y no se descargo todo el paquete y por eso me daba el error
yo no puedo creer que en pleno 2018 esta mierda de forma de desarrollar sea lo mejor y mas usado jaja... es peor que en los 80's! y todo porque se ve lindo
buenas tardes, estoy probando el repositorio y para ello hice mi propia base de datos y modifique la configuración en environment pasando los nuevos parámetros a firebase sin embargo al momento de compilar me muestra un error porque sigue apuntando a la base de datos vieja original de repositorio, alguien sabe donde se puede cambiar para que tome en cuenta los nuevos parámetros?. me da este error: "core.js:1350 ERROR Error: The project angular-fs-7dc2f does not exist or it does not contain an active Cloud Datastore database. Please visit console.cloud.google.com to create a project or console.cloud.googl...." ese nombre de base de datos es la base de datos con la q se hizo el repo pero yo hice una nueva y no sincroniza. muchas gracias
Si, lo siento por eso, fue un error de edición, y es un ejemplo de hace ya bastante tiempo, así que tratare de crear otro ejemplo usando las mismas tecnologías :)
Si, descuida fue ese el detalle cuando lo veia y empeze de cero no sabía, pero me decia que el getTask no estaba definida, entonces me fui a git y lo solucione, tus videos son geniales, espero que puedas subir videos sobre ionic
Hola a mi al pintar en consola, me salia un error de firebase: @firebase/firestore: Firestore (4.13.0): The behavior for Date objects stored in Firestore is going to change AND YOUR APP MAY BREAK. To hide this warning and ensure your app does not break, you need to add the following code to your app before calling any other Cloud Firestore methods: const firestore = firebase.firestore(); const settings = {/* your settings... */ timestampsInSnapshots: true}; firestore.settings(settings); With this change, timestamps stored in Cloud Firestore will be read back as Firebase Timestamp objects instead of as system Date objects. So you will also need to update code expecting a Date to instead expect a Timestamp. For example: // Old: const date = snapshot.get('created_at'); // New: const timestamp = snapshot.get('created_at'); const date = timestamp.toDate(); Please audit all existing usages of Date when you enable the new behavior. In a future release, the behavior will change to the new behavior, so if you do not follow these steps, YOUR APP MAY BREAK. ----------------------------------------------------------------------------------------------------------------------------------------------------- Lo he solucionado en el constructor del servicio en la primera linea: this.afs.firestore.settings({timestampsInSnapshots: true}); Por si a alguien más le ha pasado. Saludos!
para ser sincero contigo, deberias borrar este video y subir uno que la gente pueda seguir, desde el minuto 26 pierdes el hilo con services, es una lastima por que explicas bien pero tienes varios trabajos(videos) sin terminar correctamente.
No deberías tomártelo a mal, tu aporte es muy bueno solo que se pide un poco mas de organización ya que el punto principal es la explicación del funcionamiento del servicio y un nuevo video lo solucionaría, los comentarios positivos satisfacen pero no nos permiten mejorar. Saludos.
Excelente video, podrian explicar como hicieron el services/task.service.ts ? es lo único que hace falta en el tutorial, tuve que copiarlo de git pero sin entender
gracias por el feedback, creo que me ha faltado subir esa parte, de todas formas pronto subire los vídeos en mi nuevo sitio web, y estaran por partes, allí podran ver esa parte que me ha faltado, de todas formas dejo el enlace github.com/FaztWeb/angular-firestore-example/blob/master/src/app/services/task.service.ts Gracias por el aviso! creo que grabare un vídeo detallando este problema. saludos!
Eres un excelente youtuber todos tus videos son geniales y me han ayudado mucho porque quiero aprender sobre MEAN Stack, espero el video donde explicas la parte de services/task.service.ts para poder entender !! Dios te bendiga
th-cam.com/video/gUmItHaVL2w/w-d-xo.html aqui explica la parte del service y la interface
Increible aporte, muy practico y sencillo de entender. la base para arrancar grades proyectos y actualizado.... excelente gracias por eso.
Super... primera vez que todo funciono sin problema --- al primer intento... muchas gracias.
Buen aporte, Felicitaciones el vídeo estuvo excelente excepto que en el minuto 26:38 no explicaste como crear el método getTasks(), pero lo bueno es que subiste el código en Git Hub así que por esa parte me guié y logre arreglarlo. GRACIAS ACABAS DE SALVARME EN UN PARCIAL
Gracias, por el aporte.. siempre actual y fácil de entender..
exelente video y muy bien explicado nunca habia aprendido tan rapido gracias aunque tengo que estudiar mucho más
Gracias. Esto del desarrollo web es así, espero subir más ejemplos pronto. ¡Saludos Alex!
Fazt si tienes libro actualizados con ionic y A5 subelo gracias te recomendare
He vistos dos tutorials tuyos y me han servido a la perfección. Muchas gracias. Si pudieras subir un curso completo con node js y Firebase sería genial
Muchas gracias por tu aporte!!!
Buen video !!. Continuen así.Saludos
Muy buen vídeo, lastima que el servicio no lo explico pero es un excelente vídeo, gracias por el aporte!!
Muy buen video, pero observo que ese lenguaje Angular es muy complicado para hacer cosas que en otros lenguajes es muy sencillo.
Excelente vídeo, muchas gracias :)
muchas gracias por el video excelente, como puedo hacer este ejemplo en Angular 6, Muchas gracias
min 26:38
Mi pregunta como es que te corre cuando llamas el metodo getTasks() dentro del ngOnInit del tastService si aun no se ha creado y te muestra O:
tengo esa misma duda
Pasa que en el video no explica como se creo el service.task dale un vistazo al repositorio ahi esta como lo hizo, agreggalo antes de pasra a solicitad el getTasks y te correra
Muy bueno tu vídeo, una consulta para el tema de filtrar la búsqueda seria utilizando el método de recibir ?
Salu2 Fazt buen material y buena dinamica, felicidades, tengo una duda , el comprobar que jquery fue correctamente instalado, al escribir $, como respuesta no me muestra que esta corriendo jquery en ninguna parte .. hay otra manera de comprobar que fue instalado correctamente?
gracias por la ayuda!
(en el caso de que se trate de un problema, cuando voy a añadir un dado con el método add () no puedo definir la clave, el firebase se define automáticamente, ¿cómo puedo definir esto de forma manual?
una pregunta ,, me gusta angular pero se pude crear un proyecto como un e commerce con angular o me puedes recomndar algo que no sea php
Muy buen vídeo, aun que tengo un problema, cuando voy a otra sección del la pagina, por medio de las rutas, y regreso a la misma, ya no cargan los datos de Firebase si no hasta que refresque por completo la pagina. ¿Podrías ayudarme, por favor?
Hola Fazt. Estoy intentando realizar algo parecido a este tutorial pero al cambiar entre rutas y volver a la seccion de notas no se cargan las notas y solo cargan si refresco la pagina al igual si llego a realizar algún cambio desde firebase. Como solucionaria para que al intercambiar entre rutas funcione.
hola fazt, estoy realizando este ejercicio de crud y al momento de hacerlo me arroja este error ERROR in src/app/components/tasks/task.component.ts(15,22): error TS2339: Property 'getTask' does not
exist on type 'TaskService'.
Hola me podrias indicar como unir un node rest que se enlaza con una base de datos en un projecto angular
Gracias por el vídeo, tengo un inconveniente: Este método que implementas me funciona bien en un componente, pero cuando trato de ir a otra sección de mi single page application por medio de rutas, y me regreso a esta, ya no carga la información que pinto en el ngFor. Alguna solución?
a mi me ocurre lo mismo, conseguiste solucionarlo?
NO
Amigo, lograste solucionarlo?? tengo el mismo problema. Gracias.
Hola Fazt, Gracias por tus videos , para el backend me recomendas usar mongojs o firebase?
Hola Cristian. Si usas mongodb, vas a tener que implementar mucha logica por ti mismo, pero eso te dara mas control sobre tu aplicacion. mientras que firebase es un servicio de google, que te da todo hecho. es decir si deseas menos trabajo, firebase, si deseas tener una aplicacion con más control, mongojs. Un Saludo :)
te cuento , vengo de php mysql html javascript, me quiero pasar a hacer aplicaciones con la "la nueva tecnologia" porque me parece que programar en un lenguaje en comun como javascript (despues del compilado ) tiene sentido pero no se si todos estos frameworks son tecnoligas que vinieron para quedarse, vos que pensas?
Deberías darle el crédito a traversy media, buen video 👍
buenas, no me aparece el angularcli,json que puedo hacer gracias
buenas, tengo una consulta en cloud firestore de firebase y necesito crear una nueva collection anidada pero no tengo idea para acceder a ella. quien me podria ayudar con algun ejemplo o guia
ejemplo, Tasks > history
Una consulta que no se porque me pasa:
en el tasks.components.ts al agreagr el constructor public taskService: TaskService se queda en blanco
Lo resolviste bro?
@@jimeneztrmx no lo deje así busque otro tuto
Muy Buen videotutorial! una pregunta: para realizar una APP para smart tv! por ejemplo el SO de Tizen de Samsung! que ¿Software me recomienda para desarrollar y framework? y como se puede subir a la store de samsung! saludos.
Las Apps de los smart tv son tan solo apps mobiles que soportan un tamaño de pantalla más grande, y la store que usa sansumg es la playStore, así que en resumen es como desarrollar una app mobil, si deseas conocer más te dejo un vídeo th-cam.com/video/tmZIzqvet9U/w-d-xo.html Saludos!
Muchas Gracias por Responder. ¿El link que me pasaste es del huawei P10? por que es lo que me sale. Saludos.
sorry me referia a este th-cam.com/video/tmZIzqvet9U/w-d-xo.html :)
si me sale que npm no se reconoce como un comando que puedo hacer?
TIenes que Instalar Nodejs :)
Buenas tardes, intente hacer una implementacion con el formulario en otra ruta, pero cuando regreso a la ruta donde tengo la lista no carga la data si no hice nigun cambio. ayuda porfavor
Estamos en las mismas!.. cuando viajo a otra ruta y me devuelvo, no vuelven a cargar los datos. Solo funciona si se hace un refresh del navegador, y eso no seria una buena practica en una Single Page Application
amigo pudiste resolverlo?
que buen aporte, lastima que no se explique como se configuro el services y sus metodos
Buen tutorial, podrías hacer uno de como autentificarte?
Claro, muy pronto subiré un ejemplo.
Gracias bro
Mira a la hora de utilizar Firebase me manda un error de que los metadatos no coinciden, me dice que encuentra la version 4 pero que necesita la version 3
deberias de usar la version 4.8.0 de firebase
Es que si estaba utilizando la version 4.8 pero el problema no estaba ahi, sino que a la hora de instalar firebase en npm como que hubo un error y no se descargo todo el paquete y por eso me daba el error
Ah ok, a mi daban algunos errores con la 8.1 y en un post decia que haciera un downgrade a la 8.0
Me aparece este error "import { firestore } from 'firebase/app';" importe ya firestore, pero aun sigue el error
TypeError: this.taskService.getTasks is not a function
u_u
yo no puedo creer que en pleno 2018 esta mierda de forma de desarrollar sea lo mejor y mas usado jaja... es peor que en los 80's! y todo porque se ve lindo
Amigo ¿Que propones usar en lugar de estas tecnologías? (Recién inicio en este mundo y me llamó la atención tu comentario) Saludos.
buenas tardes, estoy probando el repositorio y para ello hice mi propia base de datos y modifique la configuración en environment pasando los nuevos parámetros a firebase sin embargo al momento de compilar me muestra un error porque sigue apuntando a la base de datos vieja original de repositorio, alguien sabe donde se puede cambiar para que tome en cuenta los nuevos parámetros?. me da este error: "core.js:1350 ERROR Error: The project angular-fs-7dc2f does not exist or it does not contain an active Cloud Datastore database. Please visit console.cloud.google.com to create a project or console.cloud.googl...." ese nombre de base de datos es la base de datos con la q se hizo el repo pero yo hice una nueva y no sincroniza. muchas gracias
En ni una parte del video sale como elavoras el Task.service :(
Si, lo siento por eso, fue un error de edición, y es un ejemplo de hace ya bastante tiempo, así que tratare de crear otro ejemplo usando las mismas tecnologías :)
Si, descuida fue ese el detalle cuando lo veia y empeze de cero no sabía, pero me decia que el getTask no estaba definida, entonces me fui a git y lo solucione, tus videos son geniales, espero que puedas subir videos sobre ionic
Claro, planeo subir de todos estos temas. tarde o temprano estarán en el canal.
ionic porfavor
Hola a mi al pintar en consola, me salia un error de firebase:
@firebase/firestore: Firestore (4.13.0):
The behavior for Date objects stored in Firestore is going to change
AND YOUR APP MAY BREAK.
To hide this warning and ensure your app does not break, you need to add the
following code to your app before calling any other Cloud Firestore methods:
const firestore = firebase.firestore();
const settings = {/* your settings... */ timestampsInSnapshots: true};
firestore.settings(settings);
With this change, timestamps stored in Cloud Firestore will be read back as
Firebase Timestamp objects instead of as system Date objects. So you will also
need to update code expecting a Date to instead expect a Timestamp. For example:
// Old:
const date = snapshot.get('created_at');
// New:
const timestamp = snapshot.get('created_at');
const date = timestamp.toDate();
Please audit all existing usages of Date when you enable the new behavior. In a
future release, the behavior will change to the new behavior, so if you do not
follow these steps, YOUR APP MAY BREAK.
-----------------------------------------------------------------------------------------------------------------------------------------------------
Lo he solucionado en el constructor del servicio en la primera linea:
this.afs.firestore.settings({timestampsInSnapshots: true});
Por si a alguien más le ha pasado. Saludos!
para ser sincero contigo, deberias borrar este video y subir uno que la gente pueda seguir, desde el minuto 26 pierdes el hilo con services, es una lastima por que explicas bien pero tienes varios trabajos(videos) sin terminar correctamente.
Otra opción mucho más sencilla, es tan solo no verlo ;)
No deberías tomártelo a mal, tu aporte es muy bueno solo que se pide un poco mas de organización ya que el punto principal es la explicación del funcionamiento del servicio y un nuevo video lo solucionaría, los comentarios positivos satisfacen pero no nos permiten mejorar. Saludos.