1 Flutter intro - 8 Reason to learn flutter

Install Flutter and Android Studio, Configure flutter and android studio
Run Android Emulator and start Flutter Default Application inside the emulator.

2. Full Installation of Flutter on Windows - Your First Flutter App

Super Fast Flutter development environment with Android studio

3. Make Android Studio easy for flutter - Fast Development

Understand Flutter Directory Structure, Which Flutter directory is important and which we need not touch.

4 flutter directory structure

5 Flutter Main Project

How flutter hot restart and hot reload works.
Shortcut to hot restart and keybindings to hot reload

6 Hot Reload and Hot Restart

What is the difference between Stateless and Stateful widget.
Stateless vs stateful Widget

7 Flutter Stateless  vs Stateful widgets

8 Flutter Save and Format

Introduction and Basics

With Flutter, let's create cool COUNTRY HOUSE mobile application with animation, routing, google maps and much more.

9.0 Intro to Country House Awesome Flutter App

Let's work on creating a cool #flutter project called country house #android application
In this project, we will use an API to get all the countries and its details and then we will use Google Map on Flutter to show the location of any country.

9 Scaffold and AppBar 1-country-house

Using ListView to have a list of all countries and card widget to give each list looks good.

10 Flutter List VIew and Card Widget - Country House

A final variable can only be filled once, so on a class constructor, you always need to define a final variable to that class. One final variable is set, it can not be changed later.

11 Flutter Constructor and Final Variable - Country House

Hit Api with Dio package on flutter to get list of all the countries.

12 Flutter Fetch Data from API - Country House

Because data from API takes time to reach to flutter, we need to use a future builder to show that data in the future.

13 Flutter API Future builder, initstate List View

Using GridView Widget to show the cards side by side on another screen

14 Flutter GridView, Custom Flutter Widget

Animation in flutter is easy and it will be easier if you use any existing package.

15 Flutter Flip Card Animation, show country details

We can use NetworkImage widget to show normal images on flutter but to show an SVG image we need to install an SVG image package for a flutter.

16 Flutter Show SVG image

To filter the long list of countries on the home screen, we have to show a text field where user can type to filter

17 Flutter searchbar on appbar with icons

Because data on Future type variable can not be changed so the future builder is not useful for us, let's see how we tackle this situation.

18 Flutter API data without future builder

Using Dart where query, we will filter out list which contains the filter query value.

19 Flutter Filter List Data with where query

The Most exciting part of this project is the integration of google map. Just grab the package and start using GoogleMap widget in flutter.

20 Flutter Integrate Google Map

Using the Latitude and Longitude of any country, we can locate it on google map.

21 Flutter Show Country location on Google Map

Flutter named route is very usefull and clean way to having routing in flutter. Let's use named Route in flutter with passing arguments to it.

IOS & Android with Flutter - A world of widgets

Learn flutter3.18 Hrs.beginner23 tutorials

Chapter 1. Introduction and Basics