Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Exploring new possibilities with Flutter for web

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Pawan Kumar Pawan Kumar
September 22, 2019
Technology
210
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
450
How to create flavors in Android, iOS & Flutter
Avatar for Pawan Kumar iampawan
1
640
Become a PRO Flutter Developer
Avatar for Pawan Kumar iampawan
3
2.3k
Flutter, the future of mobile.
Avatar for Pawan Kumar iampawan
3
730
Flutter is the best. Best practices & tools
Avatar for Pawan Kumar iampawan
3
1.2k

Other Decks in Technology

See All in Technology
データ基盤構築・運用の現場から 〜 Snowflake Intelligence 導入で変わった、データ活用の未来 〜
Avatar for wonohe wonohe
0
210
サプライチェーン攻撃への備えについて考えている #湘なんか
Avatar for すてにゃん stefafafan
3
2.4k
Anthropic AIネイティブ・スタートアップ構築のプレイブック を理解する
Avatar for 長津孝輔 nagatsu
0
200
個人AIからチームAIへ：開発における品質と生産性の再設計
Avatar for Atsushi Nakatsugawa moongift
PRO
0
250
AI時代の私の技術インプットとアウトプット術
Avatar for tonkotsuboy_com tonkotsuboy_com
15
7.4k
形式手法特論：公平性制約の位相的特徴づけ #kernelvm / Kernel VM Study Kansai 12th
Avatar for y_taka_23 ytaka23
1
510
最低限これだけ押さえれ大丈夫_Claude Enterprise/Team企業展開ガバナンス入門
Avatar for t-kikuchi tkikuchi
1
320
Sony_KMP_Journey_KotlinConf2026
Avatar for ソニー株式会社 sony
0
120
Python開発環境にハーネス適用を検討する
Avatar for yuuuka yuuka51
1
550
【禁断】Obsidianの第二の脳に「知の巨人」と呼ばれた師匠の脳をロードしてみた
Avatar for 長津孝輔 nagatsu
0
7k
eBPF Can Do It! A 5-Minute Tour of 5 Real-World PHP Issues Solved with eBPF
Avatar for Sohei Iwahori egmc
0
300
Oracle Cloud Infrastructure：2026年5月度サービス・アップデート
Avatar for oracle4engineer oracle4engineer
PRO
1
200

Featured

See All Featured
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
210
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.5k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
140
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.7k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.1k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.5k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
23k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
380
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k

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