Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Exploring new possibilities with Flutter for web

Avatar for Pawan Kumar Pawan Kumar
September 22, 2019
Technology
230
0

Exploring new possibilities with Flutter for web

Avatar for Pawan Kumar

Pawan Kumar

September 22, 2019

More Decks by Pawan Kumar

See All by Pawan Kumar
Flutter apps for everyone
Avatar for Pawan Kumar iampawan
1
480
How to create flavors in Android, iOS & Flutter
Avatar for Pawan Kumar iampawan
1
650
Become a PRO Flutter Developer
Avatar for Pawan Kumar iampawan
3
2.3k
Flutter, the future of mobile.
Avatar for Pawan Kumar iampawan
3
750
Flutter is the best. Best practices & tools
Avatar for Pawan Kumar iampawan
3
1.2k

Other Decks in Technology

See All in Technology
おそらく日本で唯一のDevRelインターン生として
Avatar for husensan husengs7
0
180
生成AIと進める探索的データ分析（2026.10.03 第122回Tokyo.R勉強会）
Avatar for tatamiya tatamiya
2
1.5k
QA4AI 2026-Oct 生成AI時代の品質保証
Avatar for Takahiro Toku tokuty
0
410
[AWS 秋のクラウドオペレーション祭り 2026]AWS DevOps Agentで変わる リリースと運用対応 ~リリース管理機能と Directed actions のご紹介~
Avatar for Toshihiro Furuno furuton
4
1.2k
Post AI時代のリファクタリング実践記 / Refactoring in the post AI era
Avatar for 株式会社カミナシ kaminashi
1
180
Loop Engineering これくらいでいい
Avatar for mikan mikanichinose
0
230
⾮構造化データを価値に変える AI エージェント基盤とその組織
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
0
130
しろおびから始める！ログ活用の第一歩
Avatar for Shumei Ito shumei_ito
0
910
継続的なAIコスト最適化
Avatar for Atsushi Tanaka bgpat
1
290
大型犬好きによるPugの紹介
Avatar for yamanoku yamanoku
1
150
無理せず続ける、子育てエンジニアの学び
Avatar for コドモン開発チーム codmoninc
PRO
0
710
オンラインゲームのシステム全体像 - コロプラ 2026年度 新卒研修
Avatar for COLOPL Inc. colopl
0
1.1k

Featured

See All Featured
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
270
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.7k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.8k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.8k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
22k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
62k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
1
1.2k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k

Transcript

  1. Exploring new possibilities with Flutter for web By Pawan Kumar

  2. Google Developer Expert For Flutter, Firebase, Dart & WebTech

  3. Back in 2017 Native Android Me

  4. In 2018 Declarative UI Pattern?

  5. None

  6. In 2019?

  7. 2019 for declarative UI Pattern

  8. What is Flutter Flutter is Google’s portable UI toolkit for

    building beautiful, native applications for Android iOS, Web and Desktop from a single codebase.

  9. Expressive, beautiful UIs

  10. Stateful hot reload

  11. Native performance

  12. Flutter directly compiles your dart code to native machine code

    Mobile Web Desktop

  13. Raspberry Pi

  14. Desktop Embedding

  15. Integrate flutter app to existing iOS and Android app

  16. Flutter For Web

  17. Flutter vs Flutter For Web

  18. Scenario • A connected Progressive Web Application built with Flutter

    • Embedded interactive content • Embedding dynamic content in a Flutter mobile app

  19. Flutter Web Support Flutter 1.10

  20. None

  21. Cross Platform Mobile Apps

  22. Dart

  23. “Dart is particularly easy to learn because it has features

    that are familiar to users of both static and dynamic languages.” Why Flutter uses Dart

  24. Event loop

  25. Just-in-time compilation

  26. Ahead-of-time compilation

  27. Type safe

  28. None
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. None
  37. None
  38. None
  39. None
  40. None
  41. None
  42. None
  43. None
  44. None
  45. None

  46. Familiar

  47. None

  48. Everything’s a widgets!

  49. None
  50. None
  51. None
  52. None
  53. None

  54. Gotcha

  55. No templates

  56. No css

  57. None
  58. None
  59. None

  60. “Flutter widgets are built using a modern react-style framework” Flutter.io

  61. StatefulWidget

  62. None
  63. None

  64. State is long-lived

  65. Widgets get reborn

  66. Fast

  67. Stateful hot reload

  68. Reactive

  69. Animation

  70. None

  71. Custom Animation with Tween Zero to One with Flutter

  72. Testing

  73. Unit

  74. package:test

  75. None

  76. Widget

  77. package:flutter_test

  78. None

  79. Integration

  80. “tested app is launched on a real device or in

    an emulator” Flutter.io
  81. None

  82. Test more things

  83. None

  84. Flutter For Web – Technical Preview Android + iOS +

    (Not so good Web) = ♥ http://mtechviral.com/myportfolio/ http://mtechviral.com/Flutter-UI-Kit/ https://flutter.github.io/samples/

  85. Where to start

  86. Youtube.com/mtechviral

  87. Flutter.dev

  88. flutter.dev/docs/codelabs

  89. github.com/Solido/ awesome-flutter

  90. Thank You Twitter - @imthepk | Github - @iampawan |

    Youtube - @mtechviral