UploadLanguage (EN)Support
BusinessMobileSocial MediaMarketingTechnologyArt & PhotosCareerDesignEducationPresentations & Public SpeakingGovernment & NonprofitHealthcareInternetLawLeadership & ManagementAutomotiveEngineeringSoftwareRecruiting & HRRetailSalesServicesScienceSmall Business & EntrepreneurshipFoodEnvironmentEconomy & FinanceData & AnalyticsInvestor RelationsSportsSpiritualNews & PoliticsTravelSelf ImprovementReal EstateEntertainment & HumorHealth & MedicineDevices & HardwareLifestyle
Upload
Sign in
Ahmed Abu Eldahab, profile picture
Uploaded byAhmed Abu Eldahab
12,027 views

Building beautiful apps with Google flutter

The document is an overview of Flutter, Google’s UI toolkit for building natively compiled applications across mobile, web, and desktop using a single codebase. It highlights Flutter's capabilities such as beautiful UIs, support for animations, and productivity gains, emphasizing its architecture and development advantages like native code compilation and the use of Dart language. It also includes links to resources and showcases for further exploration of Flutter's functionalities.

Technology◦
Downloaded 722 times
1 / 35
2 / 35
3 / 35
Most read
4 / 35
5 / 35
6 / 35
Most read
7 / 35
8 / 35
9 / 35
10 / 35
11 / 35
12 / 35
13 / 35
14 / 35
15 / 35
16 / 35
17 / 35
18 / 35
19 / 35
20 / 35
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
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
IDE Support ?
https://www.youtube.com/flutterdev
https://firebase.google.com/docs/flutter/setup
https://www.youtube.com/watch?v=DqJ_KjFzL9I
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
Ahmed Abu Eldahab Senior Software Consultant Google Developer Expert in Dart & Flutter /Dahabdev