•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.
•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
•Introduction
•Prerequisites
•Tools, Editors and Framework Needed for this Course
•Exercise Files
•What are Design Patterns?
•What is MVVM?
•Why MVVM?
•MVVM Architecture and Web APIs
•News App – Displaying News
•What we will be building
•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
•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
•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
•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
•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
•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
•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
•Showing Menu to Choose from Photo Library or Camera
•Picking an Image from Photo Library Using Image Picker
•Downloading and Installing Camera Package
•Capturing Photo from Camera and Displaying on Screen
•Uploading Image to the Server
•Displaying Image on the Incident List Screen
•Hacker News – Displaying Top Stories
•Setting Up Flutter Project and Understanding Hacker News Public API
•Implementing Webservice to Fetch Top Stories
•Creating Models and Getting Story
•Implementing StoryListViewModel and StoryViewModel
•Mapping Story Model to StoryViewModel
•Configuring ChangeNotifier Using Provider
•Displaying Top Stories on the Screen
•Using Consumer to get Changes to the User Interface
•Hacker News – Displaying Comments
•Displaying Number of Comments Associated with a Story
•Adding Navigation and Getting Selected Story
•Implementing CommentListViewModel and CommentViewModel
•Implementing Webservice to get Comments by Story Id
•Configuring ChangeNotifier for CommentListViewModel
•Creating Stateful CommentsListPage
•Displaying Comments for the Story
•Unscaping and Formatting the HTML Text
•Source Code For Clone Apps
•A Note about this Section (PLEASE WATCH)
•Apple Stocks App Source Code
•Apple Weather App Source Code
•Apple News App Source Code
•Apple App Store App Source Code
•Conclusion
•Next Steps
•Bonus
•