Getting start with flutter

Flutter is a very powerfully open source, crossed platform (shared code base) framework that use programming language called Dart and its Developing by Google, flutter consist of unbelievable animations, complex graphics with smooth delivery, beautiful materials, ready-made Widgets (Components)and much more….

Flutter is not only for mobile app development, in the future flutter also will work with desktop computers too (Mac, Windows, Linux), and also in web browser (project called ‘Hummingbird’) as a web application, how cool isn’t it. 

In Flutter eco system ( Eco System-The network of organizations that drives the creation and delivery of information technology products and services) there are thousands of packages, APIs, Plugins we can use for connecting cloud services easily, do modifications, location services, web services and many more combine with Dart.

One of key feature in flutter development is called Hot Reload, that means when we are developing flutter apps just from a simple save the app itself reload in few seconds and show recent modifications, no need to compile, it helps to save developer time.

We can use additional tool for create perfect animations for flutter apps,

Flare

Flare is a cool and amazing online tool which we can use for creating perfect  animations for flutter, 

Go to flare site and register yourself for working with flutter animations 

Config Flutter Developing Environment

I will instruct you step by step how to configure flutter development environment, you have to follow instructions given by flutter site https://flutter.dev/, for your convenience I will explain it simply step by step.

1.     1^styou have to choice your development platform and download flutter SDK by surfing by the flutter site.

2.     After go to your file location which you use for development and unzip flutter SDK there.

  cd~/development

$unzip ~/Downloads/flutter_macos_v1.5.4-hotfix.2-stable.zip

3.  After all these steps you have to update your path by editing .bash.profile, in your home derectory   or you can create new .bash.profile file and put these command in to the file, 

export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin"

 we can verify if the path set correctly by typing this command in the Terminal.

echo $PATH    

4.     And if we do android development we have to install android studio and the simulator, if we do IOS development we have to download XCode an IOS emulator also we need a text editor IDE for develop apps ,I recommend VS Code, but you can use any text editor IDE you like, in future in my explanation I am going to use VS Code for explanations , in this article I am not going to show you how to develop apps, in next blog I will show you how to develop a simple apps using flutter, today I am only showing how to run default sample app in our environment.

5.     In flutter there is a tool called flutter doctor, it will help us to find out what are the requirements we need to install, or update, also it is showing us what are the errors occur in our environment by typing above command on the terminal.

flutter doctor

Run Sample App(Default example app)

·     You can create a new project by using

flutter create [my_app]

·     after that you have to enter project folder

cd my_app

·     you can run flutter app by using 

flutter run

       

     your 1st flutter app will looks like this,

   when you use VS Code for developments, go to View->Command Platter and you can use above 

   command on it

Conclusion

Day by day Flutter become popular among developers because of  its' cool features and advance development abilities, I tried to explain this blog very simply and  I wish this blog will help you to put your 1^st step into flutter development,