Criando apps real-time com Angular e Firebase

Então você decide criar um novo web app usando angular, e percebe que precisa de algumas coisas no server-side antes de realmente começar a criar a sua web app. Precisa primeiramente criar uma API, e a mesma necessita de um banco de dados. A sua web app, precisa ser real-time, ou seja, vai precisar usar web sockets, e claramente precisará de autenticação com segurança. Por fim, precisará hospedar essa aplicação em algum lugar, ou seja, antes de você começar a desenvolver alguma coisa com Angular, você terá bastante trabalho, a não ser que use Firebase.

Transcript

1. Criando apps real-time com Angular e Firebase
2. Weslley Neri @weslley_neri weslley39
4. Pensando em criar um novo app? SPA Realtime Autenticação Banco
6. DHTML Evolução dos Web Apps
7. Data Centers Evolução dos Bancos de dados
9. Fundada em 2011 Comprada pela Google em 2014
10. BaaS (Backend as a service) Sass / DBaaS
11. Banco NoSQL, dados armazenados em JSON
12. Realtime
13. Fácil autenticação
14. SDK para Java, Swift, Objective-C e Javascript
16. Criando novo projeto
17. Criando novo projeto
18. Dashboard
19. Autenticação
20. Autenticação
21. Métodos de login
22. Métodos de login
23. Métodos de login
24. Redirecionamento do OAuth
25. Realtime Database
27. SPA Realtime Autenticação Banco
28. Photow
29. Iniciando novo projeto angular generator-gulp-angular
30. ➜ npm install -g yo gulp bower ➜ npm install -g generator-gulp-angular ➜ yo gulp-angular
32. Estrutura de pastas
33. AngularFire
34. ➜ bower install —save angularfire
35. Inicializando a SDK do Firebase
36. Pegando as credenciais
37. Implementando autenticação
38. Armazenamento
39. Armazenamento
40. Implementando arrays
41. Showtime
42. Hosting
43. Build
44. ➜ npm install -g firebase-tools ➜ firebase login ➜ cd dist/ ➜ firebase init ➜ firebase deploy
45. Firebase init
46. Firebase deploy
47. http://bit.ly/photow-fire
48. Preços
49. Obrigado @weslley_neri weslley39