30 June 2020
Flutter resources: how can you learn Flutter yourself?
Ever since Google released Flutter, this UI SDK, which makes it easier to develop applications for many platforms with just one codebase, has been getting more and more popular. A lot of developers are only now getting into it. But how to start? In this article, I will share my favourite Flutter resources for learning this technology, both Flutter basics and Flutter training for the advanced.
Want to know how to learn Flutter, right? This article consists of all the Flutter courses online which I’ve used while learning this technology. It’s a sort of Flutter learning roadmap for people of various skill levels. Some of the resources allow you to learn Flutter from scratch all the way to an advanced level, while some others offer a taste, providing a simple quick Flutter tutorial for beginners. Why learn Flutter in the first place tough?
Flutter can make it easy to develop simultaneously for various mobile platforms and desktop as well. Its performance is also impressive.
I would like to present to you my favourite resources to learn Flutter. They really helped me a lot to get familiar with this technology to the point where I can make my own Flutter projects and teach it to other people. So, let’s get started with Flutter!
See also: If you want to know more about what Flutter is, try this 👇
Flutter resources for developers
Below, you will find general resources that will help you get to know Flutter better, regardless of how much you already know. They include the official Flutter docs, YouTube videos, expert articles as well as source aggregators.
Official documentation – the essential Flutter resource
The official Flutter documentation is the best place for beginners and the best introduction to Flutter, your go-to site when in doubt. You will find everything you need when starting to learn Flutter – articles on how to set up the environment, Widgets catalogue and API reference.
There are also many tutorials and samples that show new developers how to use Flutter API and build beautiful apps in record-breaking time.
The Boring Flutter Development Show
This is a YouTube show from Google developers where they try to implement different things in an hour as regular mortals do. You can expect all the problems we face while developing apps. If you ever asked questions like “Why doesn’t it compile?”, “Why is it not working?” then you will find it all while watching this show.
I recommend this online show for anyone that wants to see real Googlers struggle and learn from their mistakes. A fun way to learn Flutter.
Flutter in Focus
It’s a YouTube series that will provide you with essential knowledge about different topics around Flutter in the convenient form of 10-minute videos. You will find videos on Dart features, Flutter widgets, or integrations with different tools. A good Flutter tutorial for beginner devs.
FlutterDev subreddit
The Flutter Reddit page is a place where you can find many highly informative posts on Flutter. A great stream of valuable information where you can find learning resources about Flutter in one place.
Flutter Awesome
This is an aggregator of many articles and videos about all-things Flutter. All resources are categorized by topics related to Flutter.
For example, if you’re looking for information about Forms, you have to use the topmost menu and go to Input -> Forms. Tada! You’re now looking at all resources about Forms on Flutter Awesome.
Widget of the week
Another YouTube series from Google devs to learn about Flutter widgets. It’s a playlist with short one minute Flutter course videos, each concerning one widget available in the Flutter SDK. I highly recommend you give it a try as it has many great videos to help you discover and learn about Flutter widgets.
It’s all widgets
This is a catalogue of existing apps or projects in progress. You can find different applications built by developers in the Flutter community and see what you can achieve with Flutter. I’m amazed by the number and diversity of apps that are created with Flutter.
FlutterX
A valuable site that provides aggregated resources on Flutter. A great page to search for tutorials, articles, and such about Flutter. Check it out, it’s a simple yet powerful resource.
Architecture & state management Flutter resources
When you get a little bit more familiar with Flutter and widgets, you’ll want to find information about how to build applications that can scale up and remain at very least maintainable.
That will lead you to a question about what architecture you should use. With that challenge in mind, check out the resources below.
Flutter Architecture Samples
This is a GitHub repository about different architectures applied to the Flutter ToDo app. You will find anything from old MVC, BloC, mobx, or Redux examples. And if you’re already familiar with any given app architecture, you can find a sample of it in this repository.
You should really try it. It’s a very good learning resource on how to build Flutter apps in different architectures.
BloC
BloC is currently the most popular state management library. You’re bound to come across it when you google for state management in Flutter. It is well-documented and you will find a lot of articles online (e.g. Medium) on how to use it. It was first introduced at Google IO. Here’s a video where you can check that out:
The pattern is based on sinks of events and stream of states. Events are mapped into states and emitted on the stream. You can read more about this pattern here.
Official documentation for BloC and Flutter BloC libraries
MobX
This pattern is a port of the Javascript version in Dart. For those unfamiliar with it, Mobx contains 3 elements: observables, actions, and reactions. The beauty of this pattern is that it takes care of all the wiring and boilerplate for you with generated code. You only need to care about observing data, invoking actions, and connecting reactions.
Dependency injection
Provider
This library is based on InheritedWidget. This allows you to ask for dependencies in the widget tree. The simplest explanation is that you can ask the Provider widget somewhere above your widget to return some data to you. This library is well-known in the Flutter community.
Get It
Get It is a service locator. It’s not exactly a dependency injection framework but it will help you to get your dependencies anywhere in the app. Use this if you don’t want your app to be tightly coupled with the Flutter framework.
Flutter resources – summary
I gathered all the resources from which I myself learned Flutter. With these resources, you can not only start learning Flutter app development, but also dive deep into this multi-platform framework. What you are going to find is all the basic theoretical stuff, tutorial videos as well as more detailed content about architecture and dependency injection.
I really hope that you know where to learn Flutter, it will all help you on your journey to learn this amazing technology. Good luck!
And perhaps you know some valuable Flutter tutorial online or Flutter online course, or even valuable Flutter books that I have failed to mention? Contact me using the contact form and let me know!
Find a job where you can learn from professionals 🚀
Check open job offers at The Software House and work with the best! 👩🏼💻
