Projects
Assignments
Overview
In this training class, participants will learn how to how to code using Dart and build beautiful, fast, native-quality iOS and Android apps. Whether you are newbie in mobile app development, or experienced with other mobile app frameworks, you’ll enjoy the high-velocity development and quality apps that Flutter enables.
Objectives
At the end of Flutter training course, participants will be able to
- Understand the fundamentals of the Flutter framework
- Incorporate widgets and state into your app
- Use Flutter’s tools to enhance your development process
Customize app with Material Design, themes, assets, and more
- Make app interactive with text input, gestures, and more
- Retrieve local and real-time data from the web
Prerequisites
- Basic Computer Knowledge
Course Outline
Introduction to Flutter and Dart Programming Languageedforce2021-07-01T13:39:46+05:30
- Introduction
- Importance of Flutter Introduction to Dart Writing Dart code
- DartPad
- Installing Dart SDK
- IntelliJ IDEA
- Installing IntelliJ IDEA
- Creating a Dart Project Using IntelliJ IDEA
- Using DartPad
Dart Programming – Syntaxedforce2021-07-01T13:36:10+05:30
- 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
Dart Functions & Object-Oriented Programming (OOP)edforce2021-07-01T13:36:14+05:30
- Functions
- Function Structure
- Creating a Function
- Function Return Data Types
- Void Function
- Function Returning Expression
- Functions and Variable Scope
- Object-Oriented Programming (OOP)
- Object
- Class
- Creating a Class
- Adding Methods to Classes
- Providing Constructors for Your Classes
- Class — Getters and Setters
- Class Inheritance
- Abstract Class
- Dart Project Structure and Dart Libraries
Introduction to Flutteredforce2021-07-01T13:36:18+05:30
- Understanding Flutter
- Flutter Framework
- Android Studio
- What is Android Studio?
- Android Studio Software Prerequisite
- Installing 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)
- Run your Flutter App on Android Phone
- Emulator Debug Mode
- Introduction to Flutter Widgets
- Creating a Flutter App Using Widgets
- What is a MaterialApp widget?
Flutter Widgets Fundamentalsedforce2021-07-01T13:36:52+05:30
- Scaffold Widget
- 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
- Use a Custom Font
Navigation and Routingedforce2021-07-01T13:37:17+05:30
- 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
Visual, Behavioral, and Motion-Rich Widgets implementingedforce2021-07-01T13:38:28+05:30
- Material Design Guidelines
- BottomNavigatorBar Widget
- DefaultTabController, TabBar, and TabBarView Widgets
- ListTile Widget
- ListView Widget
- Drawer Widget
- DataTable Widget
- SelectableText Widget
- Stack Widget
- Input and Selections
- Text Field Widget.
- Checkbox Group and RadioButtonGroup Widgets
- Date Picker.
- Time Picker
- Slider Widget.
- Switch Widget
- Dialogs, Alerts, and Panels
- Alert Dialog Widget
- Cupertino Alert Dialog Widget.
- Bottom Sheet
- Modal Bottom Sheet
- Persistent Bottom Sheet.
- Expansion Panel Widget.
- Snack Bar Widget.
Firebaseedforce2021-07-01T13:38:46+05:30
- Introduction
- What is the JSON?
- How does Firebase Database work?
- Firebase authentication (Signup and Login to Flutter App)
- Configure Your App to use Firebase Services
- Adding Firebase to your Android App
- Adding Firebase to your iOS App
- Configuring Firebase Authentication
- Login to an App Using Firebase User Accounts
- Logout Configuration
- Firebase Database
- Which database is right for your project?
- Real Time Database
- Cloud Firestore
Location-Aware Apps: Using GPS and Google Mapsedforce2021-07-01T13:39:12+05:30
- Introduction
- What is GPS and how does it work?
- The Camera Position
- Adding Google Maps to a Flutter app
- Getting a Google API key
- Adding Google Maps Flutter plug-in as a dependency
- Adding your API key for your Android app
- Adding your API key for your iOS app
- Adding a Google Map on Your Flutter App Screen
- Adding a Google Map Marker
- Google Map Types
- Moving the Camera (Camera Animation)
- Capturing an App User’s Location for iOS and Android Apps.
- Lab10: Location-Aware Apps Using GPS and Google Maps
- Getting a Google API key
- Creating an App Interface
- Configuring your App to Use Your API Key
- Adding a Google Map on your Flutter App Screen
- Adding a Google Map Marker
- Flutter TM Application Development
- Capturing Users’ Location
- Configuring User App’s Permission
App Testing & Publishingedforce2021-07-01T13:39:34+05:30
- Testing and Feedback for Your App
- Setting up a Test Environment
- Usability Testing by Participants
- Starting your Test Session
- Analyzing your Test
- Publishing Flutter Apps
- Publishing Android App on Google Play Store
- Publishing iOS app on Apple Store
