A guide to getting started with Flutter
Tags: flutter
Published: 2021-07-02 16:44:23

## Introduction ☄️

Flutter is one of the most popular cross-platform frontend frameworks for developing mobile, desktop, and web applications. With the community and usage growing there are now a bunch of plugins and extensions available for developers. The framework makes use of the dart programming language by Google .

In this article, my goal is to help getting started with Flutter development. And give some structure to the process of learning flutter.

![Screenshot 2021-07-02 at 16.46.47.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1625237517683/NtPwEJVQb.png)

## Whats Flutter?

Flutter is Google's UI toolkit for building beautiful, natively compiled applications for mobile, web, desktop, and embedded devices from a single codebase. 

## Why Flutter ?
  
- It's cross-platform , developers build applications once and run them on multiple platforms.

- Flutter has been trending miles ahead of react-native for the last 12 months and this seems to just be the start

![Screenshot 2021-07-02 at 16.09.43.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1625234988012/MdYsE_8Mg.png)

- Flutter comes with great documentation and a great community of developers https://flutter.dev/docs

- Firebase support , makes it easy for developers to integrate apps to Firebase

Honestly , there's a bunch of reasons to go for flutter for mobile development right now and it would require a whole article to exhaust the benefits. But the above are the key ones

Learning flutter and becoming a competent mobile application developer will fulfill your financial needs easily. Check out the stats on mobile apps revenue right now and in the next 2 years!!. 💸 💵 

![Screenshot 2021-07-02 at 16.24.35.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1625235882119/i3IpFfMho.png)

Source: https://www.statista.com/statistics/269025/worldwide-mobile-app-revenue-forecast/

## Quick blueprint for developing an app on Flutter 🦥

1. Come up with a solid concept of your idea
2. Design the user interface and experience
3. Develop the application
4. Test and debug your application
5. Deploy your application on Apple Store and Google Playstore
6. Celebrate your win!! 😛 😝 😜  


![Screenshot 2021-07-02 at 16.46.38.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1625237537914/qo25ZXPkg.png)

## Learning roadmap 🛣

### 1. Start with the basics 
 
Have some basic knowledge of dart it's the programming language behind dart 

[Dart Docs](https://dart.dev/guides)

### 2. Read Flutter Docs

[Flutter Site](https://flutter.dev)
[Flutter Tutorial](https://www.tutorialspoint.com/flutter/index.htm)

### 2.1 Watch a crash course

Brad Travesy offers a great introduction to flutter on his YouTube channel.

### 3. Build a simple Flutter Application

[Design-your-first-flutter-app](https://code.tutsplus.com/tutorials/design-your-first-flutter-app--cms-37054)
[Scrum Pocker App](https://medium.com/flutter-community/flutter-mobile-scrum-poker-app-c72d5d5514ea)
[Create Flutter App in 5 Days](https://levelup.gitconnected.com/create-your-app-with-flutter-in-5-days-412ee41de22a)

## Bonus: Top 5 features from the new Flutter 2.0 you should know about 🌋

1.  Web support is now has a stable version
2.  It comes with Sound Null Safety
3.  Beta support for desktop (Windows, Linux, or macOS)
4.  Beta version for Google Mobile Ads
5.  New IOS widgets in the Cupertino widget

## Extra Resources 💾

Flutter Resources

    Documentation: https://docs.flutter.io/
    Github: https://github.com/flutter/flutter
    StackOverflow: https://stackoverflow.com/questions/tagged/flutter
    Gitter: https://gitter.im/flutter/flutter
    Effective Dart Guide: https://www.dartlang.org/guides/language/effective-dart
    Dart Tips: https://www.dartlang.org/resources/dart-tips
    Flutter FAQ: https://flutter.io/faq/
    Flutter Rendering: https://www.youtube.com/watch?v=UUfXWzp0-DU
    Flutter Engine: https://github.com/flutter/engine/wiki
    Hot Reload: https://flutter.io/hot-reload/
    Flutter Inspector: https://dart-lang.github.io/observatory/
    Dart Style Guide: https://www.dartlang.org/guides/language/effective-dart/style
    Dart Observatory: https://dart-lang.github.io/observatory/
    Flutter Widgets: https://flutter.io/widgets/
    Flutter Gallery App Code: https://github.com/flutter/flutter/tree/master/examples/flutter_gallery
    Flutter Gallery Android App: https://play.google.com/store/apps/details?id=io.flutter.demo.gallery
    Flutter Layout: https://flutter.io/tutorials/layout/
    Material: https://material.io
    Icons: https://thenounproject.com
    Images: https://unsplash.com
    Fonts: https://fonts.google.com
    Google APIs: https://pub.dartlang.org/packages/googleapis
    Async and Futures: https://www.dartlang.org/tutorials/language/futures
    Testing: https://flutter.io/testing/



## Conclusion 🚀🚀🚀

I hope my article helped you get started with flutter . And if so please react to it , share it, and let us make it go viral lol😂

> Thank you for reading this -Follow me on [Twitter](https://twitter.com/CyprianAarons)

> Checkout my [website](cyprianaarons.co.zw).

<a href="https://www.buymeacoffee.com/cyprianaarons" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>