• Stars
    star
    107
  • Rank 323,587 (Top 7 %)
  • Language
  • License
    MIT License
  • Created almost 4 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A roadmap from a beginner's point of view. Which can help you in becoming a full fledge flutter developer.

πŸ—Ί Flutter Roadmap & Resource Guide

In Reference to detailed Article Here

I will be sharing a simple roadmap and resources that I use personally for improving my flutter skills. You can obviously figure out your way of learning but here's mine. I will keep on adding link from Flutter Offical Docs so that you might get an idea how helpful Flutter official documentation is. πŸ˜ƒ

πŸƒβ€β™‚οΈ Let's Begin!

Its more like a mix of Roadmap and Resource. So, that if you are a complete beginner you will have something to jump to :)

🎯 Confusion Regarding Dart

A lot of people think ask whether we need to learn Dart before starting flutter or not? My opinion is:

  • If you are new programmer, you must the knowledge of OOP and Stack in Data structure will be a plus!
  • Otherwise, there is no need to learn Dart specifically its quite similar to Java/C++/C# so you will keep getting it on the way :)

πŸ’» Which IDE is BEST!?

I have seen a lot of beginners confused between which IDE to choose for Flutter development. Well, here is my suggestion for you.

  • If you have a High End machine (at least SSD & 8GB RAM) then you can go for Android Studio and feel free to use Emulator Alongside.
  • If you have a Low End machine (at least 4GB RAM) then you can go for VS Code and you Cannot User Emulator because it will slows down your system if you opened even a single tab of Chrome for searching some errors.

πŸ”΄ Suggestion:

I would strongly recommend you to download Android Studio even if you are not planning to use it. WHY? Well because it will get you a lot of stuff like Android Gradle, Android SDKs, Android Emulators etc built-in. Otherwise, you will need to download them manually and set each one of them. And Believe me, its pain in the ass!

πŸ‘¨β€πŸ« Flutter Basics

Starting a complete beginner if you are looking for some Udemy courses or YT playlist I would recommend you the following:

After this, you must have the knowledge as shown below:

πŸ’Ύ Database

Now, you are done with the basics of flutter and its time to up your flutter game. Let's start with some Database. For flutter, I would recommend you to start with Firebase. You can use the following resources depending on which helps you to learn stuff faster:

But What if your client asks you store data locally? No problemo! You can learn SQFlite quite similar to sqlite.

🎨 Responsive UI

Till here you are a complete flutter developer who is very good with Flutter alongside at least very common database i.e Firebase. For Flutter apps it's your responsibility to make your apps responsive for various types of screen sizes. Hence, make sure to learn Responsive UI in Flutter and you can use the following to get you started:

🌐 Networking

If you are at this stage altough you can develop apps with beautiful responsive UI alongside database. But, you need to keep learning more and more stuff so that you can manage data otherway around. For that, make sure to learn RESTful API and jSON Data. In case you are a good with socket programming you can learn that but that's optional here :)

πŸ“± Apps you can try:

πŸ›  State Management

The next big thing you need to learn for Flutter is managing the state. There are a lot of State managment techniques that you can use. Following are few:

πŸ“± Store Knowledge

Since you are a cross-platform app developer now, you must know about the guidelines of uploading an app to App Store and Google Play store. So, make sure to get knowledge about uploading an app accordingly.

πŸ€” What's Next?

Learning never ends! Keep learning with resources, keep exploring, keep sharing your apps and projects with others to get reviews and help. And always remember:

"Achivements Don't Speak themselves!"

  • Get yourself a Nice looking GitHub profile and showcase your project with proper documentation. This shows other people who are looking for developers that you are serious about your work and career. Get a nice GitHub Readme for you. Here's mine, you can use it and customize it for yourself 😊
  • Same goes for having a Nice looking LinkedIn profile and make connection. This will keep you going and you will get numerous opportunity on the way!
  • Another good way to present yourself will be having a live resume. Ask your friend to get you simple one.

πŸ“ƒ Other Resources

Below are the resources which you can use to expand you Flutter knowledge and research:

Make sure to 🌟 the Repo!

Author

Muhammad Hamza πŸ§‘

LinkedIn Link

πŸ‘‰ You can also follow my GitHub Profile to stay updated about my latest projects:

GitHub Follow

Copyright (c) 2020 MUHAMMAD HAMZA

πŸ”‘ LICENSE

  • This project is licensed under the MIT License - see the LICENSE file for details

More Repositories

1

the-holy-quran-app

Holy Qur'an Application. Developed using Flutter
Dart
808
star
2

devfolio

Live multi-platform portfolio designed and developed in Flutter
Dart
714
star
3

medkit-pharmacy-app

To cure symptoms of various disease using medicines at home this app will act as guideline. Few animations are used and Firebase is used as database.
Dart
129
star
4

awesome_snackbar_content

A beautiful dart package to uplift your SnackBar experiences in the application
Dart
99
star
5

hacktoberfest-flutter

For all the Flutter developers out there make your first Pull Request and earn a free Tee from GitHub!
Dart
93
star
6

here-i-am-alert-app

Concept for women safety Application!
Dart
69
star
7

messenger-chat-head-flutter-ui

Famous FB Messenger Floating Chat head UI developed in Flutter.
Dart
67
star
8

covid19-tracker-app

It's a very simple COVID-19 Tracker app.
Dart
50
star
9

flutter-boilplate-2.5

A basic template of Flutter to get started. Includes various folders and packages that might be necessary.
HTML
46
star
10

full-stack-flutter-app

Minimal flutter application with dart_frog as backend
Dart
30
star
11

password_validated_field

A package that lets you include a cool, nice looking and validated Password TextFormField in your app to enhance user experience. The package is fully & easily modifiable.
Dart
28
star
12

navigationrail_widget

Example Code of Flutter's New Widget in v1.17
Dart
20
star
13

mhmzdev

18
star
14

medium-blog-feed-flutter-app

Medium Blog feed integration with RSS2json API endpoint with MVC architecture
Dart
17
star
15

flutter_chrome_extension

A very basic example of using flutter web as chrome extension
C++
13
star
16

BFS-Romania-Map-Problem

BFS Implementation of Romania Map Problem in Python
Python
11
star
17

earbender_music_app

Music App developed in Flutter
Dart
11
star
18

portfolio

Web based live portfolio developed with basic web technologies
CSS
10
star
19

my-order-resturant-ordering-system

An android application developed using Java which could acts as a self service in restaurants and pubs.
Java
9
star
20

flutter.dev-flutter-web-clone

Clone of Flutter official site https://flutter.dev/ using Flutter for Web
Dart
9
star
21

walking-tales-app

Dart
9
star
22

mhmzdev.github.io

Deployed
JavaScript
9
star
23

flutter.py

Flutter web app with Python (Django) backend
Dart
7
star
24

AI-ML_Course_py_files

Python Files from AI/ML Course
Jupyter Notebook
5
star
25

Discount-Calculator-React-Native

Discount Calculator App - React Native (University Task)
JavaScript
5
star
26

news-app-flutter-multipform

Dart
5
star
27

FTP_GUI_Java

DCCN Project. GUI based FTP using Java. I coded this in eclipse so I guess you might also need eclipse for "Design Page"
Java
5
star
28

Flutter-Bloc

Basic implementation of flutter_bloc with firebase auth and other related stuff :)
Dart
4
star
29

flutter-guide-3.0

C++
4
star
30

musify-flutter-music-player

Music player app at very basic level
Dart
4
star
31

COVID19-Tracker-React-Native

COVID19 API based Tracker App developed in React Native (University Task)
JavaScript
4
star
32

take_home_challenge

Take Home Challenge for Flutter Karachi
Dart
4
star
33

flutter-metamask

A very basic example of integrating flutter3 to web3, a little integration of Metamask here.
C++
3
star
34

Tic-Tac-Toe_React-Native

Simple tic tac toe game developed in react native.
JavaScript
3
star
35

flask-restful-CRUD-API

A very simple API of TODO app for handling CRUD operation (TESTING ONLY)
Python
3
star
36

flutter-bloc-implementation

A very close implementation to actual bloc architecture that separates the data layer with business and presentation layer.
Dart
3
star
37

programming-concepts

This repo holds some of the programming concepts that I've learned and still learning.
3
star
38

Titanic-Survival-ML-Model

A Machine Learning Model based on Logistic Regression that predicts the survival of passengers travelled in Titanic.
Jupyter Notebook
3
star
39

flutter-bloc-rest-api

A very basic example of calling rest api using BloC
Dart
2
star
40

TasTea_Canteen-Ordering-App

TasTea is an ordering system app for Canteen. I've left working for it. So, feel free to contribute :)
Dart
2
star
41

Feedy-Feed-the-need

Dart
2
star
42

Hidev_Web

College Project - Web technologies
PHP
2
star
43

django-restframework-learning

Repo that contains beginner's friendly examples and basics of django-restframework to get started
Python
2
star
44

flutterflix-movie-app-UI

Dart
2
star
45

blocpod

An experimental framework to play with
Dart
2
star
46

pokemon_flutter_app

Dart
1
star