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

What you will learn in this course

I created this course because I feel there is a big knowledge gap between knowing how to build UIs in Flutter, and how to build complete applications that solve real problems.

Let’s face it - application development is a complex topic and building UIs with Flutter is only a small part of the equation:

App developent includes things like state management, app architecture, navigation and routing, testing, error handling, networking and so on.

Additionally, real apps often need additional capabilities such as authentication, remote database, cloud functions, 3rd party integrations, and other concerns that belong to the area of backend development.

Course Goals

App development is hard, and because different apps have different requirements, it takes a lot of practice and experience to master this complex topic.

The goal of this course is to prepare you for real-world app development so you can learn how to build complex apps with confidence.

Some of the sections on this course will be very extensive.

In particular, we’ll spend a lot of time on the following topics:

app architecture
state mangement with Riverpod
automated testing

Since building real apps is one of the best ways to learn, another goal for this course is to build the frontend for this eCommerce application:

This app includes many interesting features such as product listings, product details, shopping cart, sign in flows and many more.

I will guide you through my decision-making process so you can also become an effective problem solver that is well equipped with the knowledge you need to build any kind of app in Flutter.

Let’s get started! 🚀

Questions? Let's chat