Experience Flutter with DartPad

Want to experience flutter without installing the SDK? The Flutter team has your back. Flutter recently hosted a event called Flutter-Interact, where the flutter team demonstrated their new releases for flutter. One of the best announcements was the re-design of DartPad.

Lets get Started:

Open up your browser and hit the following URL:

http://dartpad.dev

You shall be welcomed with the following screen showing up with some default Dart code.

Click on the Run Button, to see the Output on the Output Console on the Right.

Click on the Samples drop-down Button on the top-right corner. The drop-down has sample codes to try out Flutter Web and mobile support.

The dart symbols represent the plain dart codes, where as the HTML 5 icon represents the code template for Flutter Web and The Flutter Icon represents the code Template for Flutter.

Click on the Counter item in the drop-down to open a basic flutter code to implement a counter app and you should be presented with a following screen:

Click on Run button to see the app in action.

So as you would see, within very less code, you have a cross-platform app up and running for you.

After trying this out I am pretty sure that you will be eager to install the Flutter SDK and build some great productive and robust applications.

You can follow the Flutter Installation guide by google, here.

If you have liked the post give it a clap and subscribe for more upcoming posts. Any suggestions and queries are most welcome.

#HappyLearning and #HappyCoding !!!