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

Focused View

Mohammad Azam

9:08:04

101 View

1. Introduction

1. Introduction.mp4

02:46

2. Prerequisites.mp4

00:58

3. Tools, Editors and Framework Needed for this Course.mp4

03:01

4. Exercise Files.mp4

01:17

2. Understanding MVVM Design Pattern

1. What are Design Patterns.mp4

01:12

2. What is MVVM.mp4

02:41

3. Why MVVM.mp4

02:32

4.1 An Introduction to MVVM in Flutter.html

4. MVVM Architecture and Web APIs.mp4

01:42

3. News App - Displaying News

1. What we will be building.mp4

01:23

2. Registering with NewsAPI.mp4

02:52

3.1 newsapp-creating-models.zip

3. Creating NewsArticle Model.mp4

08:29

4.1 newsapp-creating-webservice-fetchtopheadlines.zip

4. Implementing Webservice to fetchTopHeadlines.mp4

09:16

5.1 newsapp-implementing-newsarticlelist-newsarticle-vm.zip

5. Creating NewsArticleList and NewsArticle View Models.mp4

06:43

6.1 newsapp-populate-top-headlines-change-not 2.zip

6. Populating Top Headlines, ChangeNotifier in NewsArticleListViewModel.mp4

04:36

7.1 newsapp-displaying-news-list-view.zip

7. Displaying News in a ListView.mp4

18:53

8.1 fresh_news.zip

8. Another Method for Getting the Change Notifier Changes.mp4

05:58

4. News App - Searching and Displaying News Details

1.1 newsapp-webservice-fetchbykeyword.zip

1. Implementing Webservice fetchByKeyword Method.mp4

09:40

2.1 newsapp-adding-search-box.zip

2. Adding Search TextBox And TextEditingController.mp4

11:53

3. Displaying Search Results on the Page.mp4

05:40

4. Displaying Loading and Empty View.mp4

09:37

5. Navigating to the News Article Details Screen.mp4

07:27

6.1 fresh-news.zip

6. Displaying News Details on a Details Screen.mp4

09:38

5. Place Finder - Configuring and Displaying Google Maps

1. What we will be building.mp4

02:28

2. Setting Up Google Cloud Platform Account.mp4

08:21

3.1 place_finder_starter.zip

3. Displaying Google Maps in Android App.mp4

11:20

4. Displaying Google Maps in iOS App.mp4

07:07

5.1 Geolocator Documentation.html

5.2 place-finder.zip

5. Enable Location Services for Android.mp4

12:11

6.1 place-finder.zip

6. Enable Location Services for iOS.mp4

03:37

7.1 Finding Users Location in Flutter.html

7. Zooming to Users Current Location.mp4

09:20

6. Place Finder - Finding Nearby Point of Interests

1. Enabling Google Places API in Google Cloud Console.mp4

03:57

2. Testing the Google Places API.mp4

02:36

3. Implementing Webservice to Perform Places Search.mp4

08:12

4.1 place_finder.zip

4. Implementing and Mapping JSON to Models.mp4

07:53

5. Implementing PlaceListViewModel and PlaceViewModel.mp4

08:06

6. Adding TextField and Integrating ChangeNotifierProvider.mp4

10:31

7.1 place_finder.zip

7. Adding Place Markers on the Map.mp4

09:50

7. Place Finder - Displaying List and Performing Navigation

1.1 place_finder.zip

1. Toggling State of Show List Button.mp4

07:11

2.1 placefinder-placelist-widget.zip

2. Implementing PlaceList Widget to List all Places.mp4

06:45

3.1 placefinder-placelist-add-images.zip

3. Displaying Images in PlaceList Widget.mp4

06:24

4.1 placefinder-maptype.zip

4. Switching Map Types.mp4

06:32

5.1 placefinder.zip

5. Launching Navigation from the Place Finder App.mp4

11:03

8. City Care - Adding Incidents

1. What we will be building.mp4

01:36

2. A Quick Tour of the Server.mp4

03:43

3. Adding IncidentListPage and AddNewIncidentPage.mp4

14:10

4. Adding Incident Model, IncidentListViewModel and IncidentViewModel.mp4

06:49

5. Implementing Webservice Method to Save Incident.mp4

09:27

6.1 city_care.zip

6. Saving Incidents Using Provider in ReportIncidentViewModel.mp4

11:44

7.1 city-care-server.zip

7. City Care Server Code in Node.html

9. City Care - Displaying Incidents

1. Implementing Webservice Method to Get All Incidents.mp4

07:45

2. Updating IncidentListViewModel to Fetch All Incidents.mp4

03:57

3. Displaying Incidents on the Page.mp4

09:50

4.1 city_care.zip

4. Adding Loading and EmptyView for the Incidents.mp4

07:29

10. City Care - Uploading and Displaying Photos

1.1 Displaying Photos From Your Photo Library in Flutter Applications.html

1. Showing Menu to Choose from Photo Library or Camera.mp4

08:50

2. Picking an Image from Photo Library Using Image Picker.mp4

12:26

3. Downloading and Installing Camera Package.mp4

08:03

4. Preview Camera Image on Android Emulator.mp4

06:33

5.1 Capturing Photos Using the Camera in Flutter.html

5. Capturing Photo from Camera and Displaying on Screen.mp4

09:06

6. Uploading Image to the Server.mp4

09:43

7.1 city-care.zip

7. Displaying Image on the Incident List Screen.mp4

08:45

11. Hacker News - Displaying Top Stories

1. What we will be building.mp4

01:07

2. Setting Up Flutter Project and Understanding Hacker News Public API.mp4

06:57

3. Implementing Webservice to Fetch Top Stories.mp4

05:40

4. Creating Models and Getting Story.mp4

07:54

5. Implementing StoryListViewModel and StoryViewModel.mp4

07:30

6. Mapping Story Model to StoryViewModel.mp4

04:31

7. Configuring ChangeNotifier Using Provider.mp4

09:36

8.1 hacker_news_top_stories.zip

8. Displaying Top Stories on the Screen.mp4

05:39

9.1 hacker_news_top_stories_consumer.zip

9. Using Consumer to get Changes to the User Interface.mp4

03:48

12. Hacker News - Displaying Comments

1. Displaying Number of Comments Associated with a Story.mp4

08:48

2. Adding Navigation and Getting Selected Story.mp4

06:55

3. Implementing CommentListViewModel and CommentViewModel.mp4

05:20

4. Implementing Webservice to get Comments by Story Id.mp4

07:44

5. Configuring ChangeNotifier for CommentListViewModel.mp4

03:57

6. Creating Stateful CommentsListPage.mp4

08:49

7. Displaying Comments for the Story.mp4

07:34

8.1 hacker-news-complete.zip

8.2 How to Build a Hacker News App in Flutter.html

8. Unscaping and Formatting the HTML Text.mp4

08:32

13. Source Code For Clone Apps

1. A Note about this Section (PLEASE WATCH).mp4

01:10

2.1 stocks.zip

2. Apple Stocks App Source Code.mp4

01:35

3.1 weather-app.zip

3. Apple Weather App Source Code.mp4

00:56

4.1 apple_news.zip

4. Apple News App Source Code.mp4

01:03

5.1 app_store_flutter.zip

5. Apple App Store App Source Code.mp4

01:09

14. Miscellaneous

1. Building Rating Widget in Flutter.mp4

18:24

15. Conclusion

1. Next Steps.mp4

01:52

2. Bonus.html

Description

Learn the Art of Building Modern Flutter Applications

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

Who is this 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

More details

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

User Reviews

Rating

average 0

Total votes0

Focused display

Google Flutter

Mohammad Azam

Instructor's Courses

My name is Mohammad Azam and I have been programming in iOS for the last 10+ years. Currently, I am teaching Full Stack Development at DigitalCrafts. Before joining DigitalCrafts I worked as a lead mobile developer for many large companies including Schlumberger, Baker Hughes, AIG and Valic. Currently, I am a senior developer at Blinds Dot Com, a Home Depot company. Before iPhone development I was leading projects in Microsoft ASP technology. I was also awarded the Microsoft MVP award five years in a row due to my contributions in the community.I have also published several of my personal apps to the App Store including Vegetable Tree which was featured by Apple as the most beautiful gardening app on the App Store. I am a frequent speaker at local and national conferences and have authored many articles for many different development magazines.

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.