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
190
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
670
Flutter is the best. Best practices & tools
iampawan
3
1.1k
Other Decks in Technology
See All in Technology
ハッカー視点で学ぶサイバー攻撃と防御の基本
nomizone
3
1.4k
Snowflake Intelligenceで実現できるノーコードAI活用
takumimukaiyama
1
160
Long journey of Continuous Delivery at Mercari
hisaharu
1
200
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
38k
AIエージェントのフレームワークを見るときの個人的注目ポイント
os1ma
1
480
Test Smarter, Not Harder: Achieving Confidence in Complex Distributed Systems
eliasnogueira
1
150
CSSの最新トレンド Ver.2025
tonkotsuboy_com
11
4.4k
Kafka vs. Pulsar: Performance Evaluation by Petabyte-Scale Streaming Platform Providers
lycorptech_jp
PRO
1
350
AI Engineering Summit Pre Event LT #10
okaru
2
550
SwiftUI Transaction を徹底活用!ZOZOTOWN UI開発での活用事例
tsuzuki817
1
720
医療業界に特化した音声認識モデル構築のためのアノテーションの実態
thickstem
0
530
バクラクのモノレポにおける AI Coding のための環境整備と {Roo,Claude} Code活用事例 / AI Coding in Bakuraku's Monorepo: Environment Setup & Case Studies with {Roo, Claude} Code
upamune
8
5.5k
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Speed Design
sergeychernyshev
30
990
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Navigating Team Friction
lara
186
15k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Typedesign – Prime Four
hannesfritz
42
2.7k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
770
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
180
53k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Building an army of robots
kneath
306
45k
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