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
886 views

Flutter study jam 2019

This document outlines an introductory Flutter study jam session that will teach developers the fundamentals of the Flutter framework. The session will include an introduction to Flutter basics, completing a first lab to build a Flutter app, and additional self-study assignments. Attendees will learn how to use Flutter to build high-quality mobile apps that run on iOS and Android, with features like hot reload for rapid iteration and a widgets system for customization. The goal is for attendees to build a basic Flutter app with real-world functionality.

Software◦
Related topics:
mobile-development•
Downloaded 86 times
1 / 51
2 / 51
3 / 51
4 / 51
5 / 51
6 / 51
7 / 51
8 / 51
9 / 51
10 / 51
11 / 51
12 / 51
13 / 51
14 / 51
15 / 51
16 / 51
17 / 51
18 / 51
19 / 51
20 / 51
Flutter Study Jam
Ahmed Abu Eldahab Senior Technical Consultant Google Developer Expert in Flutter /Dahabdev
Tell me about you? Developers , Designers , Mac , Linux , Windows , Web , Mobile ?
#1 Study Jam Introduction
WHY ARE WE HERE? ● Understand the fundamentals of the Flutter framework. ● Use Flutter's tools to enhance your development process. ● Customize your app with Material Design, Text,Using external packages, and more ● Make your app interactive with text input, gestures, and more. ● Incorporate widgets and state into your app.
Flutter Study Jam WHAT IS IT? Learn how to use Flutter to quickly develop high-quality, interactive mobile applications for iOS and Android devices. Whether you’re just getting started with mobile app development, or experienced with other mobile app frameworks, you’ll enjoy the high-velocity development and quality apps that Flutter enables. HOW LONG IT TAKE? One in-person session of 3 hours, plus 2-8 hours of self-study. WHAT IS THE END RESULT? Build a basic Flutter application with real-world features.
30 MINUTES (IN PERSON) The Magic of Flutter Quick introduction to the basics of the Flutter framework, the widgets system, and various tools to develop with. 90 MINUTES (IN PERSON) Complete first lab “Build your first Flutter app” Create your first Flutter app. If you are familiar with object-oriented code and basic programming concepts such as variables, loops, and conditionals, you can complete this tutorial. You don’t need previous experience with Dart or mobile programming. ONE MONTH (AT HOME) Complete more Flutter labs, take the Udacity course and practice Work with Google instructors step-by-step to build an app in one codebase that compiles down to native ARM code and has high performance on both iOS and Android. Learn how to develop fast by making use of Flutter's reactive framework, stateful Hot Reload, and integrated tooling. Customize your app with rich, composable widgets, built-in animations, and a layered, extensible architecture. SHARE FEEDBACK Share photos, insights using the hashtags #TOTMENA #StudyJamMENA #GDGMENA #Flutter #FlutterStudyJam Join Meetup to stay motivated meetup.com/GCDCSaudi AGENDA
#3 The Magic of Flutter
Mobile Platforms
Mobile Platforms
Mobile Platforms
Mobile Platforms
Mobile Platforms
IOS Kernel and Device Drivers Core OS Core Services & Media OEM Widget (Material Design - Cupertino) Android
The dilemma of mobile app development
Mobile Development Approaches
Native Approach(Single Platform) OEM Widgets Cupertino Material Design Canvas Events Location Bluetooth Camera Sensors Java Kotlin Swift Objective-c Application Services
Cross-Platform Approach
Hybrid Approach Web View Canvas Events Location Bluetooth Camera Sensors JavaScript HTML CSS Application Services Bridge
Cross-Platform Approach Canvas Events Location Bluetooth Camera Sensors Transferred Native Code Application Services FrameworklibrariesSDK OEM Widgets Cupertino Material Design C# JavaScript
Cross-Platform Approach Canvas Events Location Bluetooth Camera Sensors Javascript Application Services JavascriptBridge OEM Widgets Cupertino Material Design JavaScript
Flutter Approach Canvas Events Location Bluetooth Camera Sensors Native ARM Binary Code Services Platform Channels Flutter Widgets Cupertino Material Design
Build beautiful apps in record time
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 Beautiful
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
What is Flutter? Flutter is the next step in App development Speed and performance Fast , smooth performance Flexibility Customize anything - Brand first design Native look and feel Familiarity , ease of use Rapid Development Easy to learn , predictable
What makes Flutter unique? - Compiles to Native Code (ARM Binary code) - No reliance on OEM widgets - No bridge needed - No markup language (only Dart)
● Language and Libraries ● Packages manager https://pub.dartlang.org/ ● Virtual machine ● Compile to Javascript dart2js Batteries included
Who use Dart? https://www.dartlang.org/community/who-uses-dart Google AdWords Google Fuchsia AdSense performance reports Google Fiber Mandrill AdWords for video Google internal sales tool Google internal CRM Adobe
Google Fuchsia Fuchsia is a capability-based, real-time operating system (RTOS) currently being developed by Google.
Great looking and fast Widgets
Everything is a Widget
App Widget Material Widget Scaffold Widget Column Container Text Button Render Tree Everything is a Widget
https://flutter.io/widgets/
HotReload
With Flutter no limit to your imagination!
FlutterWidgetInspector
Test https://flutter.io/testing/ - Unit testing - Widget testing - Integration testing
How To install ? https://flutter.io/get-started/install/
$ flutter doctor Checks your environment and displays a report to the terminal window $ flutter upgrade Updates both the Flutter SDK and your packages
IDE Support?
Flutter Showcase https://flutter.io/showcase & https://itsallwidgets.com
Flutter Showcase https://flutter.io/showcase & https://itsallwidgets.com
Flutter Showcase https://flutter.io/showcase & https://itsallwidgets.com
Confidential + Proprietary 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
Bring your app to the the other platform Start a new app from scratch Test Flutter in production with one or two screens in your existing app. You already have an iOS or Android app? Use Flutter to build for the other platform. Combine codebases when you’ve proven your Flutter app. Build your new idea in Flutter, and reach both iOS and Android at the same time. Use Flutter for a part of your app Prototype a new app idea Use Flutter to test out an app concept or idea in record time. Four ways to use Flutter today
Thanks
That’s all, Thank you!
Ahmed Abu Eldahab Senior Technical Consultant Google Developer Expert in Flutter /Dahabdev