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
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?
01:12
What is MVVM?
02:41
Why MVVM?
02:32
MVVM Architecture and Web APIs
01:42
+ News App - Displaying News
8 lectures 58:10
Registering with NewsAPI
02:52
Creating NewsArticle Model
08:29
Implementing Webservice to fetchTopHeadlines
09:16
Creating NewsArticleList and NewsArticle View Models
06:43
Populating Top Headlines, ChangeNotifier in NewsArticleListViewModel
04:36
Displaying News in a ListView
18:53
Another Method for Getting the Change Notifier Changes
05:58
+ News App - Searching and Displaying News Details
6 lectures 53:55
Implementing Webservice fetchByKeyword Method
09:40
Adding Search TextBox And TextEditingController
11:53
Displaying Search Results on the Page
05:40
Displaying Loading and Empty View
09:37
Navigating to the News Article Details Screen
07:27
Displaying News Details on a Details Screen
09:38
+ Place Finder - Configuring and Displaying Google Maps
7 lectures 54:24
Setting Up Google Cloud Platform Account
08:21
Displaying Google Maps in Android App
11:20
Displaying Google Maps in iOS App
07:07
Enable Location Services for Android
12:11
Enable Location Services for iOS
03:37
Zooming to User's Current Location
09:20
+ Place Finder - Finding Nearby Point of Interests
7 lectures 51:05
Enabling Google Places API in Google Cloud Console
03:57
Testing the Google Places API
02:36
Implementing Webservice to Perform Places Search
08:12
Implementing and Mapping JSON to Models
07:53
Implementing PlaceListViewModel and PlaceViewModel
08:06
Adding TextField and Integrating ChangeNotifierProvider
10:31
Adding Place Markers on the Map
09:50
+ Place Finder - Displaying List and Performing Navigation
5 lectures 37:55
Toggling State of Show List Button
07:11
Implementing PlaceList Widget to List all Places
06:45
Displaying Images in PlaceList Widget
06:24
Switching Map Types
06:32
Launching Navigation from the Place Finder App
11:03
+ City Care - Adding Incidents
6 lectures 47:29
A Quick Tour of the Server
03:43
Adding IncidentListPage and AddNewIncidentPage
14:10
Adding Incident Model, IncidentListViewModel and IncidentViewModel
06:49
Implementing Webservice Method to Save Incident
09:27
Saving Incidents Using Provider in ReportIncidentViewModel
11:44
+ City Care - Displaying Incidents
4 lectures 29:01
Implementing Webservice Method to Get All Incidents
07:45
Updating IncidentListViewModel to Fetch All Incidents
03:57
Displaying Incidents on the Page
09:50
Adding Loading and EmptyView for the Incidents
07:29
+ City Care - Uploading and Displaying Photos
7 lectures 01:03:26
Showing Menu to Choose from Photo Library or Camera
08:50
Picking an Image from Photo Library Using Image Picker
12:26
Downloading and Installing Camera Package
08:03
Preview Camera Image on Android Emulator
06:33
Capturing Photo from Camera and Displaying on Screen
09:06
Uploading Image to the Server
09:43
Displaying Image on the Incident List Screen
08:45
Requirements
  • macOS Operating System
  • Should have already installed Flutter on their machine
  • Beginner level knowledge of Flutter and Dart is recommended
Description

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