Building modern applications with a Firebase BackendGDG DevFest Blida 2015

Fethi Dilmi

Modern ApplicationsNew Trends & New Needs

<You/> want to develop an application thatgoes wherever your user go

New Trends & New Needs1. Cross platform support

PC Mac, iOS Android

Real Time syncing is a must in modern applications for chatand collaboration purposes

2. Real Time syncing across all user’s devices

New Trends & New Needs

Mobile clients can storedata while the useris offline and sync them later once the connectionis restored

3. Offline support for mobile clients

New Trends & New Needs

A lot of work !

● Keep and maintain servers up and running all the time.● Write backend logic for every client and platform.● Define message structures to communicate in real time.● Security.

And a lot more !!

Classically, developing this kind of apps on your own would have needed a lot of work and resources. You’ll need to:

And resources too :/

Build Extraordinary Apps Super Easy & Super Fast

Don’t panic: there’s Firebase

What is Firebase ?

● Firebase is a scalable, real-time, and flexible backend for your application.

● It allows the developer to build rich collaborative applications without the hassle of managing servers or writing server-side code.

1. A powerful platform for your mobile or web application

● Firebase can power your app's backend, including data storage, user authentication, static hosting, and more.

● Just focus on creating extraordinary user experiences. Firebase will take care of the rest.

2. Focus on the user

What is Firebase ?

● Build cross-platform native mobile and web apps with our Android, iOS, and JavaScript SDKs.

● You can also connect Firebase to your existing backend using our server-side libraries or our REST API.

● With Firebase, you can store data and authenticate users in your app with just a few lines of code.

3. Build for any device & Build it Fast !

What is Firebase ?

● Store & sync data with our NoSQL cloud database.

● Data is stored as JSON.

● It is synced to all connected clients in real-time.

● And it is available when your app goes offline.

1. Real Time Data Base

Features that will help you build extraordinary Apps !!

● In Firebase you can easily authenticate users from Android, iOS, and JavaScript SDKs in just few lines of code.

● Social Login: Facebook, Google, Twitter, GitHub.

● Handle user login entirely with client-side code.

● Integrate authentication with your existing backend.

2. Authentication

Features that will help you build extraordinary Apps !!

● Deploy your web app in seconds with our production-grade static asset hosting. From acquiring the SSL certificate to serving your content on Firebase’ global CDN, it does it all for you.

● Deploy in seconds to firebaseapp.com

● SSL by Default.

● Manage and rollback your deploys.

3. Static Hosting

Features that will help you build extraordinary Apps !!

● Firebase Open Data Sets are Firebases populated with live-updated data from a variety of sources.

● They are a quick and easy way to get real-timedata for your app.

● Examples: Airport Delays, Cryptocurrencies, Earthquakes, Parking, Transit, Weather, etc.

4. Open Data Sets

Features that will help you build extraordinary Apps !!

Firebase, Firebase Everywhere !Use Libraries on Web, Android, and iOS.

Firebase Web Libraries

AngularFire is the officially supported AngularJS binding for Firebase. The combination of Angular and Firebase provides a three-way data binding between your HTML, your JavaScript, and the Firebase database.

Get started on: https://www.firebase.com/docs/web/libraries/angular/

1. AngularFire

Firebase Web Libraries

EmberJS is a framework for building ambitious web applications that utilizes auto-updating Handlebars templates, components, and routing with great URL support.

You can easily add a realtime backend to your Ember app with EmberFire, our officially supported adapter for using Firebase with Ember Data.

Get started on: https://www.firebase.com/docs/web/libraries/ember

2. EmberFire

Firebase Web Libraries

ReactJS is a framework for building large, complex user interfaces. Firebase complements it perfectly by providing an easy-to-use, realtime data source for populating the state of React components.

With ReactFire it only takes a few lines of JavaScript to integrate Firebase into React apps.

Get started on: https://www.firebase.com/docs/web/libraries/react

3. ReactFire

Firebase Web Libraries

● BackboneFire,● Ionic,● Firepad,● Firechat,● GeoFire

More details on: https://www.firebase.com/docs/web/libraries/

4. Many other web Libraries

Officially supported libraries to help integrate Firebase into your application:

● FirebaseUI: It is an open-source Android library that allows you to connect common UI elements to Firebase queries.

● GeoFire: It is an open-source Android library that allows you to store and query a set of items based on their geographic location.

More on: https://www.firebase.com/docs/android/libraries/

1. Android Libraries

Firebase Android and iOS Libraries

Helpful libraries that are designed to speed up development:

● FirebaseUI and GeoFire.

● WatchKit: It is the official SDK for building Apple Watch Apps.

More on: https://www.firebase.com/docs/ios/libraries/

2. iOS Libraries

Firebase Android and iOS Libraries

http://www.youtube.com/watch?v=gL-jNk8SzUo

<Thank You :) />http://fethidilmi.blogspot.com

fethidilmi@gmail.comgoogle.com/+FethiDilmi@fethidilmi