JavaScript Solutions, Competitive programming in JavaScript, MCQ in JS

Monday, 12 March 2018 Tutorials - Introduction & Setup

Hello Friends,

As Google launched for rapid cross-platform mobile app development. Let's start with some hands-on on it.

What is flutter?

It is an SDK, which supports cross-platform mobile app development that is same source code an compile and runs on Android and iOS as well. as flutter still in development (current version is 0.1.5), It does not support 32 bit ARM devices.

What differentiate from other cross-platform frameworks?

Native OEM

Native OEM is nothing but our native application framework like we write an android app in Java and iOS/iPhone apps in Objective-C.
Native app creates widgets to communicate between widgets and platform services.



Initially, cross-platform app development is done using Javascript and WebViews like PhoneGap, jQuery Mobile, ionic etc.

As you know (I hope) before Apple releases their iOS SDK they asked devs to use web apps to develop their app.

The main structure of WebView app is using html5, CSS, and JS you can create your beautiful cross-platform apps.

Reactive Views

Reactive web frameworks like ReactJS or mercury have become popular because of the creation of web views through programming which is borrowed from reactive programming.


Flutter also does the same thing like react native does by using reactive-style views, but flutter takes a different approach to reduce performance due to JavaScript bridge
Flutter uses compiled programming language called Dart. Dart has compiled ahead of time(AOT) for native platforms, which allows flutter to communicate with the platform without JS bridge.


  • Fast Development
  • Expressive and Flexible UI
  • Native Performance
  • Hot Reload
  • Reactive view without javascript bridge
  • Great beautiful and customizable widgets


  • It's still in beta version(not sure when it will release).
  • Yet it still not support 32-bit iOS devices (iPhone 4, 4s, 5, 5c)


  • Let's start with the basic installation of on your system.

MacOS &Linux Installation:

To get flutter started you need to clone the git repo.
git clone -b beta
$ export PATH=`pwd`/flutter/bin:$PATH
above command will set your PATH variable temporarily, so let's add in global.
  • Open/create bash_profile.
nano $HOME/.bash_profile
  • Add the following path in bash profile
  • Then run following command to refresh current window.
source $HOME/.bash_profile
  • To check whether your basic setup is completed or run following command.
flutter doctor

  • The first time you run a flutter command, it downloads its own dependencies and compiles itself.

Windows Installation:

  • Clone the Git repo
  • Then you need to set your PATH environment variable.


  • You can use any IDE to develop your app, but I would suggest use Visual Studio Code with dart code plugin which support code validation and basic syntax.

Android & iOS setup:

  • Install Android SDK  & XCode and required tools as well.


Now we are done with basics of flutter and its installation, Now its time to run our first flutter program.

I will post our first flutter app soon.

Please follow to get updates for new posts.



  1. Hey thanks man for basic introduction and differentiating between existing cross-platform frameworks and flutter. as you mentioned its yet in beta phase, any idea when they release their first version?

  2. Welcome :) they still not mentioned about release date and etc.

  3. Keep posting buddy... it's use full....

  4. Excellent article. Very interesting to read. I really love to read such a nice article. Thanks! keep rocking. cara nonton video bokep

  5. This is an awesome post. Really very informative and creative contents.
    ios app Devlopment company in chennai

  6. Amazing Article !! It is helpful information which tells more about cross platform services like Flutter App Development Services .

  7. Flutter Programming is one of the most popular in the cross platforms industry. We build excellent Flutter Development Company and also learn how to overcome performance issues. is the best choice for all startups to discuss and get their project quotation. We also enable many startups to do Proof of concept and help them to learn about business decisions.

  8. Thanks for sharing such a great information. Cross-platform app development are gaining in popularity. Flutter and react native are the two leading market players for cross paltform app development in Austin.

  9. Very informative! Thanks for sharing. This is would help on my next Flutter App Development project.

  10. Python is a dynamic and object-oriented programming language, widely used for web application development. 90% of people prefer Python over other technology because of its simplicity, reliability and easy interfacing. unindent does not match any outer indentation level python

  11. Interesting and amazing how your post is! It Is Useful and helpful for me That I like it very much, and I am looking forward to Hearing from your next..
    taxi app development company

  12. Website development and design is a task where unlimited frills and fancy stuff are possible to be incorporated at the whims and fancies of the customer. All these embellishments definitely go to bloat the budget of the client. growingwithnemit com

  13. Microgaming additionally be|can be} notable for offering the slot recreation Mega Moolah, which paid out a whopping $6,374,434 in 2009, the most important on-line on line casino payout there has ever been. All these products meet the key thing} criteria of good popularity, safety and safety, help, high-quality gaming, and true-to-life on-line reside vendor on line casino experience. The last thing you need is to take the time to create an account on a on line casino web site solely to discover a sparse gaming library 솔카지노 or no video games that suit your preferences.