Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo

flutter intro.pptx

•
•

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 of 21
Welcome to Our first flutter session! 2023-2024
Rayen Zegden - GDSC 2022-2023 member - Mobile Dev Department Lead 2023 - 2024 - Computer engineering Student
Flutter Build apps for any screen.
What are we planning for?
Flutter planning
flutter intro.pptx
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.
Our goal is to create applications. Applications that are performant , easy to use and efficient .
flutter intro.pptx
Advantages of Flutter ➔ Fast development cycle ➔ Single codebase for multiple platforms ➔ Customizable Widgets ➔ High performance
Disadvantages of Flutter ➔ Limited third-party libraries ➔ Steep learning curve ➔ Limited corporate adoption
flutter intro.pptx
Flutter Dart Purpose Flutter is a framework for building mobile applications. Dart is a programming language.
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++.
● 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 ?
Get Ready For Your First Application?
We can’t make it our application without our Tools and Libraries
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
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
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
Thank you. Very much!

More Related Content

flutter intro.pptx

  • 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
  • 4. What are we planning for?
  • 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

Editor's Notes

  1. This is why DSC exists. The student developer experience is fragmented and DSC aims to solve for that.
  2. Kima ay framework , flutter zeda 3andou pros and cons
  3. El application mte3na kima el hit wel widgets houma el yajour mte3na