Flutter is Google's Open Source UI Software Development Kit that enables us to build cross-platform apps for Android, iOS, Linux, Mac, Windows, and Google Fuschia from a Single Codebase. With many companies switching over to a Flutter Codebase to hasten development time, reduce roles, and work from a single codebase, Flutter has been growing at an exponential rate in the market and will definitely expand even more in the upcoming times. Alibaba, Google Ads, Google Pay, Hamilton Musical are a few apps in the ever-expanding codebase of Flutter.

1. Flutter Bootcamp
Apoorv Aadarsh
Soumya Ranjan Mohapatro
Shashwat Priyadarshy
DAY 1

2. Flutter
A Google's UI toolkit for
building beautiful, natively
compiled applications for
mobile, web, desktop, and
embedded devices from a
single codebase.

3. because it's fast af
● Fast Development
● Expressive and Flexible UI
● Native Performance
● Easy to Learn
● Supports apps at 120FPS
Why Flutter?

4. How Flutter Works
Architecture
Materia
l
Cupertino
Widget
s
Services
Rendering
Animatio
n
Paintin
g
Gestures
Framewor
k
(Dart)
Skia Mojo Dart Engine
Shell
(C++)

6. C++
Skia (2D Rendering Engine)
Mojo IPC
Blink Text Rendering
BG Tech and
Performance
Technologies
Earlier versions of Flutter Supported till 60fps
Current one supports 120fps
Performance

7. dynamically typed language with optional types
dart SDK-includes libraries & command-line tools
dart VM - online version - dartpad
dartanalyzer - statically analyzes code, helping you
catch errors early
pub.dev - package manager
Dart2js - Dart to JavaScript Compiler
The New Homeground
DART

8. 1) G Pay
2) Google Ad Services
3) Hamilton
4) Reflectly
5) Cryptograph
Popular apps using Flutter Framework

9. Flutter vs Native

10. 1.flutter doctor // Checks SDK for any errors
2.flutter version // logs currently used flutter version
3.flutter upgrade // upgrades SDK Version
4.flutter create-app YOUR_APP_NAME // creates app with YOUR_APP_NAME as app name
5.flutter emulators // lists all active emulators
6.flutter pub get // gets dependencies and packages necessary to run the project
7.flutter analyze -d // analyzes dart file for any errors
8.flutter run // builds and runs said package on the emulator
9.flutter pub update // updates packages in use
10.flutter build // builds app

11. 1.Classes, enums, typedefs, and extensions name should be in
UpperCamelCase.
2.Libraries, packages, directories, and source files name should be in
snake_case (lowercase_with_underscores).
3.Variables, constants, parameters, and named parameters should be in
lowerCamelCase.
4.Whenever you have widgets that don’t change when the state changes,
you should declare them as constants.
Naming convention in a Flutter project

12. • Android Studio or VS Code installed on your PC.
• Flutter SDK (stable) installed
• A cup of your favourite coffee.
Prerequisites
Creating a new Flutter project

13. Let’s
flutter create

14. Flutter Bootcamp
Apoorv Aadarsh
Soumya Ranjan Mohapatro
Shashwat Priyadarshy
DAY 2

15. Hot Restart and Hot Reload
State
Hot Reload (r)
State
Original Code
Compiles new code
New Code
Does not update the state value
New Code
State
Hot Restart (shift + r)
New State
Original Code
Compiles new code
New Code
Sets the value of all the states to default (restarts app)
Original Code Updated Code

17. Widgets Everywhere...

18. • MyApp is the parent widget and
Material App is its Child widget.
Hierarchy
• Scaffold is the parent widget
then AppBar ,Column and
FloatingActionButton are its
children.

19. Everything within a flutter
application is a Widget in
Flutter from a simple “Text” to
“Buttons” to “Screen Layouts
- ProFlutterDev

22. Flutter Bootcamp
Apoorv Aadarsh
Soumya Ranjan Mohapatro
Shashwat Priyadarshy
DAY 3

23. Firebase is a fully managed
platform for building iOS, Android,
and Web applications that
provides automatic data
synchronization, authentication
services, file storage, analytics and
more.
It is a BaaS (Backend as a Service).
Firebase
The Easiest DataBase

24. Create Application without backend server
No need extra money spent for backend server
Faster than any backend web services
Push notification
No SQL database so it is more faster
Auto backup
Why FireBase?

25. “ Everything in firebase is stored as map”

26. Thank You For Attending