Flutter Roadmap

 

Flutter Roadmap / Content Listing

Introduction To Flutter & Dart

Dart or Flutter ? Where to start

How to watch this playlist

Introduction to Flutter

Prerequisite of installing Flutter

Install Flutter On Window

Install Flutter for windows

Install Java JDK

Install android studio

Install command line tools with sdks

Install emulator

Install android studio and android SDK

Running app on physical devices

Creating our first project

Run app on android physical device and virtual device

Let's start Flutter by creating our first project

Flutter Chapter 1

• Creating our first project
• Material App, what is material app. Home, Text and centre widget with tree charts explanation
• What is material design
• Scaffolding the app, material colours and network image widge
• Assets image
• Chaning app icon
• Summing up what we have learned so far

Flutter Chapter 2 Login App UI

This Chapter Tutorial

• Stateless widgets
• Hot reload and hot restart
• Single children widgets
• How to use material Icons widget
• How to use container widget with decorations
• Wrapping the widget
• What is layout
• Multiple Layout children widgets i.e column, row, and stack widgets
• Adding fonts into project
• Creating Login UI design
• TextForm Field widget
• Creating round button

Flutter Chapter 3 

• This Chapter Tutorial
• Creating Project
• Stateless widgets overview
• Stateful widget
• Understanding variable, data type and ternary operator
• Creating UI with stateless widget
• Difference between stateless and stateful widget
• Gesture Detector on tap or on pressed function
• Lottery App functionality implementation
• Random number
• Building states
• Understanding more about stateful widget with more explanation and practice
• Difference between stateless and stateful widget

Flutter Chapter 4 Tops 10 Widgets

• This Chapter Tutorial
• Top widgets that helps to build any kind of a APP UI
• Container widget
• Expanded widget
• List tile widget
• Circular Avatar widget
• Stacks widget
• List view builder widget
• Text Form Field widget
• RichText Widget widget
• SizedBox
• Divider
• Padding & Align widgets
• Image widget

Flutter Chapter 5 Building Building UI and understanding deep concepts and Navigation drawer

• Creating Dart classes
• App Bar widget
• Drawer
• Drawer header
• Navigation
• Side Menu/ Drawer or Navigation drawer
• Code refactoring
• Navigation, Routing and navigation or moving between screen
• Building small navigation drawer app

Flutter Chapter 6 

• Understanding Tab Bar widgets
• How we can create different Tab
• Understanding models
• Creating chats ui and parsing data via model
• Creating status ui and parsing data via model
• Creating calls ui and parsing data via model
• Summing up what we have learned

Flutter Chapter 7 Understanding pub.dev

• Understanding the pub.dev
• Understanding about community
• Working with some of the packages on pub dev
• How we can use pub.dev
• How Fonts Awesome package helping community
• Read more package to show more and less text
• Badges packages to show text on Cart Icon
• Animated Text Kit package
• Pin Code Filed Package
• Animated splash screen package
• Summing up what we have learned

Flutter Chapter 8 

• What is data types, working with strings and substrings
• If else statement
• What is component
• What is constructor
• Creating component/ how to create components
• How to use reusable widget or code refactoring
• Building calculator app
• Creating logic for calculator
• Showing result for calculation
• Summing up what we have learn

Flutter Chapter 9 Shared Preference Multi Role Base App - Admin/User

• Splash Screen and init state function importance
• Async function
• Future functions and await keyword role
• Shared Preference and its importance
• Shared preference and its usage with example
• Sign up with role based and storing data in shared preference
• Login and checking user role
• Managing user session to check if he is login or not
• Summing up what we have learned

Flutter Chapter 10 Rest API Complete course

I have created a full course on API integration in Flutter from scratch to advance level. If you are a new bee and looking for a flutter resource regarding API integration then you will find it interesting.

These videos are not just simple tutorials that i have created, i am sharing my experience in the field of app development and what type of mistakes i did during my learning phase and that you are not supposed to do. So, all of your questions that are shaking your mind will be answered here.

Here is what we will learn in this course:

Introduction to APIS. Understanding of JSON Structure.

What is Postman, how it helps us to understand the JSON Response.

What is model, what are Plugins and how different Plugins help us to create models of our API JSON data.

How we can parse JSON data via Model.

GET APIS What are Get APIS

What are different scenarios to handle Get API Integrate.

Get APIS with Plugins Model and show data into List

Integrate Get APIS with your own Model and show data into List Integrate

Get APIS with without Model and show data into List Very Complex JSON practical example

POST APIS, What is POST API How do Post APIS work

Implement Login & Sign Up with with REST API in flutter

Upload Single Image onto server via HTTP Request Example

Upload Multiple images to server

Upload data in arrays to server

What is MVVM, what is the importance of learning MVVM architecture. Covering all the above concepts into a single app that we will create at the end of this course.

So what keeps you stopping to learn Flutter, let's start.

Flutter Chapter 11 Navigation & Routing

This Chapter Tutorial

In this chapter we will learn following concepts

What is navigation

How navigation actually work behind the door

How understanding of stacks help you better understand navigation

What is difference between navigation and routing

Routing with 1 method

Routing with second method and simplifying the code for better management

Flutter Chapter 12 Google Map

This Chapter Tutorial

Out of this course and what you will learn

What is google map, why you to learn google map in mobile application development

What google map api console, how we can set up our Flutter project with google map api console.

Integrating google map with packages and understanding basic terminologies.

How we can set up marker on google map

How to set custom markers on google maps like careem and uber.

How to get the user 's current location and show it on a marker.

How to convert latlng to address and vice versa

How to customise marker info windows like google map places.

How to update camera position when camera is updating on google map.

How to update user location when user location is changing.

How to implement google map search places api.

How to show network images or Avatar as marker on google map like Snapchat

What is polygon and how we can add polygon on google map

What is polyline and how we can add polyline on google map

Flutter Chapter 13 Local Storage Creating Shopping cart system

This Chapter Tutorial

Create a Shopping Cart System in Fuand what you will learn in this playlist.

What is the local storage system and how does it work on the mobile in FLutter?

What it is required to setup local storage in Flutter

Create a project and a database for storing data.

How we insert data into the database and how this actually works.

Add product to cart

Update cart

Delete product from cart

Check if product is already added to cart or not

Calculating the total price for the products we have added and updating prices if we update or delete products etc.

At the end I will sum up the whole project, what we have learned and how we can utilise these concepts to build other similar real world applications.

Flutter Chapter 14 Provider State management

This Chapter Tutorial

Provider state management crash course from scratch to advanced level.

Difference between stateful & stateless widgets

Why you need to learn learn state management with example

What is a provider, how does a provider work, why are we learning provider state management. What is change notifier, multi change notifier and consumer widget

Example one, count and periodic timer example with set state and provider.

Example two practice apps to understand provider state management a bit more in detail.

Example three to make a simple app where we will list the product in a list and then make them favourite. After that we will display a list of favourite products that are marked as favourites from the list.

Example 4 theme changer app with provider

Example 5 Login API with provider

Example 6 how to use stateless widget as stateful widget.

Will cover up what we have learned and what we will do after that.

Complete app with provider using MVVM architecture with rest APIs.

Flutter Chapter 15 Firebase

This Chapter Tutorial

• Creating Project
• Setting up project with firebase for android and ios
• CRUD operation with Firebase real time database
• CRUD operation with Firestore
• Implementing Auth firebase
• Creating Blog application
• Summing up what we have learn

Flutter Firebase Notifications Chapter 16

• Flutter Firebase Notifications Roadmap
• Flutter Firebase Project Setup for android and ios
• How To Get Firebase Notification Permission
• What is FCM Token or Device Token
• Flutter Show notification when app is in Foregrounds, backgroudn or in terminated states
• Redirect User to specific screen when notifications is tap
• How to send notification from one device to anohter device

Flutter GetX State Management Chapter 17

• Flutter Getx Road Map and what we will learn in this playlist
• Getx Roadmap
• Creating our Project and adding Getx Pacakages
• Get Material App (Why we used Get Material App)
• GetX as utilities
• GetX Snackbar
• Getx Dialog Alert
• Getx Bottom Sheet
• Getx Change Light & Dark Theme with GetX Flutter
• Getx Navigator & Routes (How to pass data between different screens)
• Get height & Get widh
• GetX Localization Change the Language of the App i.g Englihs, Urdu, Hindi
• GetX State Manamgent with Example
• Why to learn state management GetX
• 
  
• GetX Counter Example, i.e In this example we will create a simple counter app with getx to increment the value of coutner
• 
  
• GetX Example Two
• 
  
• GetX Example Three
• 
  
• Favourite App with GetX
• 
  
• GetX Image Picker
• 
  
• Login(Post,Put, Delete) Api With GetX
• 
  
• Get Api with GetX
• 
  
• Let's learn how to write clearn code using MVVM with GETx and REST APIs
• 
  
• GetX State Manamgent With MVVM with REST APIs
• Roadmap Flutter GetX Mvvm/Mvc Architecture
• What is MVVM/MVC Pattern/Architecture
• Create Project, Add Pacakges and Directories with Purpose
• Handle App APIs Exceptiions
• Handle APIs Response
• Network API Services
• Routes
• You can watch Flutter firebase Soical Media Application on my channel.

End of the course