Imagem de perfil
Felipe Sousa
Front end Developer - Pipoca Digital
@felipz_sousa
Ionic & Firebase, a super dupla na criação de aplicações dinâmicas.
#dfne2016
  • Dinamismo
  • Flexibilidade
Voltar no tempo...
~2013
Muitas PessoasTempoAlto Investimento
State of Conectivity 2015 - Internet.org - Facebook
  • Open Source
  • Rápido desenvolvimento
  • Tecnologias fáceis de aprender
  • Diversos componentes pré-criados
  • CLI Poderosa
  • ...
https://creator.ionic.io
http://view.ionic.io/
Menos PessoasMais RápidoMenor Investimento Inicial
e o back-end?!
O que é o Firebase?
BaaS (backend as a service)
  • Multiplataforma
  • Realtime
  • NoSQL
  • Cloud Storage
Develop.
Grow.
Earn.
Develop.

  • Realtime Database
  • Authentication
  • Cloud Messaging
  • Storage
  • Hosting
  • Remote Config
  • Test Lab
  • Crash Reporting

Grow.
  • Notifications
  • App Indexing
  • Dinamic Links
  • Invites
  • Adwords


Earn.
  • AdMob
https://github.com/purini-to/angular-material-firebase-chat
https://github.com/firebase/Firebase-Unity
Como eu posso começar?
  • Software Development Kit
  • Angular Module
https://firebase.google.com/
https://console.firebase.google.com/
Software Development Kit
https://console.firebase.google.com/
index.html
Angular Module
https://github.com/angular/angularfire2/
Passo 1
Passo 1 $ npm install angularfire --save
$ bower install angularfire --save
Passo 2
Passo 3angular.module('app', ['firebase'])

Hierarquia

&

Referência

.JSON!

https://database/.json
Get Started Project
Ionic/Firebase
Ionbase
$ git clone https://github.com/felipesousa/ionbase.git
https://github.com/felipesousa/ionbase
Live Example
https://goo.gl/bmGAXm
* Popups habilitados :)
http://ionicframework.com/docs/
https://firebase.google.com/docs/
https://github.com/firebase/angularfire
https://www.youtube.com/channel/UChYheBnVeCfhCmqZfCUdJQw
https://youtube.com/firebase/
Obrigado!
@felipz_sousa
github.com/felipesousa
felipesousa.github.io/