Mobile Application
Development
Flutter
T/Ebtehal Al-saadi
Course Guidelines
Introduction to Flutter and install the farmwork
Dart Basics (oop) and First app in
flutter
Flutter Widgets, Type widget and widget tree
Basic widget
Built-in widgets
Layouts and UI Design
Navigation and Routing
State Management
Database Sqflite
Networking and API Integration
Website and books for learn flutter
• https://dart.dev/overview
• https://flutter.dev/
• https://pub.dev/
• Beginning App Development with Flutter
• Beginning Flutter: A Hands On Guide to App Development
• Flutter Apps Development: Build Cross-Platform Flutter Apps with Trust
Division of degrees
Division Practical 40
The audience 15
Assignment 20
Midterm Exam 15
Project 50
Total 100
What is Mobile Application
Development?
Mobile application development is the process of
creating software applications that run on a mobile
device, and a typical mobile application utilizes a
network connection to work with remote
.computing resources
Java and Kotlin for android
Objective-c and swift for iOS
.React Native (JavaScript), Xamarin(C#)
Types of mobile developer:
Native app development compared to cross-platform app development
Coding an application for one specific platform, such as iOS, is called native app
development, By contrast, cross-platform app development is building an
application for multiple platforms with a single codebase.
What is Flutter?
Flutter is an open source framework developed and supported by Google for
building beautiful, natively compiled app. Flutter is an incredible user interface
(UI) toolkit that lets you build apps for iOS and
Android and even the web and desktop platforms like macOS, Windows and Linux
all from a single codebase .
Flutter has all the benefits of other cross-platform tools, especially because you’re
targeting multiple platforms from one codebase. Furthermore, it improves upon
most cross-platform tools thanks to a super-fast rendering engine that makes your
Flutter apps perform as native apps.
When Flutter launched in 2018, it mainly supported
mobile app development. Flutter now supports
application development on six platforms: IOS, Android,
the web, Windows, MacOS, and Linux.
Why do we use Flutter ?
Flutter is framework Powered by Google.
Single Codebase, Multiple Platforms
No need to rebuild (Hot Reload)
rich UI components, fast development cycles
Performance
No cross-platform issues
Easy
What programming language does flutter use?
Flutter uses the open-source programming language Dart, which was also
developed by Google. Dart is optimized for building UIs ,and many of darts
strengths are used in flutter.
For example, one feature of dart used in flutter is sound null safety makes it
easier to detect common bugs called null errors.
This feature reduces the time developers spend on code maintenance and
Programming language
gives them more time to focus on building their applications.
Developed by google
Flutter is powered by Dart, a language
optimized for fast apps on any platform
Dart is the language used to develop Flutter
applications.
Dart is ahead-of-time (AOT) compiled to native
code for fast performance.
Dart is just-in-time (JIT) compiled to quickly
display code changes
via Flutter’s stateful hot reload.
Extension of dart files is: .dart
How to be a Flutter developer?
• Dart
• How to build UI?
• Widgets(Text,
TAM Container, Image, Column)
• Stateless and Statefull
• User interactions
SAM
• Navigation(multiple screens)
• Data Storage
• Networking(API)
• Build your Owen app
• Git/GitHub (Optional)
Installing flutter
• Vs code
• Flutter SDK
• Download extension (Dart and flutter)
Thank You
نحن نصنع العوالم من االصفار
والوحدات
كل خط كود هو خطوة نحو
