Zero to App: Develop with Firebase - Google I/O 2016

Firebase helps mobile and web developers create extraordinary apps. It abstracts complex infrastructure and simplifies the development process. By using Firebase, developers can build the best user experience in the shortest amount of time, all without having to spin up servers or manage infrastructure. We explore how Firebase authenticates users and synchronizes data by creating an app on stage. You'll experience first hand how easy it is to build with Firebase!
The code is on Github:
Android: gist.github.com/puf/f49a1b07e... 🔥
iOS: gist.github.com/mcdonamp/cc45... 🔥
JS: gist.github.com/puf/8f67d3376... 🔥
Watch more Firebase talks at I/O 2016 here: goo.gl/JTH9Fr
See all the talks from Google I/O 2016 here: goo.gl/olw6kV
Subscribe to the brand new Firebase Channel: goo.gl/9giPHG
Get started using Firebase today goo.gl/gCHr6r
#io16 #GoogleIO #GoogleIO2016 #Firebase

[@rodrigofalico]

Pretty amazing how Firebase is evolving. Congrats guys, you are doing an incredible work here.

[@SergioBarreracoding]

Yeah! From zero to app this weekend!

[@ardenjaydelacruz3712]

This is so cool! Waiting for the github repo

[@patricknasc]

Inspiring! I'm getting completely in love with Firebase everyday more!

[@keitasama]

Why did I miss this!? Is pure gold!

[@williamjamesrapp7356]

WHAT DATABASE platform do you recommend I use to create my DATABASE

[@luismatabrito]

Amazing!, such a new approach to create apps!, perfect for start-ups

[@sganesh2958]

How! Can u tell me please

[@shikharshrivastava6965]

Hey... Can you please hint me on how can I generate a notification everytime a new message is received. It'd be handy for the users to know there is a update! Thanks!

[@LucemAnbski]

Seen this late but i had already implemented.. u guys rock.

[@philippwuthrich2406]

If you use the real time database, does it aleays download the whole database to the device or can you select a "branch"?

[@NarayanBabu]

At 27:55 what does she say after vision API? Copper Netease filter? What is that?

[@muhammadluqman1347]

can we use firebase for RTC of video streaming ??? will firebase easily connect with the video streaming app developed in crossplatform of .net ???

[@wei48221]

This is so cool~~ Got to develop some Apps. with it..

[@JasonCtutorials]

defo using firebase on my next app.

[@makp5858]

please help, how they display the image? i tried but but my listview display only string of the url

[@makp5858]

Mike Mcdonald thank you!

[@maheralrowizen9732]

thank you all for this work :) +Mike Mcdonald it really coool to make more better apps

[@AbdulrhmanBabil]

Hey in case of anonymous accounts, if users delete the app on their devices, and there are data linked with zombie anonymous accounts, the data will take a space and will be useless is there a Garbage collector to delete these data ?

[@williamcarey5611]

You would use the function to check when an app is being deleted by the user, and then delete their information from the firebase database.

[@bernardonigbinde]

What IDE is Kat Fang using please???

[@SravanKumar-zh4yq]

How about that intelligent logic that stay on server side now? e.g., processing and customising user information those results to be shared with all platforms. I see no reference to server side logic. Or should we use our own servers for logic and query Firebase for verifying requestor authenticity?

[@lesterrusike2744]

Thanx Mike You are life saver

[@kesuskim6072]

Thanks for awesome video!

[@ACC-yl8pc]

Can u use firebase if u r not a developer?

[@SUSMAO]

hello how to add image or video in a firebase recycler View in adroid studio

[@parkbrakereminder432]

Guys you are GREAT !!!

[@ajcinematography551]

hey guys! does anyone know if it is possible to make an app like musically with using just firebase as backend??????

[@bishwajitnepali2996]

Hie Mike we saw the chat app from previous Firebase as well, can we please some app just populating Recyclerview using the list of data from firebase e.g. News App or any. I assume the FirebaseRecyclerAdapter is also being used still. That would be nice ...

[@Frank_van_Puffelen]

We have a update FirebaseUI that indeed still contains the Adapters, but also adds a great new Firebase Authentication integration.

[@bishwajitnepali2996]

Yes Mike I finally I made my first application using firebase ..hooray got that recyclerview as well Tq so much for this

[@subodhgarg6422]

Hi Mike, This is so cool !! Is Firebase also planning to add support of features like Notifications, AdMob, Crash Reporting, Dynamic links etc. for hybrid apps too, like those made using Ionic in coming future?

[@HoboTechHelp]

they announced all of those features on their blog :)

[@xlopez3000ORIGINAL]

github code please :)

[@williamjamesrapp7356]

DO I USE ** FIREBASE ** to develop my app ? so before I start writing code any place else I can sign up with your service and start writing my code from scratch on ** FIREBASE ** ??

[@lexphilcaraig4781]

Hi, this is really great! I'm just wondering how will you build a friendslist app that can chat with personal message? Thanks!

[@karangupta3077]

Where to add my firebase url to this zero to app

[@mahluleligoodson]

FIREBASE is sickkkkkkk!!!! AWESOME!!

[@rahulvyas5749]

love from india :)

[@ronnyrodneynkhori]

Hello I saw you autocomplete the createuser method how did u do that

[@nikhilverma4976]

They are called code "templates" I guess. You can set them up in your IDE, so by typing "xyz" it gets expanded to your configured code snippet.

[@ronnyrodneynkhori]

How to you set them up?

[@nikhilverma4976]

You have to look them up for the specific editor/IDE you are using. In IntelliJ IDE, for example, these are called live templates and you can visit this link to learn more about them: www.jetbrains.com/help/idea/2016.2/live-templates-2.html#d1416172e90

[@patricknasc]

They're using code snippets. You can create a template and bring it to your code with a key name. Every IDE has it way of creating this. Atom IDE for example uses a very simple coffee script syntax. Android Studio and Xcode is a drag and drop process.

[@gokhansaylgan1586]

could you please share your ChatMessageTableViewCell class and your story board at github

[@harakara51]

Watching this makes me so jealous, I am stuck with a .net/sharepoint/knockout environment.

[@bondannoviada8750]

Thank You

[@sghoshranipark]

learned it in 2020... Totally regretting why I didn't knew it earlier T_T

[@rahulthewild]

**QUERY** Hey Mike and other devs here! Wanted to ask you I was making an app with node.js using MEAN stack but now I wan to use firebase for most of it but I'm confused if it'll work fine with MEAN stack and node.js? ps. yes, mongoDB would totally be replaced though.

[@Steve27046]

I am having a super hard time finding a developer that knows firebase well. I have tried guru.com and upwork to find a freelancer. Is there a link that I can use to find firebase certified developers for my humanitarian app for Liberia Africa?

[@kimgysen10]

I don't really see what's the difference with standard webservice api's that already exist for a long time. I hear a lot of terms that are pretty standard stuff...

[@guptasomex]

i am unable to get the layout files send me link to layout file

[@Frank_van_Puffelen]

I added the layout to the gist: gist.github.com/puf/f49a1b07e92952b44f2dc36d9af04e3c

[@gondaimgano]

Hi I have a question how do you secure firebase apiKeys etc from users? How secure is this I really need input in this ? I know firebase has been unified with google cloud but I see in their code that it exposes the apiKeys and the secret information how can I stop insecure access? Your input is really appreciated in this

[@gondaimgano]

I am looking at the web code

[@gondaimgano]

Thank you so much I think I got my answer through stackoverflow.com. I appreciate your response. I was told that my security rules are key to making my dbase secure.

[@lemongaming3162]

How to delete image and message in the same app>

[@ongcz]

Please give us the code on how to send image using firebase.

[@ongcz]

Thank you sir, I already use it. But im finding difficult to use in cardview text with image. Hope you have code?

[@Maruf-zt7dz]

He is a nice speaker

[@mandargaude8251]

Is this tutorial still valid?

[@siqueiradg]

Firebase

[@user-nz1ww5tm2g]

ความพยายาม

[@mafirearmsafety]

Hi, great show. I have an app concept/idea that would be huge, but I do not have the technology background to make it happen. I need to talk to someone such as you or your team. Prior to that though I would need all parties concerned to sign a binding non disclosure agreement/statement. This app is original and I am working towards protecting it as intellectual property. I will not disclose any information until people who would be involved are legally bond to keep it secret. Mark Shean , Solutions De Innovation LLC Thank you and Merry Christmas

[@StevenUpton]

Can Firebase be used with Dart?

[@StevenUpton]

Thanks for the response Mike Mcdonald :) I just came across a Dart wrapper that seems to be more up to date pub.dartlang.org/packages/firebase3

[@rizkiheryandi5759]

Frontend developer don't need backend developer

[@Right2KnowWorld]

its seems new leap by google for open source coders

[@0xded53c6]

Is a shame that you guys didn't share the code you used during the presentation. For people who is starting to learn Firebase, it would be really helpful.

[@Frank_van_Puffelen]

The code is on Github. Android: gist.github.com/puf/f49a1b07e92952b44f2dc36d9af04e3c 🔥 iOS: gist.github.com/mcdonamp/cc45567cd95ba2a62017cb21e891effd 🔥 JS: gist.github.com/puf/8f67d3376d80ed2d02670d20bfc4ec7d 🔥

[@0xded53c6]

Notice, however that isn't the complete code, it is incomplete. Although I really appreciate you take your time to reply to a simple mortal (me).

[@Frank_van_Puffelen]

What piece are you missing? We might've missed some resource files, but as far as code is concerned it should be complete.

[@0xded53c6]

Frank van Puffelen if you don't mind, I would like to start a new project from the scratch again with the code, then I would be able to share with you the errors I'm getting. Again I really appreciate your time, is one of those amazing things KZbin have, thank you.

[@0xded53c6]

Frank van Puffelen as we discussed, these are some of the errors that I'm getting after using the code shared on the previous Github repository. 1. drive.google.com/open?id=0B0WFFfDdWy4Yb3AxMVlQR3NPS3c 2. drive.google.com/open?id=0B0WFFfDdWy4YMnI0UkNNUHgtNDg 3. drive.google.com/open?id=0B0WFFfDdWy4YczByYzdTSEFuLUE 4. drive.google.com/open?id=0B0WFFfDdWy4YaDVxOGx2ZVpBaGs I'm able to solve some of them, deleting the line of code or making the adjustments, but the latest involve the creation of new classes which point to my initial concern about the incomplete code. I look forward to hearing your thoughts.

[@danielli8042]

why did people boo at he sart

[@itbees9271]

Thanks google

[@MahmudulMithun]

If you know FireBase very well then you can be a great presenter for a company like google but even google will not hire you if you only expert at firebase. But if you know sql very well then no one can stop you getting a well paid job. So even interview (I was with my senior developer) we met many ios and android dev who made many app using firebase but we hired someone who was good at oracle sql and mysql. My buddy said, firebase can be taught overnight but not SQL and Pl/SQL. So you can understand the weight.

[@iamhammadnasir]

**QUERY** Hey, awesome video. I'm facing an issue here: stackoverflow.com/questions/37941203/viewholder-not-setting-the-string-as-text-of-a-textview-please-see-details. Kindly help me please.

[@damejelyas]

fireba(das)se

[@schrodingerscat3912]

jesus that is a big ass crowd

[@williamjamesrapp7356]

Excuse me, I AM NOT a coder. I only know the very VERY basics of some versions of web coding. I AM NOT RICH -- NOT AT ALL -- NOT EVEN A LITTLE BIT. I have a few fantastic (APP/WEB) (WEB-APP) ideas and I am trying to learn as much ass I need to to produce my ideas. Yes what I am undertaking is daunting and some of you professional coders think I am stupid for even trying BUT I WILL NOT LET MY DREAMS FALL BY THE WAY SIDE. I have conducted years or research in my business aspect of my ideas and I have learned to basically code ( HTML - XHTML - HTML 5 - CSS - CSS 3 - JAVA SCRIPT - ) I am now trying to learn PHP and SQL - MYSQL . I know that what I have done only scratches the surface of what 1 person needs to learn to complete his ideas in a PROFESSIONAL manner but I can not get anyone to work with me unless I pay them and I can not afford to pay them nor pay a professional SO I WILL PERSEVERE AND CONTINUE TO MOVE FORWARD. I cant understand everything what you are talking about in part due to some of your different accents, so first off I am not totally sure what your services provide and I went to your web site and I am still not certain what you all provide. YOU DONT CREATE WEB SITES OR APPS -- RIGHT ??? YOU ARE NOT A DIY SNAP TOGETHER APP DEVELOPMENT OR WEB DEVELOPMENT SITE RIGHT ?? WHAT EXACTLY DO YOU DO ??? --- AND - IS THIS SOMETHING I SHOULD ALSO LEARN IN ORDER TO PRODUCE MY IDEA OR IS THIS JUST SOMETHING EXTRA AND NOT NECESSARY FOR ALL APP DEVELOPERS ??? Thank you for you time. W. James RAPP

[@clipstheonly2513]

Hi, you mentioned that you basically learned to code HTML/XHTML/HTML5, CSS/CCS3 & Javascript. Thats pretty amazing. You should try registering on freelance websites so you can develop and design websites for people and get paid for it. This is a very profitable side job(hustle) and hopefully if you get really good at it and get tons of customers, you could create your own web development business and all. You honestly just have to keep learning and see if you can create your ideas by yourself or at least a huge chunk of it cause these days the average fee to get a programmers on sites like gigster is $5000 so you learning different programming languages to create your ideas will benefit you greatly. It just requires a lot of patience and committment

[@williamjamesrapp7356]

Thank you for your information. (A) I Just learned to code. I am certainly NOT an expert and beside I still have more to learn. (B) my goal is not to code for other people but to code my own APP's. I have a couple fantastic APP ideas and once I get all the way to completion and launch them then I will have marketing/advertising to deal with. I wont have time to mess with other peoples ideas and I am focused on making my own millions. YES, I will make millions. I have done 2 years of market research and preparation, business plan, incorporated. I am all ready to go once its launched -- I am just not near the launch stage. Since I cant get any help I have done everything from start to hopefully finish - all on my own. But again, thank you. P.S. -- If I had any $$$$ I would have paid someone to create it for me but no cash for coding and no cash for schooling. I wish I had a professor I could ask questions to or a mentor -- BUT -- such is life. JAMES

[@clipstheonly2513]

William James Rapp I honestly pray you make millions. I pray I make millions too. Yeah definitely if you had the financial backing you would have launched all your ideas by now. I just mentioned the thing about designing and developing websites for money so you could use part of the money you earn from it to fund your own ideas but your method also makes perfect sense to me. Best of luck & Gods blessings James

[@williamjamesrapp7356]

Have a Fantastic Weekend & ROCK ON.

[@nipunsharma5724]

K

[@williamjamesrapp7356]

Does FIREBASE -- HOST my app ? Is that what you said here? I apologize to you for sounding like a total NEWB but that is because I am, but I would like to ask someone some questions and I hope someone there can take the time to answer the questions for me. I am William James Rapp ( JAMES ) and I am trying to teach myself to code because I have a couple of DATA BASE - BASED apps that I want to create. NO -- I am not rich and have no money to pay everyone in the world. My shoe strings are on a shoe string budget. For me, and you might agree, learning everything from scratch in the app development world is daunting. ** Q ** -- So, I get my APP name secured from some place ? WHere can I do that ? ** Q ** -- I want to create my APP on IOS and ANDROID for max usage - -I know that takes different type of coding -- I am sure this is a basic easy question but --- Does FIREBASE handle this ? ** Q ** -- DO I NEED TO LEARN FIREBASE CODING SO I CAN ENTER ALL THIS CODE FROM YOUR SITE ? ** Q ** -- Here is a big question for me simply because as a NEWB I dont understand --- I CREATE MY APP -- I ENTER FIREBASE CODE -- I TAKE ALL THIS INFORMATION AND CODE AND SUBMIT IT TO THE DIFFERENT PLATFORMS ( IOS - ANDROID ) APP STORES TO LAUNCH THE APP ???? I have other questions but could someone please explain this to me so I can understand and start heading down the right road in my ZERO TO APP DEVELOPMENT journey . Thank you for your time. James

[@TheWalkingPeople]

William James Rapp Do you still need these questions answered?

[@williamjamesrapp7356]

yes i do

[@TheWalkingPeople]

William James Rapp ok I can try answer them the best I can. Yes, firebase hosts your app, and it is free until you either want a custom domain or you grow a large user base. Firebase is unusual because you don't write any backend code. You manage the structure of the database through the online console and then read and write to it from your clients. If you want to make Android and IOS clients, you will write those in Java and Swift. Firebase has references on how to use Firebase in each of those languages. Once your done with the apps, you will deploy them to the app store and you're off to the races. **Tip I suggest making a progressive web app instead of a IOS or Android app because of the difficulty level of making an IOS or Android app. Plus, a good web app basically serves the same purpose as a native app. Let me know if you need more clarification.

[@williamjamesrapp7356]

Thanks for the information but what do you mean by making A PROGRESSIVE web app ? I have wireframed my APPS and I am fairly ready to go on that end in my mind -- subject to change on the fly. I am looking at SNAPPII and they can handle the data side in what sounds like a similar way. MY ISSUES ARE -- I am not a coder but learning all the basics and I never created a real data base using anything other than excel SO I am learning ACCESS. At least its a start. ADDITIONALLY -- in order for SNAPPII to do what I want with the information I need to pay them to code it and I am sure the same with FIREBASE. Either way I have no money to do such things so I will struggle onward. When I do get my APP launched then I can start the other end of the process and start marketing but that I know so Im looking forward to that end AND THE INCOME which it will produce but for now I still have a ways to go. ANYWHO --- Thanks for your response and information. W. James Rapp

[@TheWalkingPeople]

William James Rapp You can look up the definition, but a progressive web app is basically a web based application that follows all of the modern web standards and performs well on mobile. Also, Firebase won't code anything for you, and it is totally free up until you start making a ton of requests to your database. Also, don't confuse firebase with a database language like SQL, Firebase is just an API framework that is based around a central database. The reason why it is so nice is because you don't have to write any backend code.

[@thebleach401]

Dear Google, explain like I am five means that whatever you explain, explain so simply that a 5 year old can get it, not like I am literally 5 and in all this kiddish texts and making it fun with bubbly language etc.

[@deandre1988]

cringe intro. classic google

[@JayZcontent]

a glorified pep talk about what not to do when developing authentication apps for dummies... no code required lol...google is really dumming it down for the man!!