FlutterMTL_-_Flutter_Next_24.pdf

Transcript

1. Flutter @Next’24 How Google did promoted Flutter
2. “ Google Cloud Next is Google's flagship annual conference focused on cloud computing, data analytics, artificial intelligence (AI), and other areas where Google Cloud offers solutions and services. Hosting this year (9-11 April) in Mandalay Bay Convention Center (Las Vegas)
4. Google Highlights FLUTTER
5. 8 breakout sessions about Flutter 30,000 attendees 2 Keynotes +500 breakout sessions Training Live Coding Showcase User’s Feedback
6. Develop a FlutterApp Software Architecture Connection with a backend … … powered by CloudRun Integration with Services & Framework
7. Develop a FlutterApp Web IDE & Code Assist zapp.run Project IDX Visual Studio Code
8. Flutter Highlights Five Pillars
9. ❖ Improved performance that meets or exceeds native benchmarks ❖ Improved developer experience for large teams ❖ Improved developer experience for "add to app" ❖ Improved fidelity & developer experience of Flutter web apps ❖ Continued Impeller rollout ❖ Macros / static metaprogramming for Dart Flutter Highlights 2024 Roadmap
10. Appendix Flutter Breakout Sessions DEV246 APPLICATION DEVELOPERS Build full-stack Dart applications using Flutter and Serverpod YouTube - Presentation DEV222 APPLICATION DEVELOPERS Live-code an app with Cloud Run and Flutter YouTube - Presentation DEV252 APPLICATION DEVELOPERS Building AI-powered games with Gemini and Flutter YouTube - Presentation DEV245 APPLICATION DEVELOPERS Build real-world apps with Flutter, Firebase, and Gemini: A live coding exploration YouTube - Presentation DEV247 APPLICATION DEVELOPERS Live-coding a Flutter app with Firestore YouTube - Presentation IHWS112 APPLICATION DEVELOPERS Accelerate Firebase & Flutter app development with Gemini: A developer's productivity powerhouse Training Session DEV305 APPLICATION DEVELOPERS Modernize consumer devices with Google Cloud: Deep dive into MosquitoMax's story YouTube - Presentation IHLT107 APPLICATION DEVELOPERS From idea to full stack solutions with Dart and Google Cloud YouTube - Blog
11. The Section Title Placeholder
12. Title here Header here Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens tincidunt ei eos. Header here Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens tincidunt ei eos. Header here Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens tincidunt ei eos.
13. Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens tincidunt ei eos. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Subtitle here Title here
14. First list item Second list item Third list item Fourth list item Fifth list item + + + Title here + +
15. First list item + Second list item Third list item Fourth list item Fifth list item Title here + + + +
16. Subtitle here Title here 2 3 4 1 Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. 5 Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit.
17. Subtitle here Title here 2 3 4 1 Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. 5 Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit.
18. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Headline Placeholder
19. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Headline Placeholder
20. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Iuvaret intellegam mei ne. Has latine corpora fastidii ea. Delectus intellegebat sed ne, ut autem aperiri duo. Sit at vidit nusquam oportere. Headline Placeholder Subtitle placeholder
21. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Iuvaret intellegam mei ne. Has latine corpora fastidii ea. Delectus intellegebat sed ne, ut autem aperiri duo. Sit at vidit nusquam oportere. Headline Placeholder Subtitle placeholder
22. Headline Placeholder Subtitle placeholder Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius.
23. Headline Placeholder Subtitle placeholder Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius.
24. Headline Placeholder Subtitle placeholder Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera placerat ius at. Diceret fastidii at ius.
25. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Headline Placeholder Subtitle placeholder
26. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Headline Placeholder Subtitle placeholder
27. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Headline Placeholder Subtitle placeholder
28. Headline Placeholder Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea.
29. Headline Placeholder Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea.
30. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam. Qui tempor consequuntur ne, sale posse an qui. Vix choro feugiat menandri te, ea posse everti sed, probatus ocurreret vim at. Aeque partem mea eu, mei id dicta reprehendunt, alterum menandri no sea. Headline Placeholder Subtitle placeholder
32. The Section Title Placeholder
33. The Section Title Placeholder
34. The Section Title Placeholder
35. The Section Title Placeholder
36. Important Metric 100% Quote or important info to share for impact
37. Important Metric 100% Quote or important info to share for impact
38. Headline here Utamur ceteros has et, democritum voluptaria deseruisse te eam. Quo ad magna regione delicatissimi. Populo possim labitur sit ad, ius id maiorum atomorum voluptaria. Ad nonumy eripuit nec. Pro ne postea tibique ocurreret, cu facilisi repudiandae his, illum accommodare vix no. Perfecto ocurreret honestatis cu ius. Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim officiis definiebas te, eum ne putent aeterno accumsan detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens ei eos. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera mundi rid forabbi rid placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam.
39. Headline here Utamur ceteros has et, democritum voluptaria deseruisse te eam. Quo ad magna regione delicatissimi. Populo possim labitur sit ad, ius id maiorum atomorum voluptaria. Ad nonumy eripuit nec. Pro ne postea tibique ocurreret, cu facilisi repudiandae his, illum accommodare vix no. Perfecto ocurreret honestatis cu ius. Lorem ipsum dolor sit amet, eu has accumsan deserunt inciderint, vis eu nullam necessitatibus. Erat delicata id quo, te dolores apeirian quo. Id enim officiis definiebas te, eum ne putent aeterno accumsan detraxit honestatis mei. Ei nam omnis accusam. Nam viris tibique conclusionemque cu, mundi ridens ei eos. Id nam ancillae accumsan, no esse ornatus incorrupte vis. Duo dicam officiis definiebas te, eum ne putent aeterno accumsan. Altera mundi rid forabbi rid placerat ius at. Diceret fastidii at ius. Sea everti commodo ut, legere voluptua vel ea, id populo iriure bonorum sed. Paulo expetendis ex sea, pro ut vide nostro laboramus, at has reque hendrerit temporibus. Ea mutat democritum sit, doctus maluisset per at, ad atqui postulant eam.
40. “ Begin at the beginning, and go on till you come to the end: then stop. — Lewis Carroll
41. “ Begin at the beginning, and go on till you come to the end: then stop. — Lewis Carroll
42. “Begin at the beginning, and go on till you come to the end: then stop.” — Lewis Carroll
43. “Begin at the beginning, and go on till you come to the end: then stop.” — Lewis Carroll
44. THANK YOU! v
45. Colors, graphic elements, and icons
46. Color #041E3C #043875 #0468D7 #13B9FD #B8EAFE #E7F8FF #F58C90 #043875 #4A4A4A #D5D7DB #ECEEEF #FFFFFF
47. Graphic Elements
48. Dash
49. Dash
50. Dash
51. Dash
52. Dash
53. Device library
54. Modiy color of the icon by clicking on the icon and select fill from the menu Accessibility Expand Late Credit card Extension Thumb Up Remove Verified Q&A Finance Android Turn in Trash Actions Download History Store List Wallet Announcement Backup Document Favorite 1 Open Home Print Swap Account Ratio Tag Server Favorite 2 Grade/rate Lock Language Receipt Add shopping Chart Bug Event Find Page Page view Basket Time Work Icon Library
55. Modify color of the icon by clicking on the icon and select fill from the menu Alarm Assessment Sync Exit App Movie Visibility Trolley Open Location Settings Assignment Check Explore Thumb Down Today Perm Media People search Airplane Signal Photo Play 1 Block Send Smartphone Style Walk Bluetooth WiFi Upload Play 2 Email Laptop iPhone Controls Bike Pie Chart Money Attachment Video Business Chromebook Security Notification Bus Icon Library
56. Modify color of the icon by clicking on the icon and select fill from the menu Developer Write Cloud Audio Key Desktop Mac Watch Person Car Devices Quote Folder Web Page Archive Desktop PC Flag World Boat Software Emotion Mic Call Cut headphones Camera Education Train Weather Link Movie Chart Paste Keyboard TV MMS Subway Hotel Laundry Location History Layers Offer Map Bar Pizza Web Icon Library
57. Modify color of the icon by clicking on the icon and select fill from the menu Accessibility Expand Late Credit card Extension Thumb Up Remove Verified Q&A Finance Android Turn in Trash Actions Download History Store List Wallet Announcement Backup Document Favorite 1 Open Home Print Swap Account Ratio Tag Server Favorite 2 Grade/rate Lock Language Receipt Add shopping Chart Bug Event Find Page Page view Basket Time Work Icon Library
58. Modify color of the icon by clicking on the icon and select fill from the menu Alarm Assessment Sync Exit App Movie Visibility Trolley Open Location Settings Assignment Check Explore Thumb Down Today Perm Media People search Airplane Signal Photo Play 1 Block Send Smartphone Style Walk Bluetooth WiFi Upload Play 2 Email Laptop iPhone Controls Bike Pie Chart Money Attachment Video Business Chromebook Security Notification Bus Icon Library
59. Modify color of the icon by clicking on the icon and select fill from the menu Developer Write Cloud Audio Key Desktop Mac Watch Person Car Devices Quote Folder Web Page Archive Desktop PC Flag World Boat Software Emotion Mic Call Cut headphones Camera Education Train Weather Link Movie Chart Paste Keyboard TV MMS Subway Hotel Laundry Location History Layers Offer Map Bar Pizza Web Icon Library
60. Flags Americas APAC EMEA US MX CA AR AU AT BE CH DE ES GB IE IT NL BO BR CL CO CR EC SV GT HN NI PA PE UY HK ID IN AU JP KR MY NZ PH SG TH TW FR Nordics PT