Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Exploring new possibilities with Flutter for web
Search
Pawan Kumar
September 22, 2019
Technology
0
200
Exploring new possibilities with Flutter for web
Pawan Kumar
September 22, 2019
Tweet
Share
More Decks by Pawan Kumar
See All by Pawan Kumar
Flutter apps for everyone
iampawan
1
420
How to create flavors in Android, iOS & Flutter
iampawan
1
620
Become a PRO Flutter Developer
iampawan
3
2.3k
Flutter, the future of mobile.
iampawan
3
680
Flutter is the best. Best practices & tools
iampawan
3
1.1k
Other Decks in Technology
See All in Technology
Frontier Airlines Customer®️ USA Contact Numbers: Complete 2025 Support Guide
frontierairlineswithflyagent
0
100
Amazon SNSサブスクリプションの誤解除を防ぐ
y_sakata
3
190
データ戦略部門 紹介資料
sansan33
PRO
1
3.3k
毎晩の 負荷試験自動実行による効果
recruitengineers
PRO
5
190
ObsidianをLLM時代のナレッジベースに! クリッピング→Markdown→CLI連携の実践
srvhat09
6
5.6k
P2P通信の標準化 WebRTCを知ろう
faithandbrave
5
1.7k
Figma Dev Mode MCP Serverを用いたUI開発
zoothezoo
1
260
AIエージェントが書くのなら直接CloudFormationを書かせればいいじゃないですか何故AWS CDKを使う必要があるのさ
watany
20
7.7k
サイバーエージェントグループのSRE10年の歩みとAI時代の生存戦略
shotatsuge
4
1.2k
ClaudeCode_vs_GeminiCLI_Terraformで比較してみた
tkikuchi
1
3k
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
39k
Shadow DOMとセキュリティ - 光と影の境界を探る / Shibuya.XSS techtalk #13
masatokinugawa
0
180
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Facilitating Awesome Meetings
lara
54
6.5k
Scaling GitHub
holman
460
140k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Automating Front-end Workflow
addyosmani
1370
200k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Documentation Writing (for coders)
carmenintech
72
4.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
Transcript
Exploring new possibilities with Flutter for web By Pawan Kumar
Google Developer Expert For Flutter, Firebase, Dart & WebTech
Back in 2017 Native Android Me
In 2018 Declarative UI Pattern?
None
In 2019?
2019 for declarative UI Pattern
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.
Expressive, beautiful UIs
Stateful hot reload
Native performance
Flutter directly compiles your dart code to native machine code
Mobile Web Desktop
Raspberry Pi
Desktop Embedding
Integrate flutter app to existing iOS and Android app
Flutter For Web
Flutter vs Flutter For Web
Scenario • A connected Progressive Web Application built with Flutter
• Embedded interactive content • Embedding dynamic content in a Flutter mobile app
Flutter Web Support Flutter 1.10
None
Cross Platform Mobile Apps
Dart
“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
Event loop
Just-in-time compilation
Ahead-of-time compilation
Type safe
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
Familiar
None
Everything’s a widgets!
None
None
None
None
None
Gotcha
No templates
No css
None
None
None
“Flutter widgets are built using a modern react-style framework” Flutter.io
StatefulWidget
None
None
State is long-lived
Widgets get reborn
Fast
Stateful hot reload
Reactive
Animation
None
Custom Animation with Tween Zero to One with Flutter
Testing
Unit
package:test
None
Widget
package:flutter_test
None
Integration
“tested app is launched on a real device or in
an emulator” Flutter.io
None
Test more things
None
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/
Where to start
Youtube.com/mtechviral
Flutter.dev
flutter.dev/docs/codelabs
github.com/Solido/ awesome-flutter
Thank You Twitter - @imthepk | Github - @iampawan |
Youtube - @mtechviral