Building beautiful apps with Google flutter

Ahmed Abu Eldahab
Ahmed Abu EldahabSoftware Developer um Dahabit
Ahmed Abu Eldahab
GDE Flutter & Dart
@dahabdev
Building Beautiful Apps
with Google Flutter
Tell me about you?
Developers ,
Designers , Mac ,
Linux , Windows ,
Web , Mobile ,
Android , ios ?
@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
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
60fps, 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
Building beautiful apps with Google flutter
Flutter Approach
Canvas
Events
Location Bluetooth
Camera Sensors
Native ARM
Binary
Code
Services
Platform
Channels
Flutter Widgets
Cupertino
Material Design
What makes Flutter unique?
- Compiles to Native Code (ARM Binary code)
- No reliance on OEM widgets
- No bridge needed
- No markup language (only Dart)
Flutter Architecture
Flutter Architecture
● 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)?
Flutter offers a portable, high-quality UI toolkit, and a fast, expressive way to build native app UIs.
Key component of the Google Developer family
Everything is a Widget
https://flutter.dev/docs/reference/widgets
https://flutter.dev/docs/reference/widgets
App Widget
Material Widget
Scaffold Widget
Column
Container
Text
Button
Render Tree
Everything is a Widget
Everything is a Widget
Building beautiful apps with Google flutter
IDE Support ?
https://www.youtube.com/flutterdev
https://firebase.google.com/docs/flutter/setup
https://www.youtube.com/watch?v=DqJ_KjFzL9I
Building beautiful apps with Google flutter
Building beautiful apps with Google flutter
Building beautiful apps with Google flutter
Building beautiful apps with Google flutter
Flutter Showcase
https://flutter.dev/showcase & https://itsallwidgets.com
Flutter Showcase
https://flutter.dev/showcase & https://itsallwidgets.com
Flutter Showcase
https://flutter.dev/showcase & https://itsallwidgets.com
https://www.youtube.com/c/DahabIT
Thanks
Building beautiful apps with Google flutter
Ahmed Abu Eldahab
Senior Software Consultant
Google Developer Expert in Dart & Flutter
/Dahabdev
1 von 35

Recomendados

Introduction to flutter von
Introduction to flutter Introduction to flutter
Introduction to flutter Wan Muzaffar Wan Hashim
2.5K views42 Folien
The magic of flutter von
The magic of flutterThe magic of flutter
The magic of flutterShady Selim
1.5K views30 Folien
Flutter presentation.pptx von
Flutter presentation.pptxFlutter presentation.pptx
Flutter presentation.pptxFalgunSorathiya
3.6K views83 Folien
Flutter von
FlutterFlutter
FlutterMohit Sharma
689 views18 Folien
Flutter workshop von
Flutter workshopFlutter workshop
Flutter workshopVishnu Suresh
11.2K views31 Folien
What is flutter and why should i care? von
What is flutter and why should i care?What is flutter and why should i care?
What is flutter and why should i care?Sergi Martínez
6.1K views28 Folien

Más contenido relacionado

Was ist angesagt?

Introduction to Flutter von
Introduction to FlutterIntroduction to Flutter
Introduction to FlutterApoorv Pandey
585 views27 Folien
Flutter Intro von
Flutter IntroFlutter Intro
Flutter IntroVladimir Parfenov
7.4K views30 Folien
Flutter von
FlutterFlutter
FlutterHimanshu Singh
26.1K views26 Folien
Pune Flutter Presents - Flutter 101 von
Pune Flutter Presents - Flutter 101Pune Flutter Presents - Flutter 101
Pune Flutter Presents - Flutter 101Arif Amirani
1.1K views37 Folien
What and Why Flutter? What is a Widget in Flutter? von
What and Why Flutter? What is a Widget in Flutter?What and Why Flutter? What is a Widget in Flutter?
What and Why Flutter? What is a Widget in Flutter?MohammadHussain595488
520 views19 Folien
What is Flutter von
What is FlutterWhat is Flutter
What is FlutterMalan Amarasinghe
1.5K views18 Folien

Was ist angesagt?(20)

Pune Flutter Presents - Flutter 101 von Arif Amirani
Pune Flutter Presents - Flutter 101Pune Flutter Presents - Flutter 101
Pune Flutter Presents - Flutter 101
Arif Amirani1.1K views
Introduction to Flutter - truly crossplatform, amazingly fast von Bartosz Kosarzycki
Introduction to Flutter - truly crossplatform, amazingly fastIntroduction to Flutter - truly crossplatform, amazingly fast
Introduction to Flutter - truly crossplatform, amazingly fast
Bartosz Kosarzycki50.8K views
Flutter Tutorial For Beginners | Edureka von Edureka!
Flutter Tutorial For Beginners | EdurekaFlutter Tutorial For Beginners | Edureka
Flutter Tutorial For Beginners | Edureka
Edureka!4.5K views
Developing Cross platform apps in flutter (Android, iOS, Web) von Priyanka Tyagi
Developing Cross platform apps in flutter (Android, iOS, Web)Developing Cross platform apps in flutter (Android, iOS, Web)
Developing Cross platform apps in flutter (Android, iOS, Web)
Priyanka Tyagi1.3K views
Dart and Flutter Basics.pptx von DSCVSSUT
Dart and Flutter Basics.pptxDart and Flutter Basics.pptx
Dart and Flutter Basics.pptx
DSCVSSUT1.1K views
Flutter talkshow von Nhan Cao
Flutter talkshowFlutter talkshow
Flutter talkshow
Nhan Cao838 views
Flutter session 01 von DSC IEM
Flutter session 01Flutter session 01
Flutter session 01
DSC IEM491 views

Similar a Building beautiful apps with Google flutter

Build web applications using google flutter von
Build web applications using google flutterBuild web applications using google flutter
Build web applications using google flutterAhmed Abu Eldahab
2.1K views41 Folien
Intro to mobile development - Minders von
Intro to mobile development - MindersIntro to mobile development - Minders
Intro to mobile development - MindersTarek Alabd
112 views29 Folien
Flutter Forward Extended.pptx von
Flutter Forward Extended.pptxFlutter Forward Extended.pptx
Flutter Forward Extended.pptxVrishtiGupta3
110 views23 Folien
Google flutter the easy and practical way von
Google flutter the easy and practical wayGoogle flutter the easy and practical way
Google flutter the easy and practical wayAhmed Abu Eldahab
640 views52 Folien
Introduction to Flutter.pptx von
Introduction to Flutter.pptxIntroduction to Flutter.pptx
Introduction to Flutter.pptxDiffouoFopaEsdras
111 views18 Folien
Visual Studio 2015: novità per gli sviluppatori iOS, Android e Cross-Platform von
Visual Studio 2015: novità per gli sviluppatori iOS, Android e Cross-PlatformVisual Studio 2015: novità per gli sviluppatori iOS, Android e Cross-Platform
Visual Studio 2015: novità per gli sviluppatori iOS, Android e Cross-PlatformStefano Ottaviani
1.3K views94 Folien

Similar a Building beautiful apps with Google flutter(20)

Build web applications using google flutter von Ahmed Abu Eldahab
Build web applications using google flutterBuild web applications using google flutter
Build web applications using google flutter
Ahmed Abu Eldahab2.1K views
Intro to mobile development - Minders von Tarek Alabd
Intro to mobile development - MindersIntro to mobile development - Minders
Intro to mobile development - Minders
Tarek Alabd112 views
Flutter Forward Extended.pptx von VrishtiGupta3
Flutter Forward Extended.pptxFlutter Forward Extended.pptx
Flutter Forward Extended.pptx
VrishtiGupta3110 views
Visual Studio 2015: novità per gli sviluppatori iOS, Android e Cross-Platform von Stefano Ottaviani
Visual Studio 2015: novità per gli sviluppatori iOS, Android e Cross-PlatformVisual Studio 2015: novità per gli sviluppatori iOS, Android e Cross-Platform
Visual Studio 2015: novità per gli sviluppatori iOS, Android e Cross-Platform
Stefano Ottaviani1.3K views
Google flutter the easy and practical way IEEE Alazhar von Ahmed Abu Eldahab
Google flutter the easy and practical way IEEE AlazharGoogle flutter the easy and practical way IEEE Alazhar
Google flutter the easy and practical way IEEE Alazhar
Whats new in flutter.pptx von Ahmed Fathy
Whats new in flutter.pptxWhats new in flutter.pptx
Whats new in flutter.pptx
Ahmed Fathy15 views
Metodologías de desarrollo de software en Gaming von Globant
Metodologías de desarrollo de software en GamingMetodologías de desarrollo de software en Gaming
Metodologías de desarrollo de software en Gaming
Globant2.4K views
The Great Mobile Debate: Native vs. Hybrid App Development von Nick Landry
The Great Mobile Debate: Native vs. Hybrid App DevelopmentThe Great Mobile Debate: Native vs. Hybrid App Development
The Great Mobile Debate: Native vs. Hybrid App Development
Nick Landry7.2K views
Embarcadero's Connected Development von Jim McKeeth
Embarcadero's Connected DevelopmentEmbarcadero's Connected Development
Embarcadero's Connected Development
Jim McKeeth14.6K views
Windows Development Story with Xamarin von Joshua Drew
Windows Development Story with XamarinWindows Development Story with Xamarin
Windows Development Story with Xamarin
Joshua Drew688 views

Más de Ahmed Abu Eldahab

The Flutter Job Market At The Moment von
The Flutter Job Market At The MomentThe Flutter Job Market At The Moment
The Flutter Job Market At The MomentAhmed Abu Eldahab
64 views44 Folien
Flutter A year of creativity! von
Flutter A year of creativity!Flutter A year of creativity!
Flutter A year of creativity!Ahmed Abu Eldahab
197 views50 Folien
Flutter latest updates and features 2022 von
Flutter latest updates and features 2022Flutter latest updates and features 2022
Flutter latest updates and features 2022Ahmed Abu Eldahab
266 views39 Folien
Flutter 2.8 features and updates von
Flutter 2.8 features and updatesFlutter 2.8 features and updates
Flutter 2.8 features and updatesAhmed Abu Eldahab
424 views39 Folien
6 x1 flutter_talk von
6 x1 flutter_talk6 x1 flutter_talk
6 x1 flutter_talkAhmed Abu Eldahab
769 views59 Folien
Null safety in dart and flutter , the whole story! von
Null safety in dart and flutter , the whole story!Null safety in dart and flutter , the whole story!
Null safety in dart and flutter , the whole story!Ahmed Abu Eldahab
1.1K views50 Folien

Más de Ahmed Abu Eldahab(20)

Null safety in dart and flutter , the whole story! von Ahmed Abu Eldahab
Null safety in dart and flutter , the whole story!Null safety in dart and flutter , the whole story!
Null safety in dart and flutter , the whole story!
Ahmed Abu Eldahab1.1K views
What's new in flutter and dart in 2020 von Ahmed Abu Eldahab
 What's new in flutter and dart in 2020   What's new in flutter and dart in 2020
What's new in flutter and dart in 2020
Ahmed Abu Eldahab686 views
Build responsive applications with google flutter von Ahmed Abu Eldahab
Build responsive applications with  google flutterBuild responsive applications with  google flutter
Build responsive applications with google flutter
Ahmed Abu Eldahab1.1K views
Build web applications using google flutter part 2 von Ahmed Abu Eldahab
Build web applications using google flutter part 2Build web applications using google flutter part 2
Build web applications using google flutter part 2
Ahmed Abu Eldahab795 views
Flutter state management from zero to hero von Ahmed Abu Eldahab
Flutter state management from zero to heroFlutter state management from zero to hero
Flutter state management from zero to hero
Ahmed Abu Eldahab1.4K views
Flutter state management from zero to hero von Ahmed Abu Eldahab
Flutter state management from zero to heroFlutter state management from zero to hero
Flutter state management from zero to hero
Ahmed Abu Eldahab2.5K views
Building your actions for Google Assistant von Ahmed Abu Eldahab
Building your actions for Google AssistantBuilding your actions for Google Assistant
Building your actions for Google Assistant
Ahmed Abu Eldahab330 views
Building Successful Apps with Google Firebase von Ahmed Abu Eldahab
Building Successful Apps with Google FirebaseBuilding Successful Apps with Google Firebase
Building Successful Apps with Google Firebase
Ahmed Abu Eldahab366 views
Flutter beyond hello world GCDC Egypt Devfest 2019 von Ahmed Abu Eldahab
Flutter beyond hello world GCDC Egypt  Devfest 2019Flutter beyond hello world GCDC Egypt  Devfest 2019
Flutter beyond hello world GCDC Egypt Devfest 2019
Ahmed Abu Eldahab288 views
The magic of Flutter - Amman ioextended 6-7-2019 von Ahmed Abu Eldahab
The magic of Flutter - Amman ioextended 6-7-2019The magic of Flutter - Amman ioextended 6-7-2019
The magic of Flutter - Amman ioextended 6-7-2019
Ahmed Abu Eldahab496 views
The era of cross platform for mobile apps development von Ahmed Abu Eldahab
The era of cross platform for mobile apps developmentThe era of cross platform for mobile apps development
The era of cross platform for mobile apps development
Ahmed Abu Eldahab195 views

Último

Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And... von
Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...
Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...ShapeBlue
108 views12 Folien
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlue von
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlueCloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlue
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlueShapeBlue
139 views15 Folien
"Package management in monorepos", Zoltan Kochan von
"Package management in monorepos", Zoltan Kochan"Package management in monorepos", Zoltan Kochan
"Package management in monorepos", Zoltan KochanFwdays
34 views18 Folien
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue von
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlueWhat’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlueShapeBlue
265 views23 Folien
Business Analyst Series 2023 - Week 4 Session 7 von
Business Analyst Series 2023 -  Week 4 Session 7Business Analyst Series 2023 -  Week 4 Session 7
Business Analyst Series 2023 - Week 4 Session 7DianaGray10
146 views31 Folien
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT von
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBITUpdates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBITShapeBlue
208 views8 Folien

Último(20)

Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And... von ShapeBlue
Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...
Enabling DPU Hardware Accelerators in XCP-ng Cloud Platform Environment - And...
ShapeBlue108 views
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlue von ShapeBlue
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlueCloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlue
CloudStack Object Storage - An Introduction - Vladimir Petrov - ShapeBlue
ShapeBlue139 views
"Package management in monorepos", Zoltan Kochan von Fwdays
"Package management in monorepos", Zoltan Kochan"Package management in monorepos", Zoltan Kochan
"Package management in monorepos", Zoltan Kochan
Fwdays34 views
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue von ShapeBlue
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlueWhat’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue
What’s New in CloudStack 4.19 - Abhishek Kumar - ShapeBlue
ShapeBlue265 views
Business Analyst Series 2023 - Week 4 Session 7 von DianaGray10
Business Analyst Series 2023 -  Week 4 Session 7Business Analyst Series 2023 -  Week 4 Session 7
Business Analyst Series 2023 - Week 4 Session 7
DianaGray10146 views
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT von ShapeBlue
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBITUpdates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT
Updates on the LINSTOR Driver for CloudStack - Rene Peinthor - LINBIT
ShapeBlue208 views
The Role of Patterns in the Era of Large Language Models von Yunyao Li
The Role of Patterns in the Era of Large Language ModelsThe Role of Patterns in the Era of Large Language Models
The Role of Patterns in the Era of Large Language Models
Yunyao Li91 views
Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ... von ShapeBlue
Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ...Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ...
Live Demo Showcase: Unveiling Dell PowerFlex’s IaaS Capabilities with Apache ...
ShapeBlue129 views
Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De... von Moses Kemibaro
Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De...Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De...
Don’t Make A Human Do A Robot’s Job! : 6 Reasons Why AI Will Save Us & Not De...
Moses Kemibaro35 views
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R... von ShapeBlue
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...
Setting Up Your First CloudStack Environment with Beginners Challenges - MD R...
ShapeBlue178 views
"Surviving highload with Node.js", Andrii Shumada von Fwdays
"Surviving highload with Node.js", Andrii Shumada "Surviving highload with Node.js", Andrii Shumada
"Surviving highload with Node.js", Andrii Shumada
Fwdays58 views
"Running students' code in isolation. The hard way", Yurii Holiuk von Fwdays
"Running students' code in isolation. The hard way", Yurii Holiuk "Running students' code in isolation. The hard way", Yurii Holiuk
"Running students' code in isolation. The hard way", Yurii Holiuk
Fwdays36 views
Import Export Virtual Machine for KVM Hypervisor - Ayush Pandey - University ... von ShapeBlue
Import Export Virtual Machine for KVM Hypervisor - Ayush Pandey - University ...Import Export Virtual Machine for KVM Hypervisor - Ayush Pandey - University ...
Import Export Virtual Machine for KVM Hypervisor - Ayush Pandey - University ...
ShapeBlue120 views
The Power of Heat Decarbonisation Plans in the Built Environment von IES VE
The Power of Heat Decarbonisation Plans in the Built EnvironmentThe Power of Heat Decarbonisation Plans in the Built Environment
The Power of Heat Decarbonisation Plans in the Built Environment
IES VE84 views
The Power of Generative AI in Accelerating No Code Adoption.pdf von Saeed Al Dhaheri
The Power of Generative AI in Accelerating No Code Adoption.pdfThe Power of Generative AI in Accelerating No Code Adoption.pdf
The Power of Generative AI in Accelerating No Code Adoption.pdf
Saeed Al Dhaheri39 views
Future of AR - Facebook Presentation von Rob McCarty
Future of AR - Facebook PresentationFuture of AR - Facebook Presentation
Future of AR - Facebook Presentation
Rob McCarty65 views

Building beautiful apps with Google flutter