Roadmap to becoming a Flutter Developer in 2024.
There is no specific roadmap to learn Flutter So any sources included in this roadmap are personal recommendations. You can choose one or more sources if you wish, or you can search for other sources.
- If you know any one programming language like C#, or Java then you can grasp Dart within two to three days.
- else you will need to study dart well and solve some problems then you will Learn.
- Dart is an object-oriented programming language with C-style syntax.
- It is open-source developed by Google and released in 2011.
- The purpose of Dart programming is to create frontend user interfaces for:
- Mobile (Android & IOS) apps.
- Web apps.
- Desktop (Windows & MacOS & Linux) apps.
- Flutter is a UI toolkit for creating fast, beautiful, natively compiled mobile applications with one programming language and a single codebase, This means you can use one programming language and one codebase to create two different apps (for iOS and Android).
- It is an open-source development framework developed by Google and released in May 2017. Generally, Flutter is not a language; it is an SDK(Software Development Kit).
- Flutter apps use Dart programming language for creating an app.
- Flutter is mainly optimized for 2D mobile apps that can run on both Android and iOS platforms. We can also use it to build full-featured apps, including camera, storage, geolocation, network, third-party SDKs, and more.
🧠: Flutter is considered technology, and it is important to know that any technology can change and better technology may come over time. So, to be ready for this, you must learn science. This will help you adapt to the emergence or disappearance of any technology because you will learn it easily. Therefore, you must learn science parallel to technology after completing Dart.
Work with any of them My preference would be for VS code
- Variables
- Data types (int, double, Strings, boolean, etc...)
- Data collection (List, Map, etc...)
- Control Flow Statement (conditions, loops)
- Functions (parameters & their types)
- Operators.
- Extensions
- Principle.
- Types.
- Operators.
- Future Vs. Stream
- Keywords (async, await)
- Object-Oriented Concepts (Encapsulation, Polymorphism, Abstraction, Inheritance).
- Classes & Objects (instances)
- Constructors
- Getters & Setters
- Overriding
- Keywords (static, super, this, implements, extends, etc...)
- Class Modifiers
- Enum
Note:
If you are a beginner, and you don’t know any
OOPconcepts watch Mosh video about OOP concepts in general : OOP in 7 minutes..
Note:
The SOLID Principles are five principles of Object-Oriented class design. They are a set of rules and best practices followed while designing a class structure.
- Single Responsibility Principle. (SRP)
- Open-closed principle. (OCP)
- Liskov substitution principle. (LSP)
- Interface segregation principle. (ISP)
- Dependency inversion principle (DIP)
A programmer can write code, a better programmer can write clean code
- To make your code readable
- To make your code flexible
- To make your code testable
- To make your code maintainable
- How to tell the difference between good and bad code.
- How to write good code and how to transform bad code into good code.
- How to create good names, good functions, good objects, and good classes.
- How to format code for maximum readability.
- How to implement complete error handling without obscuring code logic.
- How to unit test and practice test-driven development (TDD).
- 1. Basics widgets:
- Basic widgets like MaterialApp, Scaffold, AppBar, etc.
- 2. Styling widgets:
- Basic widgets to style a static UI like Text, Container, Row, Column, Asset Image, Network Image, Stack, etc.
- 3. Use of Assets in pubspec.yaml:
- Know how to use assets(image, video, SVG, images ) and how to add using pubspec.yaml file.
- 4. Types Of Widgets (StatelessWidget vs StatefulWidget):
- Know the difference between stateless and stateful widgets.
- 5. Navigation & Route:
- Know how to navigate to the next screen and back to the previous and how to create routes.
- Tharwt Samy (Udemy paid)
- Abdullah Mansour (Udemy paid)
- Hassan falah (Udemy paid)
- Php Anonymous
- Muhammed Essa
Help you when learning flutter
Note:
- Types of database
- SQL
- NoSQL
-
Sqflite - local storage
-
Hive - local storage
-
English
-
Docs
-
-
shared preferences- local storage
- Arabic
- Firebase is an app development platform that helps you build and grow apps and games users love.
- Backed by Google and trusted by millions of businesses around the world.
- Accelerate app development with fully managed backend infrastructure
There are a lot of products, the following are the most important ones:
- Authenticaiton
- Cloud Firestore
- Storage
- Messaging
- App Distribution
If you want to use data live from the internet within your app you need to learn.
- how to call REST API’s
- make a Model for the request and response
- Parsing JSON data into dart objects
- HTTP requests.(post, delete, get, put)
There are some packages that help you deal with APIs
One Package is enough
- Dio
- HTTP
- Retrofit
The management and manipulation of data within an app to ensure that the user interface (UI) accurately reflects the current state of the application
- Introduction to State Management (Ahmed Abu Eldahab)
- difference between SetState, Provider, GetX, Cubit, and Bloc
One state management is enough (with setState)
-
English
-
Arabic
Note:
You can work with only one
Some of the prominent architectural patterns
- Model-View-Presenter (MVP)
- Model-View-Controller (MVC)
- Model-View-Intent (MVI)
- Model-View-ViewModel (MVVM)
- Clean Architecture
Well-designed animations make a UI feel more intuitive, contribute to the slick look and feel of a polished app, and improve the user experience.
How To Publish Your App On Google Play Store and App Store?
-
English
-
Arabic
- Grokky Algorithms
- Clean Code
- Good Code, Bad Code
- Head First OOAD
- Head First Design Patterns
- etc...
You will need to search and keep learning more and more...
