Course Objectives
- To introduce students to the Flutter framework and Dart language, enabling them to understand core tools, components, and architecture.
- To equip students with the skills to build basic cross-platform mobile applications using Flutter’s UI components and navigation tools.
- To develop students’ ability to analyze app requirements and implement advanced features such as plugins, API integration, and state management.
- To enable students to design, develop, and deploy complete mobile applications, preparing them for real-world app development and publishing.
Course Outcomes (COs)
- CO1: Describe the architecture, tools, and core components of the Flutter framework and the Dart programming language. (Remembering & Understanding)
- CO2: Develop basic mobile applications using Dart and Flutter widgets, implementing user interfaces, navigation, and form interactions. (Applying)
- CO3: Analyze and integrate plugins, APIs, and Firebase services to extend app functionality and manage state and persistence. (Analyzing)
- CO4: Design, build, and publish a full-featured mobile application, demonstrating proficiency in cross-platform development and deployment best practices. (Creating)
CO-PO Mapping
PO1 | PO2 | PO3 | PO4 | PO5 | PO6 | PO7 | PO8 | PO9 | PO10 | PO11 | PO12 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|
CO1 | 3 | 2 | 2 | 1 | 2 | - | - | - | - | - | - | 1 |
CO2 | 3 | 3 | 3 | 2 | 2 | - | - | - | 1 | - | - | 2 |
CO3 | 3 | 3 | 3 | 2 | 3 | - | - | - | 1 | - | - | 2 |
CO4 | 3 | 3 | 3 | 3 | 3 | 2 | 2 | 3 | 2 | 2 | 2 | 3 |
Course Content
Module-1: Introduction
Contents
-
-
- Introduction to Flutter
- Installing Flutter
- Comparison of Flutter with Other Mobile Frameworks
- Flutter Toolchain, SDK, and Tools
- Introduction to Flutter Utilities
- Basics of Dart
-
Practice
-
- Installing Flutter (1hr)
- Creating a Flutter Web Hello World Application using Android studio (1 hr)
Module-2: Exploring Dart Language
Contents
-
-
- Internals of Dart
- Variables and Types
- Functions and Methods in Dart
- Classes in Dart
- Utilize Variables, Functions, and Methods in Dart
- Libraries in Dart
- Command Line and Utilities
-
Practice
-
- Debugging Dart Applications (3hrs)
- Libraries in Dart Using Android IDE (3hrs)
Module-3: Working with Flutter UI Design
Contents
-
-
- App Development Process
- Flutter Widgets
- Interaction and Forms in Flutter
- Navigation in Flutter
- Routing in Flutter
- Implementing Styles in Flutter
-
Practice
-
- Create a basic calculator app (3hrs)
- Create a quiz app with proper navigation (3hrs)
- Create a Mortgage App (3hrs)
Module-4: Advanced Flutter Features
Contents
-
-
- Using Plugins and APIs
- Using Plugins in Flutter
- Introduction to Native Mobile Features
- Managing State in Flutter
- Calling APIs with Flutter
- Using Flutter with Firebase
- Persistence with Flutter
-
Practice
-
- Explore Plugins in Flutter (3hrs)
- Calling an API Back-End in Flutter (3hrs)
- Demonstrating persistence and use of local storage (3hrs)
Module-5: Preparing App for Publishing
Contents
-
- Preparing a Flutter App for Publishing
- App Store and Play Store Fundamentals
- Releasing an App on iOS
- Releasing an App on Android
- Leveraging Google Analytics
Module-6: Project
- Capstone Project – Design and Develop a Complete Mobile Application.
Reference Courses & Additional Learning:
- Developing Mobile Apps with Flutter | Coursera
- Flutter & Dart - The Complete Guide [2025 Edition] | Udemy
Reference Books:
- [1] T. Bailey, Flutter for Beginners, 2nd ed. Birmingham, UK: Packt Publishing, 2021
- [2] M. L. Napoli, Beginning Flutter: A Hands-On Guide to App Development. Hoboken, NJ, USA: Wiley, 2020
Session Plan (Each session 3hrs)
- Session 1: Introduction – Installation of Flutter – Creating a basic project
- Session 2: Dart Programming – creating and running a program, datatypes, functions
- Session 3: OOPs in Dart
- Session 4: Using various libraries in dart
- Session 5: Introduction to UI Design with flutter (UI widgets and layouts introduced)
- Session 6: Create a basic calculator app (will be done in class. No video)
- Session 7: Create a quiz app with proper navigation (To be done by students. No Video)
- Session 8: Create a Mortgage App (To be done by students. No Video)
- Session 9: Introduction to the use of API’s in flutter
- Session 10: Explore Plugins in Flutter
- Session 11: Calling an API Back-End in Flutter
- Session 12: Demonstrating persistence and use of local storage
- Session 13: Preparing an app for deployment on store