Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Creando aplicaciones modernas, completas. Angular + Firebase

Creando aplicaciones modernas, completas. Angular + Firebase

Creando aplicaciones modernas, completas.
Angular + Firebase.

Angular Bolivia. Meetup Julio 2017

F293f7dd42890d2f7d1e58d4e5616581?s=128

Daniel Alvarez

July 28, 2017
Tweet

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