So, to begin with why did I learn Flutter?
It was because of the fact that it came out recently and I had to get my hands dirty in a new technology. I also had interest in mobile apps and how they were made. So lets start with it.
What is Flutter?
So, Flutter is an open source framework by Google.
Mobile UI framework for creating native apps for IOS & Android, which means not only can you learn to develop apps for android devices but also for IOS devices.
As mentioned above that it can develop apps for both Android and IOS devices meaning it only requires single code-base(which is in Dart)which implies we only have to write our app once for multiple devices.
Now, the questions arises.
Why Use Flutter?
Only 1 code base
Very smooth and quick experience when running apps.
If you are looking to develop full stack apps with flutter , it works well with Firebase as a backend.
It uses an Object-Oriented Language known as Dart which is really easy language to pick up. The basics you can learn from this repository here, you can also refer the docs for dart here.
Uses Material Design out of the box.
It has great docs and guides on its official website.
So, now the question arises what should you know?
- A basic to good understanding of programming principles which includes:
- Classes
- Functions and methods
- Variables
- Asynchronous code
Flutter Overview:
ITS ALL ABOUT WIDGETS.
So, what are Widgets?
Widgets are the bedrock of flutter applications because without them we cant create anything inside a flutter app.
At first, the root widget that surrounds everything you see on the screen.
Then, nested inside the root widget , we have appbar widget which is at the top.
Inside, the nested appbar widget exists a textbar widget, which has the title of the app.
So, this nesting results in a tree like structure known as the widget tree. The widget tree describes the structure of widgets inside your app.
The resources you can follow are:
- Initially the flutter official flutter Docs.
- Then Flutter Tutorial for Beginners and you can find the same on Youtube This will be able to clear mostly all the concepts of Flutter and Dart.
- After clearing the basics of Flutter and Dart, you can move ahead and try to develop some full-stack apps with flutter and Firebase from here and here
My Initial Flutter Apps:
How I develop Flutter Apps:
Download Flutter
Open Visual Studio code.
Install these two extensions
- Press Ctrl+Shift+P and choose the option of creating new flutter app, then name your flutter app and you will have a sample app opened in your editor
- Then select the location where you want to create the app and name your app.
- You will be seeing a sample flutter app, with main.dart file
- Open terminal and run the command flutter run choose your emulator and run your app.
- Now you will be seeing a running sample app.
