No video

Total mobile development made fun with Flutter and Firebase (Google I/O '18)

  Рет қаралды 40,500

Firebase

Firebase

Күн бұрын

Come watch a single developer code a beautiful app in real-time from the ground-up that runs natively on iOS and Android, all from a single codebase. Along the way, learn how to marry Flutter's latest multi-platform reactive UI elements, accelerometer, and audio capabilities with powerful Firebase SDK functionality. See this app painted to life piece-by-piece in under 40 minutes thanks to Flutter's sub-second hot reload developer experience.
Rate this session by signing-in on the I/O website here → goo.gl/3Jr7vy
Visit the Flutter site → flutter.io/
Github link to code written in this presentation → goo.gl/AHdZEB
Watch more Firebase sessions from I/O '18 here → goo.gl/TQEeBQ
See all the sessions from Google I/O '18 here → goo.gl/q1Tr8x
Subscribe to the Firebase channel → goo.gl/9giPHG
#io18 event: Google I/O 2018; re_ty: Publish; product: Flutter - General, Firebase - General; fullname: Emily Shack, Emily Fortuna; event: Google I/O 2018;

Пікірлер: 35
@saptadeepdutta5041
@saptadeepdutta5041 5 жыл бұрын
4:32 = Class declarations 6:21 = FILE: util.dart 8:48 = Wrapping instead of direct use...Composition over inheritance. Also helps in making expansive modifications 11:54 = Begin wiring presentation of image 11:56 = Using return FadeInImage.memoryNetwork, to improve image presentation 12:10 = '......may not have the data when building......' 12:55 = Image wiring up is done 12:57 = '...I need to know more about the fish...' add texts, [Screen at 13:34] 13:22 = Beautifully done. Elegant coding 14:38 = Instant code-refactoring. Wrapping 'Text' with 'Padding' with defaults 15:07 = Begin wiring up Firestore 15:31 = Which of the two options to use to fetch asynchronous data.... 15:26 = ...the options 15:35 = ...the reasons of each options 16:16 = Owowowowo ?? Double question marks!....explained 16:52 = Continuing Firestoring...importing... 17:07 = ...the dependency ... 17:29 = ...consuming the steam i.e. displaing the image 18:10 = Coding up the use case of the app... 18:25 = ...toggle reservations... 18:39 = ...now flesh out _reserveFish() and _rmoveFish()... 18:48 = ...'redraw me'... 19:11 = File 'urls.dart' Update Firestore with data 19:15 = ...fleshing save()... 20:25 = ....dot where operator. Example of functional operator in Dart 24:38 = Coverflow plugin: Swipe between widgets pub.dartl.../simple_coverflow 25:42 = Swipe works, now dismissing a card 26:32 = Implementing 'Undo' use case using accelerometer 27:15 = Using the initState() method 28:06 = Setting the threshold ‘>= 2’ 29:16 = Let the sound begin... 29:23 = Use local audiotools class, which calls audiotools plugin 30:25 = Using the async() function 30:31 = Using ‘await’ to suspend processing until this completes.
@RodyDavis
@RodyDavis 6 жыл бұрын
I am absolutely loving flutter ❤️ coming from being a full stack mobile developer I love being able to write native plugins as needed. Especially Flutter + Firebase + Fastlane
@raoufrahiche2828
@raoufrahiche2828 6 жыл бұрын
F^3
@TensorProgramming
@TensorProgramming 6 жыл бұрын
I agree, flutter is great and writing plugins is very easy.
@TensorProgramming
@TensorProgramming 6 жыл бұрын
I love flutter and its support for both firebase and cloud firestore is really nice. These technologies work very well together. This was a great little presentation and I can really see flutter taking off as a technology over the next few years.
@amugofjava
@amugofjava 6 жыл бұрын
Great presentation. Will be going to take a look at the source for this app - the live coding was so fast.
@a.baobeid919
@a.baobeid919 6 жыл бұрын
TIP: play at 1.25 speed 😈
@SLCoderEgowithCoding
@SLCoderEgowithCoding 6 жыл бұрын
F3, I waited for this presentation. Great!
@rgenericson1461
@rgenericson1461 6 жыл бұрын
Composition over inheritance ;-)
@DerNivel
@DerNivel 6 жыл бұрын
Emily Shack have changed a lot compared to last here. Wasn't quite sure if she's the same person :D Nevermind, awesome talk. Have to play around with Flutter again really soon!
@VictorNolochemical
@VictorNolochemical 6 жыл бұрын
Great present! I especially enjoyed the style guidelines shared. Thanks 😀
@cuberob
@cuberob 6 жыл бұрын
I was just wondering, don't we need to deal with unsubscribing the firestore and maybe accelerometer listeners somewhere? I understand it's just a demo but seems important to know if this should be handled manually or not. Thanks!
@cuberob
@cuberob 6 жыл бұрын
Emily Fortuna awesome, didn't know that about streambuilders. Also, thanks for taking the time to reply!
@theblackharted
@theblackharted 6 жыл бұрын
can you tell me how you wrap a widget in another widget in IntelliJ? Like how you wrapped the Text with Padding in the demo?
@azulamazigh2789
@azulamazigh2789 6 жыл бұрын
click on the widget and click "orange light bulb" or "alt + enter"
@theblackharted
@theblackharted 6 жыл бұрын
cool thanks!
@endrefidje5698
@endrefidje5698 6 жыл бұрын
I did a clone of the repo from github but got a bunch of errors. In the "import" section there are issues, lots of red lines so something might have changed related to the location of various needed libraries.
@TimRijckaert
@TimRijckaert 6 жыл бұрын
'Native look and feel on both iOS and Android' I think it looks more like Material Design on iOS.
@TimRijckaert
@TimRijckaert 6 жыл бұрын
Thanks for answering. It would be nice however to see a talk/code lab on how to architecture a material design Android app and a flat design look for iOS. Since to me it seems as thought you can not have a totally different look on either platform. You sort of have to stick to one design and build exactly the same screen on iOS with the SAME amount of widgets or your build method would get convoluted pretty quickly.
@Mahamad1231
@Mahamad1231 6 жыл бұрын
i have mostly coded in java and somehow get expertise in it, but now i see this type of code syntax, it seems so unredable to me, i dont know why im so intersete in java only, it just looks so readable to me, but i think its getting old! :/
@nirvana1233
@nirvana1233 6 жыл бұрын
I was thinking the same thing. Coming from Java, it's really hard to read what's going on here.
@stevengao8345
@stevengao8345 6 жыл бұрын
I am trying to learn android mobile development, should I go kotlin with android studio or flutter with dart ? thanks
@rgenericson1461
@rgenericson1461 6 жыл бұрын
Flutter with a side of Dart!
@redbrogdon
@redbrogdon 6 жыл бұрын
Both are good options. If you'd like to get a job doing mobile right now, there are more native Android dev jobs, so that could be a good choice. If you're interested in building an app that you could also deploy on iOS, or using functional reactive programming patterns, or having a really custom UI, Flutter is definitely worth checking out.
@mareklisy2137
@mareklisy2137 6 жыл бұрын
Definitely Flutter! I spent half a year writing an Android app (pre-Kotlin days) for my bachelor thesis, just two days ago I wrote a Flutter app together with a friend in 24 hours, that was better looking and more feature rich than the previous app :D That quite sums it up. Flutter = super intuitive, everything is easy and possible + looks the same everywhere (older versions of Android = not a problem) Android SDK = super weird, you need to learn every single stupid feature for hours and account for all the legacy versions
@FemiKolawole
@FemiKolawole 6 жыл бұрын
Good Job!
@frazko
@frazko 6 жыл бұрын
why dart???
@jaweene
@jaweene 6 жыл бұрын
Based on their FAQ: flutter.io/faq/#why-did-flutter-choose-to-use-dart it seems: * Can work closely with the in-house Dart team * AoT and JIT compilation * Developer productivity * Object Oriented * Predictable performance * Fast allocations
@yugulove
@yugulove 6 жыл бұрын
flutter improve javascript
@sunshinelabz
@sunshinelabz 4 жыл бұрын
Looks really painful way to delelope modern mobile apps in year 2020... Google should think on building extending MIT app inventor 2 way of drag n drop approach... Rethink... :-) Coding are days of past Thx
@IsaiahGamers
@IsaiahGamers 6 жыл бұрын
React Native clone
@WilliamCodewizard
@WilliamCodewizard 5 жыл бұрын
I must be crazy, bcos I never saw js in the vid....
@beardymonger
@beardymonger 6 жыл бұрын
It pains me to say this (thinking about the resources spent), but: JavaScript >> dart
@anonimo0486
@anonimo0486 6 жыл бұрын
Please let us use a xml-like syntax to define layouts Please!!!!!
@kufahmeeran
@kufahmeeran 6 жыл бұрын
The whole point of flutter is to not use xml. Why would you want xml?
UX and APIs that developers and users love (Google I/O '18)
26:25
What's new in Firebase (Google I/O '18)
40:25
Firebase
Рет қаралды 35 М.
طردت النملة من المنزل😡 ماذا فعل؟🥲
00:25
Cool Tool SHORTS Arabic
Рет қаралды 25 МЛН
This Dumbbell Is Impossible To Lift!
01:00
Stokes Twins
Рет қаралды 37 МЛН
English or Spanish 🤣
00:16
GL Show
Рет қаралды 8 МЛН
KMP vs. Flutter - Who Will Win The Cross-Platform Battle?
16:19
Philipp Lackner
Рет қаралды 44 М.
Keep it Simple, State: Architecture for Flutter Apps (DartConf 2018)
29:00
Google for Developers
Рет қаралды 186 М.
How to Kotlin - from the lead Kotlin language designer (Google I/O '18)
39:24
Build reactive mobile apps with Flutter (Google I/O '18)
33:46
Google for Developers
Рет қаралды 194 М.
Android Jetpack: How to smartly use fragments in your UI (Google I/O '18)
45:39
Programming's Greatest Mistakes • Mark Rendle • GOTO 2023
51:24
GOTO Conferences
Рет қаралды 91 М.