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
590
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
990
Other Decks in Technology
See All in Technology
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
ACRiルーム最新情報とAMD GPUサーバーのご紹介
anjn
0
160
Docker互換のセキュアなコンテナ実行環境「Podman」超入門
devops_vtj
6
3.2k
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
開発生産性をむしろ向上させる セキュリティパートナーの作り方 / Dev Productivity Con 2024
flatt_security
0
380
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
190
【基調講演】変える、今ここから ― IoTとAIで紡ぐ未来
soracom
PRO
0
320
エンジニア向け会社紹介資料
caddi_eng
14
230k
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
ギークの理想が7つ集まるエムスリーで夢を叶えよう - エムスリー株式会社
m3_engineering
1
260
JBUG岡山 #6 WordCamp男木島の チームビルディング
takeshifurusato
0
150
AOAI Dev Day LLMシステム開発 Tips集
hirosatogamo
15
3.8k
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
79
5.5k
Happy Clients
brianwarren
94
6.6k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
Designing for humans not robots
tammielis
247
25k
It's Worth the Effort
3n
181
27k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
2.9k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Agile that works and the tools we love
rasmusluckow
325
20k
Building an army of robots
kneath
301
42k
Building Better People: How to give real-time feedback that sticks.
wjessup
357
18k
Atom: Resistance is Futile
akmur
261
25k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
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