Advanced Flutter: MVVM with Provider, Riverpod | BLoC
- Description
- Curriculum
- FAQ
- Reviews
Dive into the depths of Flutter’s MVVM architecture with different state managements in this comprehensive course designed for intermediate to advanced and expert developers. Learn how to build a dynamic movie app that interacts with a REST API, manages local favorites, and incorporates genre mapping for enhanced functionality with Dark and Light themes. This course will guide you through the journey of implementing MVVM with different state management strategies—setState, Provider, Riverpod, and BLoC—each covered in dedicated sections to provide you with a robust understanding of each approach.
Prerequisites:
-
Basic knowledge of programming
-
Basic familiarity with Flutter Widgets and Dart
-
Basic understanding of REST APIs is a plus, but we cover this in detail
-
Enthusiasm for learning state management in-depth
-
Macbook or Windows to develop
-
Any preferred IDE (such as Android Studio or IntelliJ IDEA), or a preferred text editor (like VS Code)—just not Microsoft Word!
Recording Equipment:
-
Video Editing Software: Camtasia 2023
-
Microphone: Blue Yeti X
This setup ensures that all course videos are clear and professionally produced.
What You Will Learn:
-
Implementing MVVM architecture in Flutter for scalable app development
-
Connecting to a REST API to fetch and display movie data
-
Local data management for user favorites
-
Advanced state management techniques with setState, Provider, Riverpod, and BLoC
-
Theme management in Flutter apps for dynamic light and dark modes
Course Structure:
-
Duration: Approximately 12 hours of content
-
MVVM Section, UI section, API section, and different sections for the state managements
-
Lecture length: each lecture is around 10 min
What to Expect After This Course:
-
Proficiency in using MVVM architecture for complex Flutter applications
-
Deep understanding of various state management techniques and when to use them
-
Skills to design and manage both themes and local databases in Flutter
-
Enhanced capability to handle real-world Flutter projects that require advanced state management and API integration
Limitations and Notes:
-
The course code works for all platforms supported by Flutter
-
The course project is designed for portrait mode responsiveness.
Resources:
-
Complete source code for the movie app for each state management explained in the course (setState, Provider, Riverpod, BLoC)
-
Step-by-step guides on implementing each feature
-
Access to slides and additional reading materials
-
12
Add the required packages throughout the course -
13
Create The App Theme
-
14
Start Creating the movies screen and the cached network image
-
15
Start implementing the movies widget.mp4
-
16
Implement the favorite btn widget
-
17
Create the geners list dynamic widget
-
18
Implement the favorites screen
-
19
Implement the Movie Details Screen
-
20
Implement the Error Widget and the Splash Screen
-
25
Create an account on Movies DB and request an API Key
-
26
API Documentation Overview
-
27
Create the Movie Model
-
28
Explain why we need to use the genre api and do the mapping
-
29
Create the API Constants Class
-
30
Create a secured envirement for the API KEYs
-
31
Start integrating the API in our code and send requests
-
32
Override the toString Function in the MoviesModel
-
33
Implement the Movie Genres Model and the API Calls
-
34
Create the Repository class
-
35
Advanced Local State Management vs Global State Management
-
36
Fetch the movies with pagination using the setState state management
-
37
Display the correct movie details on the screen
-
38
Add animation for the image
-
39
Fetch the genres in the splash screen
-
40
Display the correct genres on the screen and do the mapping
-
41
Test the retry button in the Error handling
-
42
Implement the favorite btn with the setState management and display why it is
-
43
Fix the average number formatting
-
45
Explain the Provider State Management in theory
-
46
Start implementing the Theme State management with provider
-
47
More about the Consumer Widget in Provider
-
48
Load the last saved theme
-
49
Implement the Movies Provider
-
50
Implement the splash screen using the provider state management
-
51
Recap how our App code is connected together using MVVM
-
52
Test the error handling in the Splash Screen
-
53
Implement the pagination using the provider state management
-
54
Display the movies information on the screen using a new way from the Provider
-
55
Display the correct genres on the screen
-
56
Implement the Favorites Provider
-
57
Allow the user to add and remove from his favorites
-
58
Load the favorite movies
-
59
Display the favorites in the Favorites Screen
-
60
Quiz - Provider State ManagementQuiz Related to the Provider State Management
-
61
Get Started with the Riverpod state management
-
62
Create the theme provider
-
63
Finalize the theme provider using Riverpod
-
64
Recap on how we implemented the theme provider using the riverpod and how thi
-
65
Introduce the Consumer widget in Riverpod
-
66
Start Implementing the movies state
-
67
Create the copyWith Function to be able to update the movies state
-
68
Create the movies provider
-
69
Implement the Splash Screen using Future Builder
-
70
Implement the Splash Screen using async notifier
-
71
Test the error handling in the Splash Screen - Riverpod
-
72
Fix the setState() or markNeedsBuild() called during build.
-
73
autoDispose & ref.keepAlive()
-
74
Fetch movies and implement the pagination in the Movies Screen
-
75
Display the correct movie data on the screen using the Riverpod
-
76
Fix the duplicated movies bug
-
77
Implement the favorites state and provider
-
78
Allow the user to add and remove from his favorites
-
79
Load the favorites on the App start
-
80
Display the correct favs on the screen
-
81
Explain Stream Provider
-
82
Explain the logging observer using the Riverpod
-
83
Explain the ConsumerStfulWidget - dont skip
-
84
Display the correct movie genres on the screen
-
85
Riverpod Quiz
