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
180
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
400
How to create flavors in Android, iOS & Flutter
iampawan
1
600
Become a PRO Flutter Developer
iampawan
3
2.2k
Flutter, the future of mobile.
iampawan
3
620
Flutter is the best. Best practices & tools
iampawan
3
1k
Other Decks in Technology
See All in Technology
タイミーのレコメンドにおける ABテストの運用
ozeshun
1
220
Google CloudのLLM活用の選択肢を広げるVertex AIのパートナーモデル
nayuts
0
130
フロントエンド開発事例③ Yahoo! JAPAN トップページ
lycorptech_jp
PRO
0
110
フロントエンド開発事例① LINEギフト
lycorptech_jp
PRO
0
100
PdMはどのように全てのスピードを上げられるか ~ 非連続進化のための具体的な取り組み ~
sansantech
PRO
4
1.4k
ついに出た!OpenAIの最新モデル「o1」って何がすごいの?
minorun365
PRO
3
1.3k
ナレッジグラフとLLMの相互利用
koujikozaki
0
430
DroidKaigi 2024 たすけて!ViewModel
mhidaka
5
1.1k
Analytics-Backed App Widget Development - Served with Jetpack Glance
miyabigouji
0
640
Mocking in Rust Applications
taiki45
2
420
あなたの知らないiOS開発の世界
recruitengineers
PRO
3
190
Road to Single Activity
yurihondo
2
240
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
517
39k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
Making the Leap to Tech Lead
cromwellryan
128
8.8k
Pencils Down: Stop Designing & Start Developing
hursman
119
11k
The Language of Interfaces
destraynor
153
23k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
43
2k
Infographics Made Easy
chrislema
239
18k
Documentation Writing (for coders)
carmenintech
65
4.3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.4k
The Cult of Friendly URLs
andyhume
76
6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
48k
Fantastic passwords and where to find them - at NoRuKo
philnash
48
2.8k
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