Ahmed Abu Eldahab
GDE Flutter & Dart
@dahabdev
Build web applications
using Google Flutter
bit.ly/dahab-youtube
Ahmed Abu Eldahab
Google Developer Expert in Flutter & Dart
Senior Technical Consultant
Kortobaa LLC CTO
/Dahabdev
Flutter is Google’s UI toolkit
for building beautiful,
natively compiled
applications for mobile, web,
and desktop from a single
codebase
Control every pixel on the screen
Make your brand come to life
Never say "no" to your designer
Stand out in the marketplace
Win awards with beautiful UI
Expressive, beautiful UIs
Control every pixel on the screen
Make your brand come to life
Never say "no" to your designer
Stand out in the marketplace
Win awards with beautiful UI
Expressive, beautiful UIs
Flutter support many types of
Animations
- Tween
- Hero
- Sliver
- Transform
- FadeInWidget
- Animation Builder
- AnimatedOpacity
- Physics-based animation
Beautiful Animations
Flutter support many types of
Animations
- Tween
- Hero
- Sliver
- Transform
- FadeInWidget
- Animation Builder
- AnimatedOpacity
- Physics-based animation
Beautiful Animations
Fast
Brings the power of a games engine to
user experience development
120fps, GPU accelerated
Compiled to native machine code
Sub-second reload times
Paint your app to life
Iterate rapidly on features
Test hypotheses quicker than ever
More time to experiment & test
features
Single-codebase for faster collab
3X Productivity Gains
Productive
● Language and Libraries
● Packages manager https://pub.dev
● Virtual machine
● Compile to Javascript dart2js
Dart is a client-optimized language for fast apps on any platform!
(Web - Desktop - Mobile - Embedded)?
For web
For web
2012 2015
dart2js
12/2018 05/2019
Flutter Web
technical preview
12/2019
hummingbird
Flutter Web beta
?
Flutter Architecture
Flutter Architecture
https://flutter.dev/docs/get-started/web
- SDK installed > 1.12
- Chrome installed
Setup
For web
https://flutter.dev/docs/get-started/web
- SDK installed > 1.12
- Chrome installed
Setup
For web
https://flutter.dev/docs/get-started/web
Confirm support
For web
https://flutter.dev/docs/get-started/web
Create and run
For web
https://flutter.dev/docs/get-started/web
Add web support to
an existing app
For web
https://flutter.dev/docs/get-started/web
For web
https://flutter.dev/docs/get-started/web
For web
https://flutter.dev/docs/get-started/web
For web
https://flutter.dev/docs/get-started/web
For web
https://flutter.dev/docs/get-started/web
For web
https://flutter.dev/docs/get-started/web
For web
For web
https://dartpad.dev/
For web
For web
https://codepen.io/team/codepen/pen/mdeVWjp
For web
https://codepen.io/team/codepen/pen/mdeVWjp
For web
https://codepen.io/zoeyfan/pen/mdeebvy
https://codepen.io/topic/flutter/templates
For web
For web
➢ obfuscated
➢ Minified
➢ Tree shaking
For web
➢ obfuscated
➢ Minified
➢ Tree shaking
For web
Plugins support?
For web
Thanks
bit.ly/dahab-youtube
Ahmed Abu Eldahab
Google Developer Expert in Flutter & Dart
Senior Technical Consultant
Kortobaa LLC CTO
/Dahabdev

Build web applications using google flutter