The Ultimate Hands-On Flutter & MVVM - Build Real Projects
4.6 (46 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
421 students enrolled

The Ultimate Hands-On Flutter & MVVM - Build Real Projects

Learn the Art of Building Modern Flutter Applications
4.6 (46 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
421 students enrolled
Created by Mohammad Azam
Last updated 1/2020
English [Auto-generated]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9 hours on-demand video
  • 28 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Cross platform development Using Google Flutter framework
  • Implementing Flutter apps Using MVVM Design Pattern
  • Networking and Consuming JSON API Using Flutter
  • Building Flutter Maps App Using Google Maps API
  • Retrieving NearBy Places Based on User's Location Using Google Places API
  • Capturing Photos Using Phone Camera and Uploading Pictures to Custom Server
  • Building a HackerNews Clone, displaying Articles and Comments for Users
Course content
Expand all 82 lectures 08:50:37
+ Understanding MVVM Design Pattern
4 lectures 08:07
What are Design Patterns?
What is MVVM?
MVVM Architecture and Web APIs
+ News App - Displaying News
8 lectures 58:10
Registering with NewsAPI
Creating NewsArticle Model
Implementing Webservice to fetchTopHeadlines
Creating NewsArticleList and NewsArticle View Models
Populating Top Headlines, ChangeNotifier in NewsArticleListViewModel
Displaying News in a ListView
Another Method for Getting the Change Notifier Changes
+ News App - Searching and Displaying News Details
6 lectures 53:55
Implementing Webservice fetchByKeyword Method
Adding Search TextBox And TextEditingController
Displaying Search Results on the Page
Displaying Loading and Empty View
Navigating to the News Article Details Screen
Displaying News Details on a Details Screen
+ Place Finder - Configuring and Displaying Google Maps
7 lectures 54:24
Setting Up Google Cloud Platform Account
Displaying Google Maps in Android App
Displaying Google Maps in iOS App
Enable Location Services for Android
Enable Location Services for iOS
Zooming to User's Current Location
+ Place Finder - Finding Nearby Point of Interests
7 lectures 51:05
Enabling Google Places API in Google Cloud Console
Testing the Google Places API
Implementing Webservice to Perform Places Search
Implementing and Mapping JSON to Models
Implementing PlaceListViewModel and PlaceViewModel
Adding TextField and Integrating ChangeNotifierProvider
Adding Place Markers on the Map
+ Place Finder - Displaying List and Performing Navigation
5 lectures 37:55
Toggling State of Show List Button
Implementing PlaceList Widget to List all Places
Displaying Images in PlaceList Widget
Switching Map Types
Launching Navigation from the Place Finder App
+ City Care - Adding Incidents
6 lectures 47:29
A Quick Tour of the Server
Adding IncidentListPage and AddNewIncidentPage
Adding Incident Model, IncidentListViewModel and IncidentViewModel
Implementing Webservice Method to Save Incident
Saving Incidents Using Provider in ReportIncidentViewModel
+ City Care - Displaying Incidents
4 lectures 29:01
Implementing Webservice Method to Get All Incidents
Updating IncidentListViewModel to Fetch All Incidents
Displaying Incidents on the Page
Adding Loading and EmptyView for the Incidents
+ City Care - Uploading and Displaying Photos
7 lectures 01:03:26
Showing Menu to Choose from Photo Library or Camera
Picking an Image from Photo Library Using Image Picker
Downloading and Installing Camera Package
Preview Camera Image on Android Emulator
Capturing Photo from Camera and Displaying on Screen
Uploading Image to the Server
Displaying Image on the Incident List Screen
  • macOS Operating System
  • Should have already installed Flutter on their machine
  • Beginner level knowledge of Flutter and Dart is recommended

Google Flutter framework has taken the world by storm. Flutter allows developers to write a single codebase which targets both the iOS and Android devices. Flutter applications are fast and high performance and allows developers to quickly deploy apps for both platforms at the same time.

In this course, you will learn how to write Flutter apps using MVVM Design Pattern. You will learn how to create several different applications and write modular code, which is easy to understand, maintain and execute.

Check out the course outline below:

Understanding MVVM Design Pattern

In this section, you will learn about the MVVM Design Pattern. This section will lay the foundational concepts which will be carried out throughout the course.

News App

In this section, you will learn how to build a complete News application. This application will integrate with NewsAPI and fetch the latest news to the user. You will learn how to implement the app using MVVM Design Pattern. You will also learn how to use the webview to display the details of the news.

Place Finder

Place Finder app allows users to search for their favorite restaurant near their location. In this section you will learn how to sign up and integrate your Flutter app with Google Maps API. You will list nearby places on the map and also display them in the list. And finally when the user selects, the app will launch either Google or Apple maps app to take the user to their destination.

City Care

In this section you will learn how to integrate camera and photo library in Flutter apps. You will also learn how to upload photos to a custom server and then display the data by fetching it from the server.

Hacker News App

In this section you are going to create Hacker News app using the Hacker News public API. You will learn how to fetch stories and associated comments from hacker news and display them in your app.

Here are some reviews from my students:

It's really nice to find all of these hidden nuggets inside of each section. When you read the section header you think there is not much to the section but the instructor goes out of his way to bring in real life scenarios.

If you want to learn JSON decoding, encoding case by case, this is the course you have to take. I love the course because lecture planing is great.It is starting from beginner level, Mohammad teaches step by step and case by case and explanations are very clear. At the end you feel that you have mastered the whole subject.

Mohammad is a great instructor, I really like his courses.

Finally I understood how encodable and decodable works!

I really hope you enjoy the course and if you have any questions please don’t hesitate to contact me.

Enjoy the course and start building Flutter apps!

Who this course is for:
  • Flutter developers who wants to learn how to implement MVVM Design Pattern
  • Developers who wants to learn how to develop cross platform applications
  • App Developers who wants to go independent and work on both platforms