Week 1: Introduction to Flutter & Dart

Day 1: Getting Started

- Overview of Mobile App Development
- Introduction to Flutter & Dart
- Installing Flutter (Windows, macOS, Linux)
- Setting up IDE (VSCode, Android Studio)

Day 2: First Flutter App

- Understanding Flutter project structure
- Running the default Flutter app
- Hot Reload and Hot Restart

Day 3: Basics of Dart Programming

- Variables and Data Types
- Functions and Control Flow (if/else, loops)

Day 4: Object-Oriented Programming in Dart

- Classes, Constructors, Inheritance
- Hands-on: Building simple Dart programs

Week 2: Flutter Widgets & UI

Day 1: Widgets 101
- Introduction to Flutter Widgets
- Stateless vs Stateful Widgets
- Common Widgets: Text, Container, Row, Column

Day 2: Layout Basics

- Padding, Alignment, Flexbox
- Layout creation using Rows and Columns
- Building flexible UIs with Expanded and Flex

Day 3: Complex Widgets

- ListView and GridView
- Images and Icons in Flutter
- Hands-on: Creating a basic static UI with these widgets

Day 4: Hands-on Project

- Build a static UI for a simple mobile app (e.g., profile page or settings page)

Week 3: Building Interactive UI

Day 1: User Input and Forms
- TextFields and Buttons
- Handling form inputs and validation

Day 2: Navigation and Routing

- Navigating between screens (push/pop, Navigator)
- Passing data between screens using arguments

Day 3: State Management Basics

- Introduction to State and setState
- Handling user interactions: Clicks, Gestures, and Taps

Day 4: Hands-on Project

- Create a multi-screen app that captures user input and navigates between pages

Week 4: Working with Lists and Data

Day 1: Lists and Grids
- Displaying dynamic lists using ListView.builder
- Creating scrollable and interactive lists

Day 2: Handling User Actions on Lists

- Using GestureDetectors for interactivity
- Handling swipe actions and clicks

Day 3: Dynamic Data and UI Updates

- Updating the UI in response to data changes
- Using setState for dynamic updates

Day 4: Hands-on Project

- Create a dynamic list app (e.g., task manager) that updates based on user input

Week 5: Building Multi-Page Apps with Widgets

Day 1: Advanced Widgets
- Using advanced widgets like Stack, Positioned, and Hero
- Building layered UIs with Stack and Positioned

Day 2: Custom Widgets and Reusability

- Creating custom widgets for reusability
- Passing data to custom widgets through constructors

Day 3: Navigating with Bottom Navigation and TabBar

- Implementing bottom navigation bars
- Creating a TabBar with multiple tabs
- Navigating between multiple pages using tabs

Day 4: Hands-on Project

- Build a multi-page app (e.g., e-commerce app, recipe app) using a combination of Stack, Tabs,
and advanced widgets

Week 6: State Management and Local Storage

Day 1: Introduction to State Management
- Understanding state in Flutter
- Introduction to setState for managing simple state
- When to use Stateful vs Stateless widgets

Day 2: State Management with Provider

- Introduction to the Provider package for global state management
- Using ChangeNotifier and Consumer
- Managing app-wide state efficiently
Day 3: Local Storage Basics
- Saving and retrieving data locally using SharedPreferences
- Persisting simple data like user preferences
- Introduction to SQLite for structured local storage

Day 4: Hands-on Project

- Build a small app (e.g., to-do app) that uses Provider for state management and
SharedPreferences for saving user data persistently

Week 7: Building a To-Do App with Hive and Bloc

Day 1: Introduction to Hive Database
- Overview of Hive as a lightweight and fast NoSQL database for Flutter
- Setting up Hive in a Flutter project
- Storing and retrieving data using Hive
- Managing tasks with Hive boxes

Day 2: Introduction to Bloc for State Management

- Understanding the Bloc (Business Logic Component) pattern
- Setting up Bloc in Flutter
- Managing state transitions using Bloc and Cubit
- Connecting UI with Bloc for better state management

Day 3: Integrating Hive with Bloc

- Combining Hive for data storage and Bloc for state management
- Persisting and updating to-do items using Hive and Bloc
- Implementing CRUD (Create, Read, Update, Delete) operations with Hive and Bloc

Day 4: Hands-on Project

- Build a complete to-do app using Hive for data persistence and Bloc for state management
- Implement task addition, deletion, and modification with proper state management

Week 8: Networking and API Integration

Day 1: Introduction to REST APIs and Networking in Flutter
- What is a REST API and how it works
- Using the http package in Flutter for making HTTP requests
- Fetching data from APIs using GET requests
- Parsing and handling JSON data in Flutter

Day 2: Sending Data to APIs (POST, PUT, DELETE)

- Sending data to APIs using POST requests
- Updating data using PUT requests
- Deleting data using DELETE requests
- Handling errors and retries in network requests

Day 3: Handling Asynchronous Data with Future and Stream

- Introduction to asynchronous programming in Flutter
- Using Future, async, and await for API calls
- Working with Streams for handling real-time data
- Error handling in asynchronous operations

Day 4: Hands-on Project

- Build an app that fetches data from a public API (e.g., weather app, news app)
- Allow users to submit data (e.g., search queries, form submissions) and update UI accordingly
- Implement error handling and loading indicators for a smooth user experience

Week 9: Building a News App

Day 1: Setting Up the News App and Fetching Data
- Introduction to a news API (e.g., NewsAPI, NY Times API)
- Setting up API access (API keys, endpoints)
- Structuring the Flutter project for the news app
- Fetching top headlines or articles from the API using GET requests

Day 2: Displaying News Articles

- Parsing and displaying news articles in a ListView
- Creating UI components to display article titles, descriptions, and images
- Implementing lazy loading for images and articles
Day 3: News Article Details Page and Navigation
- Navigating from the article list to a detailed news article page
- Passing article data between screens
- Displaying full article details including the author, published date, and content
- Adding the option to open the full article in an in-app browser (WebView)

Day 4: Hands-on Project

- Finalizing the news app by implementing search functionality to look up articles by keyword
- Adding pagination or infinite scroll for continuous loading of articles
- Handling API errors and loading states
- Wrap-up: Testing, debugging, and optimizing the app with Version Control (GitHub/Git)

Week 10: Revision & Capstone Preparation

Day 1: Full Revision of Flutter Concepts
- Review key topics:
- Flutter and Dart basics
- Widgets and UI layouts
- State management techniques (setState, Provider, Bloc)
- Networking and API integration
- Local storage with Hive
- Recap with Q&A and quick hands-on exercises
- Discuss any unclear concepts

Days 2-4: Capstone Project Planning

- Introduce the Movie App as the capstone project
- Outline the project scope and goals
- Brainstorm and research Movie App UI/UX design
- Review relevant documentation and best practices for app development
- Divide roles (frontend, backend, API integration, UI/UX design)
- Set up collaborative tools (GitHub, Trello, Figma, etc.)

Weeks 11-12: Team Project - Building a Movie App

Week 11: Team Collaboration and Development
Day 1: Set up project repositories and development environment
Day 2: Team divides roles and starts working on individual components (UI, API integration, state
management)
Day 3: Regular check-ins and debugging sessions as a team
Day 4: Merge components and start testing the core features

Week 12: Final Touches and Deployment

Day 1: Finalize the app, conduct extensive testing (unit tests, UI tests)
Day 2: Prepare for deployment (app store guidelines, submission processes)
Day 3: Create project presentation materials (slides, demo video)
Day 4: Present the final Movie App to the class and receive feedback