HOT

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

Development

Rating4.2
Enroll Now

The Ultimate Hands-On Flutter & MVVM – Build Real Projects, available at $69.99, has an average rating of 4.2, with 86 lectures, based on 197 reviews, and has 1235 subscribers.

You will learn about 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 This course is ideal for individuals who are Flutter developers who wants to learn how to implement MVVM Design Pattern or Developers who wants to learn how to develop cross platform applications or App Developers who wants to go independent and work on both platforms It is particularly useful for Flutter developers who wants to learn how to implement MVVM Design Pattern or Developers who wants to learn how to develop cross platform applications or App Developers who wants to go independent and work on both platforms.

Enroll now: The Ultimate Hands-On Flutter & MVVM – Build Real Projects

Summary

Title: The Ultimate Hands-On Flutter & MVVM – Build Real Projects

Price: $69.99

Average Rating: 4.2

Number of Lectures: 86

Number of Published Lectures: 84

Number of Curriculum Items: 86

Number of Published Curriculum Objects: 84

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will 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 Should Attend

  • 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

Target Audiences

  • 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

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!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Prerequisites

Lecture 3: Tools, Editors and Framework Needed for this Course

Lecture 4: Exercise Files

Chapter 2: Understanding MVVM Design Pattern

Lecture 1: What are Design Patterns?

Lecture 2: What is MVVM?

Lecture 3: Why MVVM?

Lecture 4: MVVM Architecture and Web APIs

Chapter 3: News App – Displaying News

Lecture 1: What we will be building

Lecture 2: Registering with NewsAPI

Lecture 3: Creating NewsArticle Model

Lecture 4: Implementing Webservice to fetchTopHeadlines

Lecture 5: Creating NewsArticleList and NewsArticle View Models

Lecture 6: Populating Top Headlines, ChangeNotifier in NewsArticleListViewModel

Lecture 7: Displaying News in a ListView

Lecture 8: Another Method for Getting the Change Notifier Changes

Chapter 4: News App – Searching and Displaying News Details

Lecture 1: Implementing Webservice fetchByKeyword Method

Lecture 2: Adding Search TextBox And TextEditingController

Lecture 3: Displaying Search Results on the Page

Lecture 4: Displaying Loading and Empty View

Lecture 5: Navigating to the News Article Details Screen

Lecture 6: Displaying News Details on a Details Screen

Chapter 5: Place Finder – Configuring and Displaying Google Maps

Lecture 1: What we will be building

Lecture 2: Setting Up Google Cloud Platform Account

Lecture 3: Displaying Google Maps in Android App

Lecture 4: Displaying Google Maps in iOS App

Lecture 5: Enable Location Services for Android

Lecture 6: Enable Location Services for iOS

Lecture 7: Zooming to User's Current Location

Chapter 6: Place Finder – Finding Nearby Point of Interests

Lecture 1: Enabling Google Places API in Google Cloud Console

Lecture 2: Testing the Google Places API

Lecture 3: Implementing Webservice to Perform Places Search

Lecture 4: Implementing and Mapping JSON to Models

Lecture 5: Implementing PlaceListViewModel and PlaceViewModel

Lecture 6: Adding TextField and Integrating ChangeNotifierProvider

Lecture 7: Adding Place Markers on the Map

Chapter 7: Place Finder – Displaying List and Performing Navigation

Lecture 1: Toggling State of Show List Button

Lecture 2: Implementing PlaceList Widget to List all Places

Lecture 3: Displaying Images in PlaceList Widget

Lecture 4: Switching Map Types

Lecture 5: Launching Navigation from the Place Finder App

Chapter 8: City Care – Adding Incidents

Lecture 1: What we will be building

Lecture 2: A Quick Tour of the Server

Lecture 3: Adding IncidentListPage and AddNewIncidentPage

Lecture 4: Adding Incident Model, IncidentListViewModel and IncidentViewModel

Lecture 5: Implementing Webservice Method to Save Incident

Lecture 6: Saving Incidents Using Provider in ReportIncidentViewModel

Lecture 7: City Care Server Code in Node

Chapter 9: City Care – Displaying Incidents

Lecture 1: Implementing Webservice Method to Get All Incidents

Lecture 2: Updating IncidentListViewModel to Fetch All Incidents

Lecture 3: Displaying Incidents on the Page

Lecture 4: Adding Loading and EmptyView for the Incidents

Chapter 10: City Care – Uploading and Displaying Photos

Lecture 1: Showing Menu to Choose from Photo Library or Camera

Lecture 2: Picking an Image from Photo Library Using Image Picker

Lecture 3: Downloading and Installing Camera Package

Lecture 4: Preview Camera Image on Android Emulator

Lecture 5: Capturing Photo from Camera and Displaying on Screen

Lecture 6: Uploading Image to the Server

Lecture 7: Displaying Image on the Incident List Screen

Chapter 11: Hacker News – Displaying Top Stories

Lecture 1: What we will be building

Lecture 2: Setting Up Flutter Project and Understanding Hacker News Public API

Lecture 3: Implementing Webservice to Fetch Top Stories

Lecture 4: Creating Models and Getting Story

Lecture 5: Implementing StoryListViewModel and StoryViewModel

Lecture 6: Mapping Story Model to StoryViewModel

Lecture 7: Configuring ChangeNotifier Using Provider

Lecture 8: Displaying Top Stories on the Screen

Lecture 9: Using Consumer to get Changes to the User Interface

Chapter 12: Hacker News – Displaying Comments

Lecture 1: Displaying Number of Comments Associated with a Story

Lecture 2: Adding Navigation and Getting Selected Story

Lecture 3: Implementing CommentListViewModel and CommentViewModel

Lecture 4: Implementing Webservice to get Comments by Story Id

Lecture 5: Configuring ChangeNotifier for CommentListViewModel

Lecture 6: Creating Stateful CommentsListPage

Lecture 7: Displaying Comments for the Story

Lecture 8: Unscaping and Formatting the HTML Text

Chapter 13: Source Code For Clone Apps

Lecture 1: A Note about this Section (PLEASE WATCH)

Lecture 2: Apple Stocks App Source Code

Lecture 3: Apple Weather App Source Code

Lecture 4: Apple News App Source Code

Lecture 5: Apple App Store App Source Code

Chapter 14: Miscellaneous

Lecture 1: Building Rating Widget in Flutter

Chapter 15: Conclusion

Lecture 1: Next Steps

Lecture 2: Bonus Lecture

Instructors

Rating Distribution

  • 1 stars: 3 votes
  • 2 stars: 5 votes
  • 3 stars: 21 votes
  • 4 stars: 69 votes
  • 5 stars: 99 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Content Creation with ChatGPT + AI Tools

Blogging For Beginners: Start, Grow and Monetize (Sinhala)

(NEW) The Complete Growth Hacking & Conversion Course