Module 1

Intro and Project Overview

01 - What you will learn in this course
01 - What you will learn in this course

3:14
02 - Section Overview
02 - Section Overview

1:15
03 - VSCode Shortcuts, Extensions & Settings for Flutter development
03 - VSCode Shortcuts, Extensions & Settings for Flutter development

1:44
04 - Course Q/A + Join Code With Andrea on Discord

0:48
05 - Course Project on GitHub

2:01
06 - Starter project overview: pubspec.yaml file

5:26
07 - eCommerce app overview

3:38
08 - Starter project overview - project structure
08 - Starter project overview - project structure

6:25
09 - Exploring the codebase with the Widget Inspector in the DevTools

3:38
10 - UI Design Principles: Composition & Small Widget Classes

5:02
11 - Useful Widgets for Responsive Design
11 - Useful Widgets for Responsive Design

8:24
12 - Localization

3:45
13 - Request for Feedback (optional)

Module 2

Navigation with GoRouter

01 - Navigation with GoRouter: Section Intro
01 - Navigation with GoRouter: Section Intro

2:51
02 - Limitations of Navigator 1.0

6:54
03 - GoRouter installation & initial setup with MaterialApp.router

6:27
04 - Routes, sub-routes and navigation

7:43
05 - GoRouterHelper extension and pageBuilder

3:54
06 - Adding some additional routes

3:54
07 - Routing by path vs routing by name

4:35
08 - Routing with parameters

6:30
09 - GoRouter error handling

3:45
10 - Navigating with go vs push

3:40
11 - Adding the remaining routes

6:13
12 - How to pop a route with GoRouter

4:22
13 - Nested Navigation

1:40
14 - Bug fix & wrap up

3:37
15 - Request for Feedback (optional)

Module 3

Flutter App Architecture

01 - Section Intro
01 - Section Intro

1:56
02 - Popular App Architectures: MVC, MVP, MVVM, Clean Architecture, Bloc

4:15
03 - Riverpod App Architecture with the Controller-Service-Repository Pattern

6:17
04 - Project Structure: Feature-first vs Layer-first

6:23
05 - The Repository Pattern and the Data Layer

4:23
06 - Implementing the 'fake' products repository as a singleton

5:34
07 - Working with Future and Stream-based APIs

6:45
08 - Wrap Up

2:27
09 - Request for Feedback (optional)

Module 4

Flutter Riverpod - Part 1 (Product Listings)

01 - Section Intro
01 - Section Intro

3:49
02 - Introduction to Riverpod

4:50
03 - Riverpod installation and setup

3:35
04 - Creating our first provider

4:25
05 - Reading providers with ConsumerWidget and Consumer

7:11
06 - Working with FutureProvider, StreamProvider, and AsyncValue

6:34
07 - Testing AsyncValue by adding a delay

3:24
08 - The family modifier

5:41
09 - The autoDispose modifier + advanced data caching options

9:33
10 - Creating a reusable AsyncValueWidget helper

8:17
11 - Wrap Up + Exercise

2:43
12 - Request for Feedback (optional)

Module 5

Flutter Riverpod - Part 2 (Authentication Flows)

01 - Section intro
01 - Section intro

2:25
02 - Implementing a fake authentication repository

4:36
03 - Creating repositories using abstract classes (optional)

3:58
04 - Intro: a reactive in-memory store with RxDart

3:13
05 - Implementing the InMemoryStore with RxDart

5:02
06 - Using the InMemoryStore in the FakeAuthRepository

4:53
07 - Accessing the FakeAuthRepository with ref.read() in the AccountScreen

3:54
08 - Creating our first controller using StateNotifier

7:46
09 - Using the StateNotifier inside the AccountScreen widget

3:47
10 - Listening to provider state changes with ref.listen()

6:47
11 - Bug-fix for Navigator.pop

2:36
12 - The AsyncValue.guard method

2:09
13 - Adding an AsyncValue extension method

3:28
14 - Using the authStateChangesProvider in HomeAppBar

5:29
15 - Intro to the email & password sign-in screen

4:52
16 - How to generate immutable state classes in Dart

3:06
17 - Using AsyncValue inside EmailPasswordSignInState

2:20
18 - Implementing the EmailPasswordSignInController

6:31
19 - Using the EmailPasswordSignInController in the widget class

7:26
20 - Bug fix + filtering state updates with select()

5:48
21 - GoRouter redirects

5:58
22 - GoRouter: the refreshListenable argument

5:12
23 - Wrap Up

2:00
24 - Request for Feedback (optional)

Module 6

Automated Testing - Part 1

01 - Section intro
01 - Section intro

1:59
02 - Introduction to Automated Testing and the Testing Pyramid

4:43
03 - Getting started with automated testing

2:28
04 - Writing the first unit test + adding toString() and equality implementations

4:09
05 - Test matchers and working with methods that throw exceptions

6:18
06 - Fixing the getProduct() method and updating the unit tests

3:39
07 - Working with groups and testing Futures and Streams

4:57
08 - Adding an optional delay to the FakeProductsRepository

4:14
09 - How to generate a Flutter test coverage report in VSCode

3:41
10 - Testing the FakeAuthRepository (part 1)

6:26
11 - Testing the FakeAuthRepository (part 2) + advanced stream matchers

7:00
12 - Mocks vs Fakes + installing the mocktail package

2:45
13 - Testing the AccountScreenController (part 1) + AsyncValue subclasses

4:41
14 - Testing the AccountScreenController (part 2) + working with mocks

7:35
15 - Testing the AccountScreenController (part 3) + type matchers

3:12
16 - Testing with Stream Matchers and Predicates

5:58
17 - Testing lifecycle methods (setUp, tearDown, setUpAll, tearDownAll)

4:48
18 - Testing the EmailPasswordSignInController with acceptance criteria

7:07
19 - Testing the EmailPasswordSignInController (part 2)

6:23
20 - Tip: setting custom test timeouts per-file

2:07
21 - Adding a test workflow to automate testing with GitHub Actions

3:26
22 - Wrap up

1:18
23 - Request for Feedback (optional)

Module 7

Automated Testing - Part 2

01 - Section intro
01 - Section intro

2:42
02 - Introduction to widget tests + starter project

2:27
03 - Writing our first widget test using pumpWidget()

4:09
04 - Working with WidgetTester and finder

4:38
05 - Robot testing

4:54
06 - How to find widgets by key

3:43
07 - Writing widget tests with mocks and provider overrides

7:54
08 - Writing widget tests with Future.delayed() and runAsync()

4:51
09 - Adding the email & password widget tests

6:08
10 - Adding the email & password widget tests (part 2)

4:55
11 - Test setup for the authentication flow + using pumpAndSettle()

7:02
12 - Fixing the RenderFlex overflow error

2:10
13 - Completing the authentication flow test

8:42
14 - Integration tests

5:30
15 - Golden image tests

7:14
16 - Running golden image tests with size variants

5:43
17 - How to deal with golden image tests failing on CI

1:42
18 - Wrap Up

2:49
19 - Request for Feedback (optional)

Module 8

Feature: Shopping Cart

01 - Section Intro
01 - Section Intro

2:29
02 - Overview of the shopping cart feature + technical requirements

6:29
03 - App Architecture for the shopping cart feature

2:54
04 - Starter project + overview of the data and domain layers

8:47
05 - Local data persistence with Sembast: Initial setup

7:21
06 - How to persist the shopping cart data with the SembastCartRepository

5:26
07 - Implementing the CartService class

7:23
08 - Updating the CartService class to read dependencies using Ref

3:32
09 - Writing unit tests using ProviderContainer

4:31
10 - Writing the unit tests for the CartService class

7:41
11 - Implementing the AddToCartController

9:07
12 - Updating the AddToCartWidget

7:42
13 - Bug Fix: Adding autoDispose to the AddToCartController

2:31
14 - Showing the cart items in the ShoppingCartScreen

5:59
15 - Implementing the ShoppingCartItemController

5:18
16 - Updating the EditOrRemoveItemWidget and ShoppingCartScreen widgets

4:38
17 - Calculating and showing the cart items count

4:06
18 - Calculating and showing the cart total price

5:18
19 - Limiting the available quantity when adding items to the shopping cart

4:38
20 - Implementing the CartSyncService with a listener

5:36
21 - Registering the CartSyncService with ProviderContainer when the app starts

3:06
22 - Implementing the logic inside the CartSyncService

4:35
23 - Implementing the logic inside the CartSyncService (part 2 - optional)

5:22
24 - Unit tests for the CartSyncService

11:12
25 - Unit-testing providers with dependencies using ProviderContainer

4:04
26 - Updated widget and integration tests

3:41
27 - Wrap up + exercise (implement a wish list feature)

1:42
28 - Request for Feedback (optional)

Module 9

Feature: Checkout Flows

01 - Section Intro
01 - Section Intro

2:03
02 - Starter project for the checkout flows

3:23
03 - Updating the CheckoutScreen with the PageController initialization logic

6:30
04 - Do we need a StateNotifier for the CheckoutScreen?

2:16
05 - Updating the PaymentPage

1:57
06 - Implementing the PaymentButtonController

7:06
07 - Wrap Up

1:11
08 - Request for Feedback (optional)

Module 10

Error Handling

01 - Section Intro
01 - Section Intro

3:09
02 - Errors vs exceptions

1:51
03 - Starter project overview + defining custom exceptions with enums

5:14
04 - Using sealed classes to define exception types

2:59
05 - Using the AppException sealed class in the FakeAuthRepository

4:12
06 - Adding an AsyncErrorLogger using ProviderObserver

7:30
07 - Creating a reusable ErrorLogger to catch all exceptions

6:22
08 - Completing the error handling system

8:49
09 - Working with the Result type (Success and Error)

8:15
10 - Drawbacks of the Result type (and when not to use it)

2:15
11 - Wrap Up

1:20
12 - Request for Feedback (optional)

Module 11

Feature: Product Reviews

01 - Section Intro
01 - Section Intro

2:17
02 - Starter project overview

7:25
03 - Overview of the LeaveReviewScreen

3:00
04 - Implemeting a LeaveReviewController and submitting form data

3:09
05 - Testing the LeaveReviewForm and preventing an AssertionError

5:21
06 - Dismissing the LeaveReviewScreen programmatically on success using a callback

3:06
07 - How to prefill a form with data from a repository/backend

6:17
08 - Optimization: only submit the form if the data has changed

3:08
09 - Showing existing reviews in the ProductReviewsList

4:38
10 - Showing the LeaveReviewAction only if the user has purchased the product

5:17
11 - Calculating the average product ratings

4:24
12 - Updated tests & wrap up

3:32
13 - Request for Feedback (optional)

Module 12

Feature: Product Search

01 - Section Intro
01 - Section Intro

2:15
02 - Client-side vs server-side search

2:23
03 - Adding a search method to the FakeProductsRepository

3:26
04 - Implementing client-side search with StateProvider and FutureProvider

7:18
05 - Riverpod caching with autoDispose, keepAlive() and Timer

4:19
06 - Debouncing and cancelling network requests

3:40
07 - Request for Feedback (optional)

Module 13

New Riverpod 2.x APIs & Riverpod Generator

01 - Introduction to Riverpod 2.x
01 - Introduction to Riverpod 2.x

2:10
02 - Starter project and updated code walkthrough

2:12
03 - Installing the Riverpod Generator package

2:40
04 - Generating providers with the @riverpod syntax

5:07
05 - Migrating some more providers to Riverpod Generator + the keepAlive syntax

7:44
06 - Migrating the AccountScreenController from StateNotifier to AsyncNotifier

7:52
07 - Converting the AccountScreenController to use Riverpod Generator

4:16
08 - How to check if an AsyncNotifier is mounted

5:57
09 - How to write unit tests for AsyncNotifier subclasses

6:50
10 - Wrap Up

1:05
11 - Conclusion & Next Steps

1:30

0% completed

Previous Lesson Next Lesson

Section Intro

In order to implement a complete checkout flow, we need to integrate our Flutter client with a remote backend (such as Firebase) and use Stripe to collect payments securely:

Communication between client and server during the Stripe payment process

But this is the goal of the second course about Flutter & Firebase.

For now, we’ll focus only on the client-side flows and use a FakeCheckoutService to simulate the backend/payment logic:

Simulated payment process with a FakeCheckoutService

Questions? Let's chat