Flutter Course

Lesson 1 • Object-Oriented Dart

Explore classes, inheritance, mixins, and interfaces in Dart. Prepares students to understand Flutter's widget class hierarchy.

Lesson 2 • Setting Up the Flutter Environment

Install Flutter SDK, configure an IDE, and connect a device or emulator. Establishes the toolchain every subsequent chapter depends on.

Lesson 3 • Flutter Project Structure Overview

Examine the anatomy of a Flutter project: folders, pubspec.yaml, and entry point. Connects Dart knowledge to real project organization.

Lesson 1 • Core Material and Cupertino Widgets

Survey essential built-in widgets: Text, Image, Icon, Button variants, and AppBar. Provides a practical toolkit for building real screens.

Lesson 2 • Stateful Widgets and setState

Introduce mutable state with StatefulWidget and the setState mechanism. Enables dynamic, interactive UI components.

Lesson 3 • Forms and Input Widgets

Implement text fields, checkboxes, radio buttons, and form validation. Connects user input handling to stateful widget concepts.

Lesson 4 • Stateless Widgets in Depth

Build and compose StatelessWidget subclasses for static UI. Covers the build method, const constructors, and widget reuse patterns.

Lesson 1 • Responsive and Adaptive Layouts

Apply MediaQuery, LayoutBuilder, and breakpoints to adapt UI to screen size. Ensures consistent UX across device categories.

Lesson 2 • Stack, Positioned, and Overlay Layouts

Layer widgets with Stack and Positioned for overlapping UI elements. Enables badges, floating labels, and custom overlay designs.

Lesson 3 • Row, Column, and Flex Layouts

Use Row, Column, and Flex with alignment, spacing, and Expanded or Flexible children. Forms the backbone of most Flutter screen layouts.

Lesson 4 • Scrollable Widgets and Lists

Build scrollable content with ListView, GridView, and CustomScrollView. Covers lazy loading patterns for performance with large datasets.

Lesson 1 • Navigator 2.0 and Declarative Routing

Adopt the Router API and Pages list for URL-driven navigation. Enables browser-compatible and deep-linkable Flutter apps.

Lesson 2 • Using GoRouter for Navigation

Configure GoRouter for declarative, URL-based routing with guards and redirects. Simplifies Navigator 2.0 complexity in production apps.

Lesson 3 • Bottom Navigation and Tab Bars

Combine BottomNavigationBar, TabBar, and TabBarView for multi-section apps. Integrates navigation patterns with stateful widget management.

Lesson 1 • InheritedWidget and Provider

Share state down the widget tree with InheritedWidget, then simplify with Provider. Builds intuition for dependency injection in Flutter.

Lesson 2 • BLoC Pattern with flutter_bloc

Separate UI from business logic using events, states, and BLoC classes. Enforces unidirectional data flow for large, team-based projects.

Lesson 3 • Local State with ValueNotifier and Hooks

Manage widget-local state efficiently with ValueNotifier and flutter_hooks. Reduces boilerplate for simple reactive state without full solutions.

Lesson 4 • State Management Decision Framework

Compare solutions by complexity, testability, and team size. Equips students to justify architectural choices in real projects.

Lesson 1 • JSON Parsing and Data Models

Deserialize JSON into Dart model classes manually and with code generation. Ensures type-safe data handling throughout the app.

Lesson 2 • Repository Pattern and Data Layer

Abstract data sources behind repository interfaces for testability and flexibility. Connects networking and persistence into a clean architecture layer.

Lesson 3 • HTTP Requests with Dio and http

Perform GET, POST, PUT, and DELETE requests using the http and Dio packages. Covers interceptors, headers, and error response handling.

Lesson 4 • Async Dart: Futures and Streams

Master async/await, Future chaining, and Stream subscriptions in Dart. Provides the async foundation for all networking and persistence work.

Lesson 1 • Hero and Page Transition Animations

Implement shared-element Hero transitions and custom page route animations. Creates visual continuity between screens during navigation.

Lesson 2 • Explicit Animations with AnimationController

Control animations precisely with AnimationController, Tween, and AnimatedBuilder. Enables looping, reversing, and sequenced animations.

Lesson 3 • Implicit Animations

Use AnimatedContainer, AnimatedOpacity, and TweenAnimationBuilder for simple transitions. Achieves polished UI changes with minimal code.

Lesson 4 • Custom Painting with Canvas

Draw shapes, paths, and gradients using CustomPainter and Canvas APIs. Unlocks fully custom UI elements beyond standard widget capabilities.

Lesson 1 • Integration and End-to-End Testing

Run full app flows on real devices or emulators using the integration_test package. Validates complete user journeys before release.

Lesson 2 • CI/CD Pipelines and Store Deployment

Automate builds, tests, and releases using CI tools and Fastlane. Reduces manual release effort and enforces quality gates on every commit.

Lesson 3 • Unit Testing in Flutter

Test Dart logic and state management classes in isolation using the test package. Validates business logic independently of the UI layer.

Lesson 4 • Widget Testing

Render widgets in a test environment and simulate user interactions with WidgetTester. Catches UI regressions without running on a real device.