Advanced Flutter UI and State Management

Overview

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Take your Flutter development skills to the next level with this advanced course on UI design and state management. You'll master the Provider package, refining your ability to manage app state efficiently. Through hands-on projects, you'll integrate Provider into real-world applications, improving performance, scalability, and user experience. The course begins with a deep dive into the Provider package, covering setup, model class implementation, and comparison of Consumer vs. Provider.of. You'll work through hands-on projects like enhancing a Tip Calculator app with Provider-based state management and implementing theme changes dynamically. Next, you'll explore Dart’s object-oriented programming (OOP) concepts, including inheritance and method overriding, to write cleaner, reusable Flutter code. Then, you'll build a fully functional Movie App, learning how to navigate screens, parse JSON data, and manage lists dynamically using ListView and ExpansionTile. This course is perfect for intermediate Flutter developers looking to advance their skills in UI design and state management. A solid understanding of Flutter and Dart fundamentals is required, along with experience in building basic applications.

Syllabus

Flutter State Management - Provider & Improving Previous Apps

In this module, we will explore the Provider package as a state management solution in Flutter. We will set up Provider in various apps, compare different state management approaches, and implement improvements such as theming and better UI responsiveness. Additionally, we will reinforce Dart concepts like inheritance and method overriding to enhance our Flutter development skills.

Flutter Navigation - Parsing JSON Files, Listview Widget - Build a Movie App

In this module, we will build a Movie App while exploring essential Flutter navigation concepts and JSON data parsing. We will work with ListView, ListTile, and CircleAvatar widgets to display dynamic movie content, implement navigation to a details screen, and manage state using a Movie Provider. By the end of this module, you will have a fully functional app with structured code and an improved UI/UX.