Reasons to learn Flutter
1. Increasing Demand for Flutter Developers
Flutter Developers’ demand is increasing day by day in the job market as almost everyone is moving towards Native app development for which Flutter is very much relevant. Even many experienced developers who are in the development domain for many years are finding Flutter more preferable.
2. Larger Community
Think if you got stuck in any programming error and nobody is near you to guide what’s wrong. So, as a developer what’ll you do? Right, you search your error on Google or in a browser and you’ll find a similar problem with a solution. And that’s where the role of the larger Flutter community comes! The Flutter developers community has seen exponential growth in the last few years on different QA forums such as Stack Overflow, etc.
3. Better Documentation
Indeed, well-prepared documentation is also very essential for any framework or language to make a good standing in the market and Flutter has awesome and fully organized documentation where you can easily learn the syntax and other required concepts in detail. Also, as Flutter contain lots of library and widgets and you can easily find all these on Flutter documentation.
4. Fast Development & Time-Effective
Flutter supports the fast development process and saves a lot of time for the developers. Firstly, with the help of various enriching widgets, you can easily create a creative UI/UX design for your applications. Also, it is quite easy with Flutter to apply all the changes and to fix bugs instantly. Moreover, with Flutter, there is required less time to spend on testing and deployment of the application.
5. Easy to Learn
Flutter is comparatively easier to learn and if you know JAVA priorly then it becomes more convenient and easier for you to command over Flutter. Also, as Flutter uses Dart programming language, you need to be proficient with the language. You can start to learn Flutter via watching video tutorials and reading the official documentation.
Prerequisites for Learning Flutter
Your familiarity with the following is quite necessary to start learning Flutter. If you have no idea about any of the below, it is better to grab those concepts first and then continue with Flutter journey:
- Knowledge of native Android development: that is if you want to develop very fine and detailed applications
- OOPS Concepts: As languages like Java, C++ are based on OOPS concepts, it is important to be thorough with them. Here is a nice video that easily explains OOPS.
- You should know Dart programming before you can learn Flutter: but that's easy too. Dart is Google's general-purpose programming language. Hackr.io lists some good courses that can help you get on Dart fast and easy.
- Knowing C++/Java is an added advantage but not mandatory!
How to Learn Flutter?
Now is a good time to start learning Flutter. There are many resources on the internet, and information overload can be overwhelming. That's why we have come up with the best resources that can help you learn Flutter in the right way. There is a lot of documentation available on the official flutter website, but you should refer to other resources for more depth and variety.
1. Online Videos and documentation
A lot of sample videos and documentation are available on the official website.
You should also check out the Widget of the week on YouTube that covers a widget from the SDK. If you need quick hands-on about a widget – this is the place to go.
2. Online tutorials
Hackr's Flutter tutorial link has a list of some of the best free and paid courses. Flutter & Dart is a good course wherein you can learn both Dart and Flutter at once. Similarly, getting started with Flutter is a good beginner's course that you can take up for free.
3. Books
Books are a great way to get in-depth knowledge about any subject as well as reference material. Some of the best books to learn Flutter are:
As a beginner, you should be able to gather much from just these 2 books.
You can start or enhance your Flutter skills using the samples, demos, and examples created by the Flutter community on GitHub. Try the UI examples first, some of them are available on the app store – this will help you view how an application works in real-time.
Okay, we got it
So, I have the resources, but how do I start?
Well, let's start right away!
Let us quickly set up the flutter environment and build a simple app to get you started.
Installing Flutter
The first thing you should have is SDK – Software Development Kit – it is a set of software tools that come in a single package and can be used in your development environment.
For development, we use an integrated development environment (IDE)– makes your development and testing easy and fast. Like we learned before, there are 2 popular IDEs –
- VS Code – It is light, fast, and everything that you want an IDE to be! The best one you want to work on.
- Android Studio – With Android Studio on your device, you just have to install plugins for Flutter and Dart, set up the SDK, and you will be good to go.
Set up is easy, and you can follow the instructions from the official documentation.
Building a simple app using Flutter
Let us build a simple Hello World program. Through this program, we will understand the structure of Flutter, and the main methods used. Although it's too simple an app to be real, it still gives out a good start.
To create a new flutter project, just type
$ Flutter create proj_hello_world
The project will be created with the following structure –
proj_hello_world
android – to generate the Android app. Any Android-specific implementation will go inside this folder.
assets – to store data files, images, etc.…
ios - to generate the ios app. Any iOS-specific implementation will go inside this folder.
Lib – the main code files are created here main.dart – the main file
test – for unit testing purpose
For our simple application, we will need only the 'main.dart.' file. The file comes with some code, and developers mostly delete it to write their code from scratch. This is exactly what we will do too!
The first important thing is to import the 'material' package. It is used to include UI components.
import 'package:flutter/material.dart';
Just like many other languages, execution starts with the main method. The main method should include runApp() method that calls the code to be executed.
void main() => runApp(new HelloWorldApp());
The code to be executed is nothing but a widget. Remember that Flutter is all about widgets.
So, what is a widget?
If you did not know already, a widget could be anything – button, list, table, input box, card view basically, anything that controls the view. So, your entire Flutter app is a collection of widgets that come together and show up in a nice UI.
That is why every class you create should extend the widget class. Since all our application will do is to print Hello World, we just need a widget that doesn't need to save any state – a stateless widget. A stateless widget should have a build method.
class HelloWorldApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
Now comes the main magic –
return new MaterialApp(
home: new Material(
child: new Center(
child: new Text("Hello world!"),
The MaterialApp is the widget wrapper, of which material is one of the materials, and the center is the Widget that centers the elements. The text adds the text field widget. Apart from the attributes that you see – home, child – there are many other attributes like styling, position, decoration, etc that take care of the entire UI.
Well, let's put all the code together now –
import 'package:flutter/material.dart';
void main() => runApp(new HelloWorldApp());
class HelloWorldApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: new Material(
child: new Center(
child: new Text("Hello world!"),
),),);}}
… and run it using the command
$flutter run
Congratulations! You just built your first app. From here, your Flutter journey would be simple and fun.
Conclusion
There are many good courses designed by Udemy and other online sources for learning Flutter. If you are already into mobile app development, a good course will help you learn quickly so that you can get on board. However, if your project has relaxed timelines, you should do more experiments, try to build your widgets by setting up your local environment and read a book or two to know about more complex designs. Books will help you fill the gaps between what you already know and what you need to learn.