Creando aplicaciones modernas, completas. Angular + Firebase

Transcript

1. Creando aplicaciones modernas, completas. Angular + Firebase

2. Daniel Alvarez

3. ¿Qué de nuevo en LP?

4. None

5. Una pequeña historia

6. Charlas Cursos Preguntas Artículos Tutoriales Compartir

7. Primer vídeo

8. Canal

9. None

10. Website

11. None
12. None
13. None
14. None
15. None
16. None
17. None

18. Firebase

19. Firebase Realtime Database

20. ¿Tiempo real en un CMS?

21. None
22. None
23. None

24. { "rules": { "users": { ".read": "auth.uid == 'VPzZ9izNNravYPUNfiBimpr7put2'", ".write":

    "auth != null" }, "previews": { ".read": true, ".write": "auth != null", "articles": { ".indexOn": "updated" }, "labs": { ".indexOn": "updated" } }, "articles": { ".read": true, ".write": "auth != null" },

25. Firebase Cloud Storage

26. None

27. Firebase Authentication

28. None

29. Además SMS

30. None

31. + 1100

32. Firebase Cloud Functions

33. None

34. exports.saveUserInformation = functions.auth.user().onCreate(event => { const user = event.data; const

    email = user.email; const displayName = user.displayName; const photoURL = user.photoURL; console.log('saveUserInformation: ' + displayName); return admin.database().ref('users/' + user.uid).set({ displayName: displayName, email: email, photoURL: photoURL }); });

35. Firebase Cloud Messaging

36. None

37. Firebase Hosting

38. None

39. It’s free

40. Firebase Hosting, aún más

41. None
42. None
43. None

44. Angular Fire

45. None

46. export class MyApp { items: FirebaseListObservable<any[]>; constructor(db: AngularFireDatabase) { this.items

    = db.list('/items'); } }

47. <li *ngFor="let item of items | async"> {{ item.name }}

    </li>

48. Una pequeña historia

49. None

50. alvarez.tech/angularbolivia