Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Mobile Development Google Flutter

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

Learn the Art of Building Modern Flutter Applications
Rating: 4.4 out of 54.4 (130 ratings)
827 students
Created by Mohammad Azam
Last updated 12/2020
English
English [Auto]
30-Day Money-Back Guarantee

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

15 sections • 84 lectures • 9h 8m total length

  • Preview02:46
  • Preview00:58
  • Preview03:01
  • Exercise Files
    01:17

  • What are Design Patterns?
    01:12
  • What is MVVM?
    02:41
  • Why MVVM?
    02:32
  • MVVM Architecture and Web APIs
    01:42

  • Preview01:23
  • 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

  • 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

  • Preview02:28
  • 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

  • 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

  • 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

  • Preview01:36
  • 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 Server Code in Node
    00:04

  • 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

  • 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

Instructor

Mohammad Azam
Apple Featured iOS Developer and iOS Instructor
Mohammad Azam
  • 4.5 Instructor Rating
  • 7,417 Reviews
  • 54,169 Students
  • 31 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 for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.