Flutter Development

on YouTube ↗37m

" summary

Live coding builds two clocks—a retro flip-digit timer and a photo-timer that snaps every minute—and finishes within the demo’s tight timebox using hot reload and community packages. The app wires a countdown stream via StreamBuilder and an InheritedWidget, uses Flip Panel/Flip Digit for visuals, and the camera plugin plus Firebase ML Kit face detection to map live facial expressions to an avatar. A separate demo charges a card through Square’s Reader SDK plugin, and CI/CD is automated with Codemagic builds.

AI-written summary · about

" chapters (31)

1. 0:00Start
2. 1:18mirror our mobile phone onto our laptop
3. 4:29build a retro clock
4. 5:01starting here with basically a blank file
5. 5:43layer widgets on top of each other with the stack
6. 6:03swipe between the different clocks
7. 8:36put it in a clock frame widget
8. 9:23create a clock face
9. 11:57take a photo every minute
10. 12:35put this in a column
11. 14:21add some images
12. 15:14let us switch the direction of the camera
13. 15:26switch the direction of the camera
14. 17:31the run-up to flutter
15. 17:54integrate other platform content into flutter
16. 18:11google maps plug-in
17. 18:48adding localization of the ui content to 50 languages
18. 19:46talk about another part of the development process connecting to external services
19. 20:01made the core of flutter as small as possible
20. 22:26taking images from the camera and passing it to the face
21. 23:45enable classification
22. 24:03pass the camera and the detector
23. 25:12run hot restart instead of hot reload
24. 25:56update the tilting of the head
25. 26:58introduce ella bolo to the stage
26. 29:35start the square checkout flow
27. 32:25building our continuous integration and delivery product
28. 33:45trigger the builds from from github after each commit
29. 34:22failed to install dependencies
30. 35:56duplicate your workflows according to the user
31. 36:53join our slack channel

" related talks

• 01h 13mFlutter — live coding declarative UISvetlana Krivosheeva · Mobius 2020 Moscow
• 50mZero to app: Livecoding a cross platform app with Firebase and FlutterFrank van Puffelen, Paul Ruiz · Firebase Summit 2020
• 58mFlutter from idea to app in 45minMitchell Tilbrook · NDC Sydney 2018
• 49mFluttering forward: Building a cross-platform appDominique Vigeant · Women Techmakers Montreal 2024
• 42mLet's fire the FlutterAleksandr Denisov · GDG DevFest Belarus 2018
• 01h 23mAdvanced animations in FlutterJustin McCandless, John Ryan · Fluttercon USA 2024
• 50mFlutter in Action: How to build cross-platform app with DartVitalii Bobrov · Mobile Era 2018
• 42mGet Animated with Flutter!Nitya Narasimhan · droidCon NYC 2018