A beginner guide to Flutter development

1. Application Development
Flutter

2. Today’s Agenda
● Mobile Application
Development
● What is Flutter?
● Why Learn Flutter?
● Flutter Architecture
● Types of Flutter Widgets
● Basics on Dart Language
● How Flutter Compiles
● Flutter Installation
● Making most expensive app on
Apple and play store
● Challenge

3. Mobile App Development

4. Apple Android
Swift C/C++/C# Python Java C# Kotlin

5. Different SDK
● SDK stands for software development kit or
devkit for short. It’s a set of software tools
and programs used by developers to create
applications for specific platforms.SDK
tools will include a range of things,
including libraries, documentation, code
samples, processes, and guides that
developers can use and integrate into their
own apps.

6. Different Framework
● A framework, or software framework, is a
platform for developing software
applications. It provides a foundation on
which software developers can build
programs for a specific platform.
● For example, a framework may include
predefined classes and functions that can
be used to process input, manage hardware
devices, and interact with system software.

7. No Uniformity
● We need Uniformity as most applications
are released for both platforms Android and
IOS , If a company is taking a native
approach to build both apps then lot of
Time and Money would be spend on
development.

8. What is Flutter?

9. Overview on Flutter
Flutter is an open-source UI software development kit created by Google. It is used to
develop applications for Android, iOS, Linux, Mac, Windows, Google Fuchsia, and the
web from a single codebase. The first version of Flutter was known as codename "Sky"
and ran on the Android operating system.

10. WHY Learn Flutter?

11. ● Flutter allows developers to create
native applications for both ios and
android using one codebase, while also
giving optimisation based on the
platform being targeted in the
development cycle this saves timing in
learning two different languages and a
lot of money too.

12. Easy Learning Curve
● Flutter has a very easy learning curve.
Anybody having experience in object
oriented programming will find it easy to
learn flutter. Even if you are a beginner
who is just starting his career in mobile
development. Flutter is still very easy to
learn and implement.

13. Improve Your
Resume
● Flutter is new and trending. If somebody
is hiring for a developer and looks at
flutter in your resume then he knows
you can develop apps for both platform
and is going to save the company a lot
of money. This only makes your resume
more lucrative and provides a higher
chance at getting hired.

14. Let’s talk about Dart

15. Why Dart?
Dart is the open-source programming language
originally developed by Google. It is meant for
both server side as well as the user side.
● Optimized for UI
● Productive Development
● Fast on all platforms

16. Flutter Architecture

17. Widget tree
● An application built using flutter is
designed using widgets. Everything is a
widget. So the entire application
becomes a tree of widgets. Some
widgets are just for layout precision
while others for visual enhancement.

18. Embrace Platform
Difference
● Flutter is amazing as it embraces the
difference between the platforms. IOS
and Android behaves differently for how
service API’s are called and handled.
Flutter embraces these differences
gracefully, giving the developer the
complete control over the application
and its behaviours.

19. Types of Widgets

20. Everything is a Widget!!
Stateless Widget
Stateless widgets are the
widgets that don’t change i.e.
they are immutable. Its
appearance and properties
remain unchanged throughout
the lifetime of the widget.
Examples: Icon, IconButton, and
Text are examples of stateless
widgets.
Stateful Widget
Stateful Widgets are the ones
that change its properties
during run-time. They are
dynamic i.e., they are mutable
and can be drawn multiple
times within its lifetime.
Examples : Checkbox, Radio
Button, Slider, InkWell, Form, and
TextField are examples of Stateful
widgets.

21. How Flutter Compiles

22. How Flutter code
compiles for
Android and IOS

23. Let’s install Flutter!!

24. Let’s run our first app!!

26. Challenge

27. Resources
● Flutter official channel
● Flutter & Dart
● Flutter Installation
● Udemy
● Explore!!

28. Thank You!!