Flutter App Developer Roadmap - A complete roadmap to learn Flutter App Development

Overview

Roadmap To Become A Flutter Developer. This is a practical road-map for Flutter app development.

🤓 Author(s)

Md Tarikul Islam Twitter Follow

Roadmap to learn Flutter App Development

  • Programming Language

    • Dart
  • IDE for development

    • VsCode
    • Android Studio
    • intellij
  • User Interface

    • Widgets
      • statefull widget
      • stateless widget
      • accessibility
      • Inherited widget
        • Theming
        • Localization
    • Style
      • Material
      • Cupertion
    • Assets
      • fonts
      • images
      • svg
      • audio
      • video
  • Static User Interface

    • View
      • Text,Image,button raised button etc
    • ViewGroup
      • Container, Row, Column, Stack, Expanded, ConstrainedBox
  • Dynamic User Interface

    • ListView
    • GridView
    • ExpansionTitle
  • Animation

    • AnimatedWidget
    • AnimatedBuilder
    • AnimationController
    • CurvedAnimation
    • Hero
    • Transform
    • Opacity
  • Sotrage

    • shared preference
    • file storage
    • sqlite
  • 3rd party libararies

    • http
    • dio
    • get_it
    • cached_network_image
    • Flutter_webview_plug-in
    • font_awesome_flutter
    • SQFLite
    • rxdart
    • bloc_pattern
  • Behavior Components

    • Permission
    • Local Notification
    • Push Notification
    • Download Manager
    • Media Playback
    • Preference
    • Sharing
  • State management

    • setState
    • Provider
    • Redux
    • BLoC
    • MobX
  • Quality Assurance

    • Firebase
      • Crashlytics
      • App distribution
      • Analytics
    • Google play beta tests
    • TestFlight
    • App Center
  • Version Control

    • Git
    • Github
    • Bitbucket
    • Gitlab
  • Firebase

    • Firebase Auth
    • Firebase database
    • Firebase Storage
    • Firebase Messaging
  • Native Integration

    • Android
      • Android Studio
      • Java
      • Kotlin
      • App Siging
      • Google Play Store
      • In App Purchase
    • ios
      • Xcode
      • Swift
      • Objective-C
      • Apple Certification
      • AppStore
  • Keep Learning and try to improve your code.

Requirements

  • Any Operating System (ie. MacOS X, Linux, Windows)
  • Any IDE with Flutter SDK installed (ie. Android Studio, VSCode, IntelliJ, etc)
  • A little knowledge of Dart and Flutter
  • A brain to think 🤓 🤓

I tried to learn following this guideline. So It's not mandetory you have to follow this. Thank you. Happy Learning

Tag: flutter-developemnt-roadmap, flutter-app-development-roadmap, flutter-roadmap, flutter-development-learing-guideline, flutter-development-guideline, flutter-development-for-beginners, roadmap-for-beginners, flutter-learning-guideline

You might also like...

A complete Flutter chat UI kit

A complete Flutter chat UI kit

A complete Flutter chat UI kit This Flutter package provides you with a base structure as well as a set of tools that allow you to quickly build up a

Dec 25, 2022

Weather app A complete simple weather application.

Weather app A complete simple weather application.

Weather app A complete simple weather application. Getting Started Get your own API key from: open weathe map aqicn Google Cloud Platform Setup for go

Oct 25, 2022

A simple todo app for keeping track of complete and incomplete tasks

bloc_todo_list A simple todo app built using bloc architecture and state management Getting Started This project is a starting point for a Flutter app

Nov 29, 2021

Complete movie app with flutter_riverpod and moviedb api

movieapp A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Nov 27, 2021

Provides a complete list of Philippine towns, cities, provinces and regions.

Philippines This provides a complete list of Philippine towns, cities, provinces and regions. References: http://en.wikipedia.org/wiki/Regions_of_the_

Oct 3, 2022

Learn Flutter on Flutter! A widget directory with implementation samples!

Learn Flutter on Flutter! A widget directory with implementation samples!

Fludget Browse through a variety of widgets used in flutter This application is developed to learn Flutter using Flutter. Different widgets used in fl

Nov 23, 2022

In this video, we learn how to do integrate Google Admob with Flutter with latest Flutter 2.0 Google Admob Package.

In this video, we learn how to do integrate Google Admob with Flutter with latest Flutter 2.0 Google Admob Package.

💰 Monetizing Flutter apps with Google AdMob 💰 In this video, we learn how to do integrate Google Admob with Flutter with latest Flutter 2.0 Google A

Nov 30, 2022

A simple app to keep track the time you Learn, Playing, Reading, ... in every week. This is also my attempt to teach myself Flutter & Dart

A simple app to keep track the time you Learn, Playing, Reading, ... in every week. This is also my attempt to teach myself Flutter & Dart

Progressor 0.0.1 Sometime you want to set a target for you weekly, for example: "Reading Book for 8 hours every week". This app helps you to do that.

Oct 12, 2022

A weather app built to learn how to use Canvas and Animation in Flutter.

A weather app built to learn how to use Canvas and Animation in Flutter.

Weather Quick Disclaimer I removed my private OpenWeather API key from the repo, if you want to get the weather forecast use your own in the openweath

Dec 21, 2022
Comments
  • Fix typos

    Fix typos

    Typos:

    • statefull -> stateful
    • libararies -> libraries
    • Sotrage - > Storage
    • Cupertion -> Cupertino
    • Siging -> Signing
    • mandetory -> mandatory
    • developemnt -> development
    • learing -> learning

    Other changes: RaisedButton is Deprecated. Alternative widget is ElevatedButton https://docs.flutter.dev/release/breaking-changes/buttons

    Capitalise list items except package names

    Use actual package name in 3rd party libraries section

    opened by Omkar76 1
  • Thankful for the roadmap on flutter development

    Thankful for the roadmap on flutter development

    This is to appreciate and say thanks for the detailed roadmap to flutter app development. Being a flutter app development services provider myself, I can second that it is not easy and on github posts like these really helps a alot. Many thanks!

    opened by MichelleA2 1
Owner
Md Tarikul Islam
Software Engineer | Android Developer | Cross-Platform Apps Developer | Open-Source Enthusiast
Md Tarikul Islam
Flutter Presence App integrated with geolocation (GPS) that can help your company or you as a developer to build a presence app

Flutter Presence App integrated with geolocation (GPS) that can help your company or you as a developer to build a presence app. beauty user interface and have a multi user ( admin and employee ). You can also change the appearance of this application easily or add new features. Using Getx and Firebase.

Muhammad Rezky Sulihin 96 Dec 25, 2022
Mobile App Developer Assessment by ETiQA IT

TO-DO LIST APPS Mobile App Developer Assessment by ETiQA IT Getting Started This project is an assessment developed using Flutter with Dart language.

Haziq Shukor 1 Nov 22, 2021
Ini merupakan repository yang ditujukan untuk memenuhi persyaratan Front-End Developer di Sribuu.

Sribuu Home Task - Movie App Ini merupakan repository yang ditujukan untuk memenuhi persyaratan Front-End Developer di Sribuu. Dimana pada aplikasi in

Tegar Yasindra 0 Dec 30, 2021
GetDoctor is a complete app developed in Flutter, Firebase and Blazor,.Net Core API and SQL Server

GetDoctor ?? ?? ?? GetDoctor is a complete app developed in Flutter, Firebase and Blazor,DotNet Core API and SQL Server GetDoctor is a complete packag

Sunil Vijayan 69 Dec 19, 2022
A Complete Weather App Using Flutter

weather ?? A complete weather app Use this source code in your project Rate me ⭐ Thank you ☺ Platform Android ✔️ Preview About Work it with API Finde

Amirziya 3 May 18, 2022
Shopping-Trend - E-Commerce Complete App UI With Flutter

E-Commerce Complete App - Flutter UI In the first part of complete e-commerce ap

Ashirbad Swain 30 Dec 19, 2022
A complete grocery store developed with Flutter, .Net Core, Firebase, One Signal and SQL Server as backend

# Grocery-Store developed in Flutter,DotNet Core, Firebase, One-Signal, SQL-Server, Stripe, Razorpay, Paypal A complete grocery store developed with F

Sunil Vijayan 31 Jan 1, 2023
Complete Flutter OpenIdConnect Library

OpenIdConnect for Flutter Standards compliant OpenIdConnect library for flutter that supports: Code flow with PKCE (the evolution of implicit flow). T

null 50 Dec 24, 2022
A complete Flutter E-Commerce Book Store application built using firebase as backend

ecommerce A complete Flutter E-Commerce Book Store application built using firebase as backend. Features Add or remove item in cart Search products Ad

aakanksha 2 Sep 24, 2022
The most complete Chat UI for flutter highly customizable and helps developing chat UI faster.

⚠️ Dashchat v2 is available in v2 branch ⚠️ You can open issues for the v2 to indicate things we need to implement/fix. Also the API can change until

Fayeed Pawaskar 432 Dec 11, 2022