Getting started with flutter

Getting started with
@rihanna_ke

??
@rihanna_ke
An open-source toolkit, made by
UI toolkit for building beautiful, natively
compiled applications for mobile, web, and
desktop from a single codebase.

Tools
- to compile your code
to native code
- to develop with ease
SDK
(Software development kit)

- Collection of
re-usable UI blocks
(widgets)
- utility functions
- packages
Framework

Beautiful
No compromises
for your designers

Control every pixel
Never say no to your “designer”
Rich palette of tools

Fast
Take the speed
limiter off your app
Fast
Take the speed

Graphics engine Skia 2D
60fps, GPU accelerated
Compiled to native machine code

Fast
Take the speed
Productive
Develop while your
app is running

Paint your app to life
Hot Reload
Revolutionary capabilities for
developers and designers

Fast
Take the speed
Open
Everything is free
100% community
contribution

05/2017
12/201912/2018 08/2020
1.20
@rihanna_ke
1.0 1.12

Client -optimized language for
fast apps in any platform
Dart js compiler
Just in time and Ahead of time
��

Set up
https://flutter.dev/docs/get-started/install
@rihanna_ke

Set up an editor
flutter.dev/docs/get-started/editor

The Power of Widgets
@rihanna_ke

The widget catalog
https://flutter.dev/docs/development/ui/widgets@rihanna_ke
~ 395!!!

Layout - related Widgets
- Single-child layout widgets
(Container, Center, Expanded, Padding)
- Multi-child layout widgets
(Column, Row, ListView, Stack)
Structural Widgets
(Buttons, Icons, Text, Image)
Animation & motion Widgets:
Styling widgets
Scrolling widgets
…..
Material component Widgets
Cupertino widgets

Fast
Take the speed
app
@rihanna_ke

Stateless
widget
Input Data
Widget
Renders UI
Data can change
(externally)
Gets (re)- rendered
when
Input Data changes

Internal State
Stateful
widget
Input Data
Renders UI
Widget
Data can change
(externally)
Gets (re)- rendered
when
Input Data
or local State
changes

Flutter Plugins
Third party packages
pubspec.yml
@rihanna_ke

Fast
Take the speed
Why
Is Unique??
@rihanna_ke

@rihanna_ke
stable
beta
alpha
alpha
developer
preview
Widget everywhere!!!

flutter build android [--release]
flutter build ios [--release]
flutter build linux [--release]
flutter build macos [--release]
flutter build windows [--release]

Great looking and fast Apps
40

Fast
Take the speed
Getting
started with
@rihanna_ke

Fast
Take the speed
flutter.dev/docs/get-started/flutter-for/
@rihanna_ke

Fast
Take the speed
- Checkout examples
- Watch Flutter videos/courses
- Read Flutter documentations
- Play and practice
- Find a friend to learn with
@rihanna_ke
Newbie

Start with Dart
- Dart code lab
- Tour of dart
- Dart video tutorials

Flutter docs / blogs
- flutter.dev
- flutter.faq
- flutter.community
- flutter.medium
- Understand layouts
- Flutter CookBook
- Intro to animations
- State management intro

Examples, Play and practice
- flutter.showcases
- dartpad.dev
- codepen.io/flutter
- latest codelabs

Courses / Videos
- udacity free course
- full crash course youtube 2020
- The Flutter boring show
- Widget of the week
- Flutter in focus

For any question/suggestion Flutter related don’t
hesitate to contact me on
rihanna.kedir.dev@gmail.com

Rihanna Kedir
Photo from Unsplash
@rihanna_ke

Getting started with flutter

More Related Content

What's hot

Similar to Getting started with flutter

Recently uploaded

Getting started with flutter