Course Overview
In the previous few years, smart phones have become the go-to platform for developing all sorts of applications. Business applications for banks, TV broadcasters, universities, shopping stores… have been migrating from websites to mobile applications. On the same level, Android and iOS devices are dominating the market share of mobile devices. All this has made Android and iOS application development among the most required skills in the IT sector and in the available IT jobs.
Learning Outcome
Clear understanding of:
- Covers a wide range of flutter development topics.
- Visual, behavioral and motion rich Flutter widgets
- Step-by-step lab to built flutter apps
- Build Google Maps apps
- Android and iOS app publishing guidelines.
Pre-requisite
None
Course Outlines
- Introduction
- Importance of Flutter
- Introduction to Dart
- Writing Dart code
- DartPad
- Installing Dart SDK
- IntelliJ IDEA
- Lab 1: Installing Dart IDE and Writing Dart Program
- Installing IntelliJ IDEA
- Creating a Dart Project Using IntelliJ IDEA
- Using DartPad
- Introduction
- main( ) function
- Dart Variables
- Dart Data Types
- Input of Information to Dart Program
- Writing Comments
- Dart Conditional Operators
- If Statement
- If – Else Statement
- If…Else and Else…If... Statement
- If Else and Logical Operators
- For Loops
- While Loops
- Do-while Loops
- Break Statement
- Switch Case Statement
- Lab 2: Create a Pizza Order Program
- Functions
- Object-Oriented Programming (OOP)
- Dart Project Structure and Dart Libraries
- Lab 3: Create a Small Overtime Payment Program
- Understanding Flutter
- Flutter Framework
- Android Studio
- Flutter SDK
- Installing and Configuring Flutter SDK
- Creating a New Flutter Project
- Setup an Android Virtual Device
- Run a Flutter App
- Installing Flutter on Mac
- Test Your Flutter App on iOS Phone with Windows O.S
- Android Studio Sugar and Spice
- Run your Apps on a Hardware Device (Physical Phone)
- Emulator Debug Mode
- Introduction to Flutter Widgets
- Creating a Flutter App Using Widgets
- What is a MaterialApp widget?
- Lab 4: Creating a Simple Flutter App
- Image Widget
- Container Widget
- Column and Row Widgets
- Icon Widget
- Layouts in Flutter
- Card Widget
- App Icons for iOS and Android Apps
- Hot Reload and Hot Restart
- Stateful and Stateless Widgets 5-55
- Use a Custom Font
- Lab: Creating a Restaurant Menu
- Button Widget
- FloatingActionButton
- RaisedButton, FlatButton, and IconButton
- DropdownButton
- OutlineButton
- ButtonBar
- PopupMenuButton
- App Structure and Navigation
- Navigate to a New Screen and Back
- Navigate with Named Routes
- Send and Return Data Among Screens
- Animate a Widget Across Screens
- WebView Widget in Flutter
- Lab 6: Navigation and Routing a Pizza Store App