CRUD de Tareas en Angular 5 y Firebase Desde Cero

CRUD de Tareas en Angular 5 y Firebase Desde Cero

Fazt

6 лет назад

30,372 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Anddy Ortíz
Anddy Ortíz - 15.11.2017 06:56

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

Ответить
Alberto Vega
Alberto Vega - 03.03.2021 22:55

Me aparece este error "import { firestore } from 'firebase/app';" importe ya firestore, pero aun sigue el error

Ответить
Carlos Emmanuel Arcos Novelo
Carlos Emmanuel Arcos Novelo - 01.05.2019 16:52

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

Ответить
Adrian Bravo
Adrian Bravo - 26.11.2018 19:48

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'.

Ответить
Technical review
Technical review - 29.09.2018 13:57

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

Ответить
Gabriel Maya Sánchez
Gabriel Maya Sánchez - 12.09.2018 04:09

"styles": [
"src/styles.css",
"node_modules/font-awesome/css/font-awesome.css",
"node_modules/materialize-css/dist/css/materialize.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.js",
"node_modules/materialize-css/dist/js/materialize.js"
]

Ответить
Lo-Fi Play Music Sound
Lo-Fi Play Music Sound - 28.08.2018 00:47

Una consulta que no se porque me pasa:

en el tasks.components.ts al agreagr el constructor public taskService: TaskService se queda en blanco

Ответить
Samir Alvarado Camayo
Samir Alvarado Camayo - 24.08.2018 20:04

buenas, no me aparece el angularcli,json que puedo hacer gracias

Ответить
Bruno Javier
Bruno Javier - 25.07.2018 07:23

si me sale que npm no se reconoce como un comando que puedo hacer?

Ответить
David Martín Almeyda Sucso
David Martín Almeyda Sucso - 22.07.2018 05:52

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?

Ответить
Edgar Velasquez
Edgar Velasquez - 08.07.2018 09:58

muchas gracias por el video excelente, como puedo hacer este ejemplo en Angular 6, Muchas gracias

Ответить
Paul Weird
Paul Weird - 25.05.2018 02:42

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

Ответить
Diana Patricia Marin Torres
Diana Patricia Marin Torres - 17.05.2018 21:11

Hola me podrias indicar como unir un node rest que se enlaza con una base de datos en un projecto angular

Ответить
Yolber Pabon
Yolber Pabon - 07.05.2018 23:54

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.

Ответить
TaGy
TaGy - 29.04.2018 15:17

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!

Ответить
Nelson Rojas Nuñez
Nelson Rojas Nuñez - 26.04.2018 22:51

Muchas gracias por tu aporte!!!

Ответить
Cristian Andes
Cristian Andes - 13.04.2018 23:50

Hola Fazt, Gracias por tus videos , para el backend me recomendas usar mongojs o firebase?

Ответить
Pedro
Pedro - 21.03.2018 23:09

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?

Ответить
Jhonatan Plata
Jhonatan Plata - 19.02.2018 19:33

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?

Ответить
Juan Fajardo
Juan Fajardo - 19.02.2018 04:41

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

Ответить
Kendal Carmona
Kendal Carmona - 13.02.2018 20:26

Muy buen vídeo, lastima que el servicio no lo explico pero es un excelente vídeo, gracias por el aporte!!

Ответить
alex cordero
alex cordero - 26.01.2018 04:02

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

Ответить
Felipe Eduardo Toro Taucán
Felipe Eduardo Toro Taucán - 25.01.2018 20:03

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.

Ответить
alex cordero
alex cordero - 24.01.2018 07:44

exelente video y muy bien explicado nunca habia aprendido tan rapido gracias aunque tengo que estudiar mucho más

Ответить
Jairo Humberto Rey Castro
Jairo Humberto Rey Castro - 24.01.2018 01:26

Super... primera vez que todo funciono sin problema --- al primer intento... muchas gracias.

Ответить
Devkyo
Devkyo - 19.01.2018 09:59

En ni una parte del video sale como elavoras el Task.service :(

Ответить
Angel Ramos
Angel Ramos - 13.01.2018 12:59

Buen tutorial, podrías hacer uno de como autentificarte?

Ответить
Juan Luis Rodríguez Hernández
Juan Luis Rodríguez Hernández - 12.01.2018 19:53

Buen video !!. Continuen así.Saludos

Ответить
Devkyo
Devkyo - 10.01.2018 07:12

No logro conectar la data porque me sale error:

ERROR in node_modules/angularfire2/firebase.app.module.d.ts(5,45): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firebase.app.module.d.ts(8,17): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firebase.app.module.d.ts(9,21): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firebase.app.module.d.ts(10,22): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firebase.app.module.d.ts(11,20): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firebase.app.module.d.ts(13,22): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(8,43): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(9,46): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(9,80): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(10,49): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(10,95): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(10,140): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(10,182): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(11,49): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(11,94): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/changes.d.ts(11,130): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/collection.d.ts(8,54): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/collection.d.ts(8,96): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/collection.d.ts(10,19): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/collection.d.ts(12,22): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/collection.d.ts(12,69): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/collection.d.ts(13,27): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/collection.d.ts(14,25): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/collection.d.ts(15,30): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/collection.d.ts(16,27): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/collection/collection.d.ts(17,27): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/document/document.d.ts(8,10): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/document/document.d.ts(9,22): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/document/document.d.ts(10,28): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/document/document.d.ts(14,42): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/firestore.d.ts(9,55): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/firestore.d.ts(12,25): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/interfaces.d.ts(4,11): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/interfaces.d.ts(5,14): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/interfaces.d.ts(14,37): error TS2503: Cannot find
namespace 'firebase'.
node_modules/angularfire2/firestore/interfaces.d.ts(14,80): error TS2503: Cannot find
namespace 'firebase'.
node_modules/angularfire2/firestore/interfaces.d.ts(16,10): error TS2503: Cannot find
namespace 'firebase'.
node_modules/angularfire2/firestore/interfaces.d.ts(17,12): error TS2503: Cannot find
namespace 'firebase'.
node_modules/angularfire2/firestore/observable/fromRef.d.ts(6,41): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/observable/fromRef.d.ts(6,80): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/observable/fromRef.d.ts(7,41): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/observable/fromRef.d.ts(7,98): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/observable/fromRef.d.ts(8,48): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firestore/observable/fromRef.d.ts(8,93): error TS2503: Cannot find namespace 'firebase'.

Ответить
Luis Fernando Kuczera
Luis Fernando Kuczera - 09.01.2018 23:15

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?

Ответить
Devkyo
Devkyo - 08.01.2018 11:13

TypeError: this.taskService.getTasks is not a function
u_u

Ответить
Anthony Cifuentes
Anthony Cifuentes - 02.01.2018 12:27

Deberías darle el crédito a traversy media, buen video 👍

Ответить
Jenner Calito
Jenner Calito - 18.12.2017 20:51

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

Ответить
Lorena Narvaez
Lorena Narvaez - 09.12.2017 00:33

Excelente vídeo, muchas gracias :)

Ответить
sebastian alarcon
sebastian alarcon - 29.11.2017 00:46

que buen aporte, lastima que no se explique como se configuro el services y sus metodos

Ответить
AngeloxP
AngeloxP - 27.11.2017 19:44

Muy bueno tu vídeo, una consulta para el tema de filtrar la búsqueda seria utilizando el método de recibir ?

Ответить
José Hernández
José Hernández - 17.11.2017 20:04

Increible aporte, muy practico y sencillo de entender. la base para arrancar grades proyectos y actualizado.... excelente gracias por eso.

Ответить
Ramiro Davalos
Ramiro Davalos - 16.11.2017 22:36

Gracias, por el aporte.. siempre actual y fácil de entender..

Ответить
jose Antonio Pérez
jose Antonio Pérez - 14.11.2017 18:12

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.

Ответить