Advanced Flutter: MVVM with Provider, Riverpod | BLoC

Focused View

Hadi Kachmar

11:34:12

0 View

1 - Introduction

1 -Introduction.mp4

02:30

2 -Course for the best price.mp4

01:19

3 -GitHub & Discord & Youtube & FB.mp4

03:44

4 -What will you learn in this course.mp4

04:26

5 -Get the most of this course and how to use the attached resources.mp4

04:29

6 -App Demo + More About this course.mp4

06:42

7 -Course and Udemy important hints.mp4

07:32

8 -Source code on Github + Attached lectures.mp4

03:22

2 - MVVM in Depth

1 -Flutter MVVM.pdf

1 -What is MVVM A very detailed explanation.mp4

07:38

2 -Create a brand new Flutter project.mp4

02:34

3 -Create the Project Structure Using the MVVM Architecture.mp4

06:46

3 - UI Implementation

1 -1.zip

1 -Add the required packages throughout the course.mp4

05:34

2 -Create The App Theme.mp4

06:07

3 -2.zip

3 -Start Creating the movies screen and the cached network image.mp4

12:51

4 -3.zip

4 -Start implementing the movies widget.mp4

08:36

5 -Implement the favorite btn widget.mp4

02:35

6 -4.zip

6 -Create the geners list dynamic widget.mp4

10:38

7 -5.zip

7 -Implement the favorites screen.mp4

02:50

8 -6.zip

8 -Implement the Movie Details Screen.mp4

06:39

9 -7.zip

9 -Implement the Error Widget and the Splash Screen.mp4

07:02

4 - MVVM Navigation

1 -8.zip

1 -Get Started With the Navigation In Flutter Using Clean Way.mp4

11:40

2 -9.zip

2 -Finish Navigation Using Clean Way.mp4

04:48

3 -Display dialog using the clean way.mp4

04:14

4 -10.zip

4 -Show a snackbar using the clean way.mp4

03:48

5 - API Overview and Integration

1 -Create an account on Movies DB and request an API Key.mp4

04:53

2 -API Documentation Overview.mp4

08:06

3 -11.zip

3 -Create the Movie Model.mp4

03:32

4 -Explain why we need to use the genre api and do the mapping.mp4

02:15

5 -Create the API Constants Class.mp4

05:32

6 -12 Create a secured envirement for the API KEYs.zip

6 -Create a secured envirement for the API KEYs.mp4

07:08

7 -13.zip

7 -Start integrating the API in our code and send requests.mp4

12:48

8 -14.zip

8 -Override the toString Function in the MoviesModel.mp4

02:37

9 -15.zip

9 -Implement the Movie Genres Model and the API Calls.mp4

07:57

10 -16.zip

10 -Create the Repository class.mp4

05:30

6 - setState State Management

1 -Advanced Local State Management vs Global State Management.mp4

05:08

1 -State Managements - Local State Management vs Global State Management.pdf

2 -17.zip

2 -Fetch the movies with pagination using the setState state management.mp4

17:34

3 -18.zip

3 -Display the correct movie details on the screen.mp4

06:12

4 -Add animation for the image.mp4

01:18

5 -19.zip

5 -Fetch the genres in the splash screen.mp4

05:51

6 -20.zip

6 -Display the correct genres on the screen and do the mapping.mp4

13:51

7 -Test the retry button in the Error handling.mp4

00:32

8 -21.zip

8 -Implement the favorite btn with the setState management and display why it is.mp4

07:04

9 -Fix the average number formatting.mp4

01:23

7 - Code Starter For Different State Managements

1 -22.zip

1 -Code Starter For Different State Managements.mp4

09:39

8 - Provider State Management With MVVM

1 -Explain the Provider State Management in theory.mp4

04:08

1 -Provider state management diagram.pdf

2 -23.zip

2 -Start implementing the Theme State management with provider.mp4

18:47

3 -24.zip

3 -More about the Consumer Widget in Provider.mp4

07:34

4 -25.zip

4 -Load the last saved theme.mp4

04:26

5 -26.zip

5 -Implement the Movies Provider.mp4

11:00

6 -27.zip

6 -Implement the splash screen using the provider state management.mp4

10:01

7 -Recap how our App code is connected together using MVVM.mp4

02:55

8 -28.zip

8 -Test the error handling in the Splash Screen.mp4

08:11

9 -29.zip

9 -Implement the pagination using the provider state management.mp4

06:31

10 -30.zip

10 -Display the movies information on the screen using a new way from the Provider.mp4

07:16

11 -Display the correct genres on the screen.mp4

01:41

12 -32.zip

12 -Implement the Favorites Provider.mp4

10:20

13 -33.zip

13 -Allow the user to add and remove from his favorites.mp4

03:27

14 -Load the favorite movies.mp4

01:48

15 -34.zip

15 -Display the favorites in the Favorites Screen.mp4

04:13

9 - Riverpod State Management with MVVM

1 -Get Started with the Riverpod state management.mp4

05:00

2 -Create the theme provider.mp4

13:20

3 -Finalize the theme provider using Riverpod.mp4

14:41

4 -36.zip

4 -Recap on how we implemented the theme provider using the riverpod and how thi.mp4

05:57

5 -37.zip

5 -Introduce the Consumer widget in Riverpod.mp4

03:16

6 -Start Implementing the movies state.mp4

04:09

7 -38.zip

7 -Create the copyWith Function to be able to update the movies state.mp4

04:46

8 -39.zip

8 -Create the movies provider.mp4

09:22

9 -40.zip

9 -Implement the Splash Screen using Future Builder.mp4

07:22

10 -41.zip

10 -Implement the Splash Screen using async notifier.mp4

10:29

11 -Test the error handling in the Splash Screen - Riverpod.mp4

00:57

12 -Fix the setState() or markNeedsBuild() called during build.mp4

01:37

13 -42.zip

13 -autoDispose & ref.keepAlive().mp4

02:02

14 -43.zip

14 -Fetch movies and implement the pagination in the Movies Screen.mp4

04:07

15 -44.zip

15 -Display the correct movie data on the screen using the Riverpod.mp4

09:56

16 -45.zip

16 -Fix the duplicated movies bug.mp4

04:43

17 -46.zip

17 -Implement the favorites state and provider.mp4

05:18

18 -47.zip

18 -Allow the user to add and remove from his favorites.mp4

11:43

19 -Load the favorites on the App start.mp4

04:24

20 -48.zip

20 -Display the correct favs on the screen.mp4

05:57

21 -49.zip

21 -Explain Stream Provider.mp4

09:26

22 -50.zip

22 -Explain the logging observer using the Riverpod.mp4

05:17

23 -51.zip

23 -Explain the ConsumerStfulWidget - dont skip.mp4

05:51

24 -52.zip

24 -Display the correct movie genres on the screen.mp4

03:54

10 - BLoC State Management

1 -BLoC Intro - Theory.mp4

05:39

1 -Bloc-Diagram.pdf

2 -Add the required packages to use the BLoC in our App.mp4

03:01

3 -Explain the purpose of the Equatable package.mp4

06:41

4 -Start creating the Theme Bloc, Create the events and the states.mp4

09:48

5 -54.zip

5 -Finalize implementing the Theme Bloc.mp4

10:32

6 -55.zip

6 -Load the last saved theme.mp4

08:33

7 -Allow the user to toggle the theme using BLoC.mp4

02:37

8 -56.zip

8 -Use getIt with the BLoC.mp4

02:15

9 -Create the Movies State and Events.mp4

07:54

10 -57.zip

10 -Create the movies bloc functions.mp4

14:09

11 -Start implementing the splash screen using our Movies BLoC.mp4

06:40

12 -58.zip

12 -Introduce the Bloc Listener and finalize the splash screen code.mp4

03:53

13 -Test the Error Handling - In the Splash Screen - BLoC.mp4

01:49

14 -59.zip

14 -Implement the movies pagination using the BLoC.mp4

08:27

15 -60.zip

15 -Display the correct movies data on the screen.mp4

03:12

16 -61.zip

16 -Display the correct genres on the screen.mp4

09:55

17 -62.zip

17 -Create the Favorites State and Events for our Favorites BLoC.mp4

07:53

18 -Implement the Favorites BLoC Functions.mp4

16:48

18 -Implement the Favorites BLoC Functions.zip

19 -63.zip

19 -Allow the User to add to his favorites.mp4

10:37

20 -64.zip

20 -Introduce the MultiBlocListener Widget and Load the favorites in the Splash.mp4

07:52

21 -65.zip

21 -Fix the add or remove from favorites bug.mp4

05:14

22 -66.zip

22 -Display the favorite movies on the screen.mp4

07:32

23 -67.zip

23 -Introduce the BlocConsumer widget.mp4

05:25

11 - Conclusion

1 -Conclusion - Course Recap.mp4

04:40

Description

In-Depth Guide to Clearn Architecture With MVVM in Flutter: Mastering State Management with Provider, Riverpod + BLoC

What You'll Learn?

Master the MVVM Architecture in Flutter
Implement Different State Management Solutions
setState, Provider, Riverpod, BLoC State managements
Rest API integration & CRUD operations
Teaching how to write Clean-code and avoid Boilerplate code
Prepare for Real-World Flutter Projects

Who is this for?

Flutter Enthusiasts Seeking Advanced Skills

Developers who wants to take their skills to another level

Developers targeting to master different state managements approaches in Flutter

Developers who wants to master MVVM Architecture with Flutter

What You Need to Know?

Basic knowledge in Flutter

More details

Description
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
Who this course is for:
Flutter Enthusiasts Seeking Advanced Skills
Developers who wants to take their skills to another level
Developers targeting to master different state managements approaches in Flutter
Developers who wants to master MVVM Architecture with Flutter

User Reviews

Rating

average 0

Total votes0

Focused display

Google Flutter

Hadi Kachmar

Instructor's Courses

My name is Hadi, a Master's degree graduate in computer and communication engineering. I worked as a native mobile developer, then I learned Flutter years ago. I am willing to share my knowledge and experience with you.Currently, I am working as an online instructor while focusing on Dart and Flutter to share more and more information with my students.I am pursuing my knowledge with another master's degree in data science and artificial intelligence to expand my expertise in these domains

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.