Flutter study jam 2019

Ahmed Abu Eldahab
Senior Technical Consultant
Google Developer Expert in Flutter
/Dahabdev

Tell me about you?
Developers ,
Designers , Mac ,
Linux , Windows ,
Web , Mobile ?

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

IOS
Kernel and Device Drivers
Core OS
Core Services & Media
OEM Widget (Material Design - Cupertino)
Android

The dilemma of mobile app development

Native Approach(Single Platform)
OEM Widgets
Cupertino
Material Design
Canvas
Events
Location Bluetooth
Camera Sensors
Java
Kotlin
Swift
Objective-c
Application
Services

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

App Widget
Material Widget
Scaffold Widget
Column
Container
Text
Button
Render Tree
Everything is a Widget

With Flutter no limit to
your imagination!

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

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

Flutter study jam 2019

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Flutter study jam 2019

Similar to Flutter study jam 2019 (20)

More from Ahmed Abu Eldahab

More from Ahmed Abu Eldahab (18)

Recently uploaded

Recently uploaded (20)

Flutter study jam 2019