Suche senden
Hochladen
Build responsive applications with google flutter
•
5 gefällt mir
•
1,138 views
Ahmed Abu Eldahab
Folgen
Build responsive applications with google flutter talk slide
Weniger lesen
Mehr lesen
Software
Melden
Teilen
Melden
Teilen
1 von 54
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Flutter for web
Flutter for web
rihannakedy
Introduction to Flutter - truly crossplatform, amazingly fast
Introduction to Flutter - truly crossplatform, amazingly fast
Bartosz Kosarzycki
Getting started with flutter
Getting started with flutter
rihannakedy
The magic of flutter
The magic of flutter
Shady Selim
What is flutter and why should i care?
What is flutter and why should i care?
Sergi Martínez
Flutter A year of creativity!
Flutter A year of creativity!
Ahmed Abu Eldahab
Flutter workshop
Flutter workshop
Vishnu Suresh
Flutter introduction
Flutter introduction
SheilaJimenezMorejon
Empfohlen
Flutter for web
Flutter for web
rihannakedy
Introduction to Flutter - truly crossplatform, amazingly fast
Introduction to Flutter - truly crossplatform, amazingly fast
Bartosz Kosarzycki
Getting started with flutter
Getting started with flutter
rihannakedy
The magic of flutter
The magic of flutter
Shady Selim
What is flutter and why should i care?
What is flutter and why should i care?
Sergi Martínez
Flutter A year of creativity!
Flutter A year of creativity!
Ahmed Abu Eldahab
Flutter workshop
Flutter workshop
Vishnu Suresh
Flutter introduction
Flutter introduction
SheilaJimenezMorejon
Flutter session 01
Flutter session 01
DSC IEM
Build beautiful native apps in record time with flutter
Build beautiful native apps in record time with flutter
RobertLe30
Flutter talkshow
Flutter talkshow
Nhan Cao
Flutter for web
Flutter for web
rihannakedy
Flutter
Flutter
Mohit Sharma
Flutter beyond hello world
Flutter beyond hello world
Ahmed Abu Eldahab
Flutter
Flutter
shreyash singh
Building beautiful apps using google flutter
Building beautiful apps using google flutter
Ahmed Abu Eldahab
1. flutter introduccion v2
1. flutter introduccion v2
Felipe Hernandez Palafox
Flutter Festival - Intro Session
Flutter Festival - Intro Session
Google Developer Students Club NIT Silchar
What is Flutter
What is Flutter
Malan Amarasinghe
A flight with Flutter
A flight with Flutter
Ahmed Tarek
What and Why Flutter? What is a Widget in Flutter?
What and Why Flutter? What is a Widget in Flutter?
MohammadHussain595488
Build web applications using google flutter
Build web applications using google flutter
Ahmed Abu Eldahab
Google flutter and why does it matter
Google flutter and why does it matter
Ahmed Abu Eldahab
INTRODUCTION TO FLUTTER.pdf
INTRODUCTION TO FLUTTER.pdf
AdarshMathuri
Flutter
Flutter
Shyju Madathil
Mobile development with Flutter
Mobile development with Flutter
Awok
Introduction to Flutter.pptx
Introduction to Flutter.pptx
DiffouoFopaEsdras
Flutter
Flutter
Dave Chao
What's new in flutter and dart in 2020
What's new in flutter and dart in 2020
Ahmed Abu Eldahab
Flutter latest updates and features 2022
Flutter latest updates and features 2022
Ahmed Abu Eldahab
Weitere ähnliche Inhalte
Was ist angesagt?
Flutter session 01
Flutter session 01
DSC IEM
Build beautiful native apps in record time with flutter
Build beautiful native apps in record time with flutter
RobertLe30
Flutter talkshow
Flutter talkshow
Nhan Cao
Flutter for web
Flutter for web
rihannakedy
Flutter
Flutter
Mohit Sharma
Flutter beyond hello world
Flutter beyond hello world
Ahmed Abu Eldahab
Flutter
Flutter
shreyash singh
Building beautiful apps using google flutter
Building beautiful apps using google flutter
Ahmed Abu Eldahab
1. flutter introduccion v2
1. flutter introduccion v2
Felipe Hernandez Palafox
Flutter Festival - Intro Session
Flutter Festival - Intro Session
Google Developer Students Club NIT Silchar
What is Flutter
What is Flutter
Malan Amarasinghe
A flight with Flutter
A flight with Flutter
Ahmed Tarek
What and Why Flutter? What is a Widget in Flutter?
What and Why Flutter? What is a Widget in Flutter?
MohammadHussain595488
Build web applications using google flutter
Build web applications using google flutter
Ahmed Abu Eldahab
Google flutter and why does it matter
Google flutter and why does it matter
Ahmed Abu Eldahab
INTRODUCTION TO FLUTTER.pdf
INTRODUCTION TO FLUTTER.pdf
AdarshMathuri
Flutter
Flutter
Shyju Madathil
Mobile development with Flutter
Mobile development with Flutter
Awok
Introduction to Flutter.pptx
Introduction to Flutter.pptx
DiffouoFopaEsdras
Flutter
Flutter
Dave Chao
Was ist angesagt?
(20)
Flutter session 01
Flutter session 01
Build beautiful native apps in record time with flutter
Build beautiful native apps in record time with flutter
Flutter talkshow
Flutter talkshow
Flutter for web
Flutter for web
Flutter
Flutter
Flutter beyond hello world
Flutter beyond hello world
Flutter
Flutter
Building beautiful apps using google flutter
Building beautiful apps using google flutter
1. flutter introduccion v2
1. flutter introduccion v2
Flutter Festival - Intro Session
Flutter Festival - Intro Session
What is Flutter
What is Flutter
A flight with Flutter
A flight with Flutter
What and Why Flutter? What is a Widget in Flutter?
What and Why Flutter? What is a Widget in Flutter?
Build web applications using google flutter
Build web applications using google flutter
Google flutter and why does it matter
Google flutter and why does it matter
INTRODUCTION TO FLUTTER.pdf
INTRODUCTION TO FLUTTER.pdf
Flutter
Flutter
Mobile development with Flutter
Mobile development with Flutter
Introduction to Flutter.pptx
Introduction to Flutter.pptx
Flutter
Flutter
Ähnlich wie Build responsive applications with google flutter
What's new in flutter and dart in 2020
What's new in flutter and dart in 2020
Ahmed Abu Eldahab
Flutter latest updates and features 2022
Flutter latest updates and features 2022
Ahmed Abu Eldahab
Building beautiful apps using google flutter
Building beautiful apps using google flutter
Ahmed Abu Eldahab
6 x1 flutter_talk
6 x1 flutter_talk
Ahmed Abu Eldahab
Flutter 2.8 features and updates
Flutter 2.8 features and updates
Ahmed Abu Eldahab
GITS Class #17: Coding Multiple Apps with Flutter
GITS Class #17: Coding Multiple Apps with Flutter
GITS Indonesia
How Did Google Flutter Become the Frontrunner in the Mobile App Development R...
How Did Google Flutter Become the Frontrunner in the Mobile App Development R...
Techugo
Flutter festival gdsc juet guna
Flutter festival gdsc juet guna
SachinVerma869778
Flutter vs React Native | Edureka
Flutter vs React Native | Edureka
Edureka!
Flutter technology Based on Web Development
Flutter technology Based on Web Development
divyawani2
Google flutter the easy and practical way
Google flutter the easy and practical way
Ahmed Abu Eldahab
Complete guide to flutter app development
Complete guide to flutter app development
Concetto Labs
Cross Platform Application Development Using Flutter
Cross Platform Application Development Using Flutter
Abhishek Kumar Gupta
Flutter study jam 2019
Flutter study jam 2019
Ahmed Abu Eldahab
What is so spanking new in flutter 2.10
What is so spanking new in flutter 2.10
75waytechnologies
flutter-general-report.docx
flutter-general-report.docx
KuntalSasmal1
Everything you should know about flutter
Everything you should know about flutter
Rlogical Techsoft Pvt Ltd
Flutter vs react native – from developer point
Flutter vs react native – from developer point
BOSC Tech Labs
Flutter101
Flutter101
인수 장
8 Reasons Why Flutter is the Future of Mobile App Development
8 Reasons Why Flutter is the Future of Mobile App Development
RipenApps Technologies
Ähnlich wie Build responsive applications with google flutter
(20)
What's new in flutter and dart in 2020
What's new in flutter and dart in 2020
Flutter latest updates and features 2022
Flutter latest updates and features 2022
Building beautiful apps using google flutter
Building beautiful apps using google flutter
6 x1 flutter_talk
6 x1 flutter_talk
Flutter 2.8 features and updates
Flutter 2.8 features and updates
GITS Class #17: Coding Multiple Apps with Flutter
GITS Class #17: Coding Multiple Apps with Flutter
How Did Google Flutter Become the Frontrunner in the Mobile App Development R...
How Did Google Flutter Become the Frontrunner in the Mobile App Development R...
Flutter festival gdsc juet guna
Flutter festival gdsc juet guna
Flutter vs React Native | Edureka
Flutter vs React Native | Edureka
Flutter technology Based on Web Development
Flutter technology Based on Web Development
Google flutter the easy and practical way
Google flutter the easy and practical way
Complete guide to flutter app development
Complete guide to flutter app development
Cross Platform Application Development Using Flutter
Cross Platform Application Development Using Flutter
Flutter study jam 2019
Flutter study jam 2019
What is so spanking new in flutter 2.10
What is so spanking new in flutter 2.10
flutter-general-report.docx
flutter-general-report.docx
Everything you should know about flutter
Everything you should know about flutter
Flutter vs react native – from developer point
Flutter vs react native – from developer point
Flutter101
Flutter101
8 Reasons Why Flutter is the Future of Mobile App Development
8 Reasons Why Flutter is the Future of Mobile App Development
Mehr von Ahmed Abu Eldahab
The Flutter Job Market At The Moment
The Flutter Job Market At The Moment
Ahmed Abu Eldahab
Null safety in dart and flutter , the whole story!
Null safety in dart and flutter , the whole story!
Ahmed Abu Eldahab
Becoming a software developer
Becoming a software developer
Ahmed Abu Eldahab
Build web applications using google flutter part 2
Build web applications using google flutter part 2
Ahmed Abu Eldahab
Google flutter the easy and practical way IEEE Alazhar
Google flutter the easy and practical way IEEE Alazhar
Ahmed Abu Eldahab
Google flutter the easy and practical way
Google flutter the easy and practical way
Ahmed Abu Eldahab
Google flutter the easy and practical way
Google flutter the easy and practical way
Ahmed Abu Eldahab
Cybersecurity in an IoT and Mobile World
Cybersecurity in an IoT and Mobile World
Ahmed Abu Eldahab
Flutter state management from zero to hero
Flutter state management from zero to hero
Ahmed Abu Eldahab
Flutter state management from zero to hero
Flutter state management from zero to hero
Ahmed Abu Eldahab
Building your actions for Google Assistant
Building your actions for Google Assistant
Ahmed Abu Eldahab
Building beautiful apps with Google flutter
Building beautiful apps with Google flutter
Ahmed Abu Eldahab
Building Successful Apps with Google Firebase
Building Successful Apps with Google Firebase
Ahmed Abu Eldahab
Flutter beyond hello world
Flutter beyond hello world
Ahmed Abu Eldahab
Flutter beyond hello world GCDC Egypt Devfest 2019
Flutter beyond hello world GCDC Egypt Devfest 2019
Ahmed Abu Eldahab
Flutter beyond Hello world talk
Flutter beyond Hello world talk
Ahmed Abu Eldahab
Flutter Online Study jam 10-7-2019
Flutter Online Study jam 10-7-2019
Ahmed Abu Eldahab
The magic of Flutter - Amman ioextended 6-7-2019
The magic of Flutter - Amman ioextended 6-7-2019
Ahmed Abu Eldahab
The era of cross platform for mobile apps development
The era of cross platform for mobile apps development
Ahmed Abu Eldahab
The Magic of flutter Comex oman 2019
The Magic of flutter Comex oman 2019
Ahmed Abu Eldahab
Mehr von Ahmed Abu Eldahab
(20)
The Flutter Job Market At The Moment
The Flutter Job Market At The Moment
Null safety in dart and flutter , the whole story!
Null safety in dart and flutter , the whole story!
Becoming a software developer
Becoming a software developer
Build web applications using google flutter part 2
Build web applications using google flutter part 2
Google flutter the easy and practical way IEEE Alazhar
Google flutter the easy and practical way IEEE Alazhar
Google flutter the easy and practical way
Google flutter the easy and practical way
Google flutter the easy and practical way
Google flutter the easy and practical way
Cybersecurity in an IoT and Mobile World
Cybersecurity in an IoT and Mobile World
Flutter state management from zero to hero
Flutter state management from zero to hero
Flutter state management from zero to hero
Flutter state management from zero to hero
Building your actions for Google Assistant
Building your actions for Google Assistant
Building beautiful apps with Google flutter
Building beautiful apps with Google flutter
Building Successful Apps with Google Firebase
Building Successful Apps with Google Firebase
Flutter beyond hello world
Flutter beyond hello world
Flutter beyond hello world GCDC Egypt Devfest 2019
Flutter beyond hello world GCDC Egypt Devfest 2019
Flutter beyond Hello world talk
Flutter beyond Hello world talk
Flutter Online Study jam 10-7-2019
Flutter Online Study jam 10-7-2019
The magic of Flutter - Amman ioextended 6-7-2019
The magic of Flutter - Amman ioextended 6-7-2019
The era of cross platform for mobile apps development
The era of cross platform for mobile apps development
The Magic of flutter Comex oman 2019
The Magic of flutter Comex oman 2019
Kürzlich hochgeladen
OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...
OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...
Shane Coughlan
Microsoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdf
Willy Marroquin (WillyDevNET)
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
OnePlan Solutions
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
SelfMade bd
Sector 18, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 18, Noida Call girls :8448380779 Model Escorts | 100% verified
Delhi Call girls
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
VictorSzoltysek
A Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docx
ComplianceQuest1
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
kalichargn70th171
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
kalichargn70th171
Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid
Philip Schwarz
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Steffen Staab
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
ThousandEyes
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
ayushiqss
VTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learn
AmarnathKambale
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Alberto González Trastoy
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
masabamasaba
%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand
masabamasaba
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
masabamasaba
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
Delhi Call girls
The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...
The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...
kalichargn70th171
Kürzlich hochgeladen
(20)
OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...
OpenChain - The Ramifications of ISO/IEC 5230 and ISO/IEC 18974 for Legal Pro...
Microsoft AI Transformation Partner Playbook.pdf
Microsoft AI Transformation Partner Playbook.pdf
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
Introducing Microsoft’s new Enterprise Work Management (EWM) Solution
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Crypto Cloud Review - How To Earn Up To $500 Per DAY Of Bitcoin 100% On AutoP...
Sector 18, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 18, Noida Call girls :8448380779 Model Escorts | 100% verified
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques
A Secure and Reliable Document Management System is Essential.docx
A Secure and Reliable Document Management System is Essential.docx
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Payment Gateway Testing Simplified_ A Step-by-Step Guide for Beginners.pdf
Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid
Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
How To Troubleshoot Collaboration Apps for the Modern Connected Worker
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
The Top App Development Trends Shaping the Industry in 2024-25 .pdf
VTU technical seminar 8Th Sem on Scikit-learn
VTU technical seminar 8Th Sem on Scikit-learn
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
Unveiling the Tech Salsa of LAMs with Janus in Real-Time Applications
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
%in Stilfontein+277-882-255-28 abortion pills for sale in Stilfontein
%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in Midrand+277-882-255-28 abortion pills for sale in midrand
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
%in kempton park+277-882-255-28 abortion pills for sale in kempton park
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...
The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...
Build responsive applications with google flutter
1.
Ahmed Abu Eldahab GDE
Flutter & Dart @dahabdev Build responsive applications with Google Flutter Slides: bit.ly/flutter-web-part3
2.
Ahmed Abu Eldahab Google
Developer Expert in Flutter & Dart Senior Technical Consultant Kortobaa LLC CTO /Dahabdev
3.
bit.ly/dahab-youtube
4.
Flutter is Google’s
UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase
5.
The last 4
months What's new in
6.
https://flutter.dev/docs/whats-new
7.
Dev Tools in
VS Code Flutter 1.20 https://dartcode.org/releases/
8.
Dev Tools in
VS Code Flutter 1.20 https://dartcode.org/releases/
9.
Auto Import -
VS Code Flutter 1.20 https://dartcode.org/releases/
10.
Autofill Support Flutter 1.20
11.
Mouse Cursor Support Flutter
1.20
12.
New visual appeals Slider
- RangeSlider - DatePicker - TimePicker Flutter 1.20
13.
Interactive Viewer -
drag n’ drop widgets Flutter 1.20
14.
Pigeon https://pub.dev/packages/pigeon Flutter 1.20
15.
Performance improvement Icon &
fonts tree shaking Flutter 1.20
16.
Flutter 1.22 Android 11
better animation
17.
Flutter 1.22 Android notches
support
18.
Flutter 1.22 https://flutter.dev/docs/development/ios-14 ios 14
support
19.
Flutter 1.22 Google Maps
and WebView plugins ready for production
20.
Flutter 1.22 Expanding the
Button “universe”
21.
Flutter 1.22 Navigator 2.0
22.
Flutter 1.22 Navigator 2.0
23.
Flutter 1.22 Navigator 2.0
24.
Flutter 1.22 App size
analysis tool --analyze-size - flutter build apk - flutter build appbundle - flutter build ios - flutter build linux - flutter build macos - flutter build windows
25.
Flutter 1.22 App size
analysis tool
26.
Flutter 1.22 App size
analysis tool
27.
Google Pay picks
Flutter to drive its global product development
28.
Responsive design In Flutter
29.
Why should I
care ? ● Provide better user experience (UX) ● Mobile Web ● Desktop ● Tablets
30.
Why Should I care ?
31.
Responsive layout grid -
Columns - Gutters - Margins 1. Columns 2. Gutters 3. Margins
32.
Breakpoints https://material.io/design/layout/responsive-layout-grid.html
33.
Responsive layout grid
34.
ios Android https://material.io/design/layout/responsive-layout-grid.html
35.
Common breakpoints https://developer.android.com/training/multiscreen/screensizes.html
36.
Breakpoints https://material.io/design/layout/responsive-layout-grid.html
37.
Device preview https://pub.dev/packages/device_preview
38.
Device preview https://pub.dev/packages/device_preview
39.
Device preview https://pub.dev/packages/device_preview
40.
Flutter UI support
widgets LayoutBuilder MediaQuery https://www.youtube.com/watch?v=IYDVcriKjsw https://www.youtube.com/watch?v=A3WrA4zAaPw
41.
Breakpoints
42.
Breakpoints Get Screen width
43.
Breakpoints Get Screen width Get
device mode
44.
Breakpoints Get Screen width Get
device mode
45.
Breakpoints Get Screen width Get
device mode Set breakpoint and update the UI
46.
Breakpoints Get Screen width Get
device mode Set breakpoint and update the UI Is this the only way ?
47.
Breakpoints https://pub.dev/packages/responsive_builder
48.
Breakpoints https://pub.dev/packages/responsive_builder
49.
Breakpoints https://pub.dev/packages/responsive_builder
50.
51.
bit.ly/dahab-youtube
52.
https://github.com/dahabit/flutter-web-session2
53.
bit.ly/dahab-youtube
54.
Ahmed Abu Eldahab Google
Developer Expert in Flutter & Dart Senior Technical Consultant Kortobaa LLC CTO /Dahabdev
Jetzt herunterladen