DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป is a community of 968,547 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Flutter RoadMap
Tushar Mahmud
Tushar Mahmud

Posted on

Flutter RoadMap

Flutter is a user interface toolkit that is developed by Google which lets users to build apps for IOS, Android, Web and even for Linux, Windows and macOS all from a single codebase.

Flutter is an open-source framework that uses the Dart programming language. One of the best features of Flutter is hot reload. And it is used to make cross-platform apps. Today I am going to explain the complete road map to becoming a flutter app developer.

Dart programming language: So, the first thing you need to learn is the Dart programming language. Dart programming language is developed by Google. It is open source and anyone can learn from the official site. Start from basic. In basic learn about data types like int, String, double, List, and Map. You should learn about loops, operators, and conditionals. When you have completed the basics of dart start Object Oriented Programming(OOPs).

Object-Oriented Programming(OOPs): When you have good knowledge of the basics of Dart Programming language I suggest you make a strong concept on Object-Oriented Programming. You need to learn about Class, Object, Inheritance, Constructor, getter, setter, etc.

Null Safety: After finishing OOPs learn about Null safety like:? late,! and ??.

Stream: A stream is like a pipe you put a value on the one end and if there is a listener on the other end then that listener will receive that value. I suggest you learn about the stream as well as async and await.

async/await: Async means that this function is asynchronous and you might need to wait a bit to get its result. Await means wait here until this function is finished and you will get its return value.

You can use Android Studio and Vs Code IDE for making a flutter app. Android Studio is the official IDE but needs more resources than VS Code. So if you have a low-spec device then use VS Code. Both IDE is good but VS Code is lightweight.

User Interface (UI): In the UI part learn about different Widgets. Learn about Stateless, Stateful, and Inherited Widgets. Also, learn about the Material and Cupertino Style.

Static widgets: You need to learn about static widgets like Text, Container, Column/Row, Stack, and Image.

Dynamic widgets: As Dynamic widgets learn about ListView builder, GridView builder, Expansion Tile, etc.

Assets: Learn how to integrate assets like: Fonts, Images, Audio, and Video.

Animation: Learn about using different animations like Hero animation, animations package, custom animation, and many more.

Navigation: Passing data, Transitions, and Deep linking.

State Management: Learn about what is state management and different kind of state management like Provider, BLoC, GetX, etc.

Life Cycle: Learn about the life cycle. In-app sections like detached, inactive, paused, and resumed. In the widget section: create a state, mounted, init state, build, setState, dispose, and many more.

Backend: In the backend, section learn about Firebase, API Integration, SQL, Shared pre, and Authentication.

Firebase: Learn to integrate Firestore, Real-time database, and cloud storage.

API Integration: Learn about Json like to Json and from JSON. Learn about HTTP and Dio packages. Learn about get, post, patch, and delete HTTP requests.

SQL: Learn to use SQL database in flutter and to do CRUD operations.

Authentication: In Authentication, I suggest learning Firebase Auth via email, google, phone and Facebook. As well as learn about Local Auth like Biometric and pin/password.

Design Pattern: Feature-Based and Type Based.

Tools: Learn Git, GitHub, CI/CD.

Analytics: Firebase Analytics, Crashlytics, and custom events.

Publish: Learn to publish an app on the Play Store, App Store, Microsoft Store, and GitHub pages.

Feedback
If you find something wrong or anything else you can comment or you can connect with me.

Top comments (0)

Take a look at this:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. ๐Ÿ›