This document summarizes an introductory Flutter session. It introduces Rayen Zegden, who is a GDSC member and mobile development lead, and explains that the goal is to create performant, easy to use, and efficient applications. It provides definitions of Flutter as an open-source framework for building mobile apps using Dart, and widgets as visual elements. Advantages include fast development, a single codebase, and customization, while disadvantages include limited libraries and a steep learning curve. Finally, it previews setting up tools and libraries needed for a first Flutter application.

1. Welcome to
Our first flutter session!
2023-2024

2. Rayen Zegden
- GDSC 2022-2023 member
- Mobile Dev Department Lead
2023 - 2024
- Computer engineering Student

3. Flutter
Build apps for any screen.

4. What are we planning for?

5. Flutter planning

7. What is Flutter?
● Flutter is an open-source mobile application development framework created
by Google.
● It is used to develop cross platform applications from a single codebase for
any web browser, Android, iOS…
● Flutter uses the Dart programming language, which is also developed by
Google.

8. Our goal is to create applications.
Applications that are performant , easy to use and
efficient .

10. Advantages of Flutter
➔ Fast development cycle
➔ Single codebase for multiple platforms
➔ Customizable Widgets
➔ High performance

11. Disadvantages of Flutter
➔ Limited third-party libraries
➔ Steep learning curve
➔ Limited corporate adoption

13. Flutter Dart
Purpose
Flutter is a framework
for building mobile
applications.
Dart is a
programming
language.

14. Flutter Dart
Architecture
Flutter uses a widget
based architecture
where everything is a
widget.
Dart is designed to
support many
programming
languages such as
Java or C++.

15. ● In flutter a widget is a description of a part
of a user interface.
● It is a building block for creating the visual
elements of an app , such as buttons , text,
images…
● There are two types of widgets:
-Stateless widgets
- Stateful widgets
What is a widget ?

16. Get Ready For Your First
Application?

17. We can’t make it our
application without our
Tools and Libraries

18. https://docs.flutter.dev/get-started/install/windows
https://code.visualstudio.com/docs/?dv=win
https://developer.android.com/studio
● From the Start search bar, enter ‘env’ and select Edit environment variables
for your account.
● Under User variables check if there is an entry called Path:
○ If the entry exists, append the full path to flutterbin using ; as a
separator from existing values.
○ If the entry doesn’t exist, create a new user variable named Path with
the full path to flutterbin as its value.
● Run flutter doctor
Flutter SDK

19. Quiz
What is Flutter?
A. Flutter is an open-source
backend development
framework
B. Flutter is an open-source UI
toolkit
C. Flutter is an open-source
programming language for
cross-platform applications
D. Flutters is a DBMS toolkit
Which programming
language is used to build
Flutter applications?
A. Kotlin
B. Dart
C. Java
D. Go
How many types of
widgets are there in
Flutter?
A. 2
B. 4
C. 6
D. 8+
What is the key
configuration file
used when building
a Flutter project?
A. pubspec.yaml
B. pubspec.xml
C. config.html
D. root.xml

20. Quiz
What is Flutter?
A. Flutter is an open-source
backend development
framework
B. Flutter is an open-source UI
toolkit
C. Flutter is an open-source
programming language for
cross-platform applications
D. Flutters is a DBMS toolkit
Which programming
language is used to build
Flutter applications?
A. Kotlin
B. Dart
C. Java
D. Go
How many types of
widgets are there in
Flutter?
A. 2
B. 4
C. 6
D. 8+
What is the key
configuration file
used when building
a Flutter project?
A. pubspec.yaml
B. pubspec.xml
C. config.html
D. root.xml

21. Thank you.
Very much!