Scribd
Upload
2K views

Flutter Roadmap: Overview

This document outlines a roadmap for learning Flutter, including topics for beginner, intermediate, and expert levels. For beginners, it covers Dart basics like variables, data types, functions, and classes. It then discusses Flutter basics like widgets, states, and building a simple app with navigation. Intermediate topics include networking, databases, responsive UIs, and testing. Expert topics cover clean architecture, performance profiling, and deploying apps to stores. It also provides links to free courses and paid courses on Flutter Mapp with discount codes.

Uploaded by

Asif Khan
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2K views

Flutter Roadmap: Overview

This document outlines a roadmap for learning Flutter, including topics for beginner, intermediate, and expert levels. For beginners, it covers Dart basics like variables, data types, functions, and classes. It then discusses Flutter basics like widgets, states, and building a simple app with navigation. Intermediate topics include networking, databases, responsive UIs, and testing. Expert topics cover clean architecture, performance profiling, and deploying apps to stores. It also provides links to free courses and paid courses on Flutter Mapp with discount codes.

Uploaded by

Asif Khan
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Flutter Roadmap

By Flutter Mapp

Overview:

- Diagram available for download also (Same email)


Dart Language

Dart basics:
- Variables
- Data types
- Numbers
- Booleans
- Strings
- Lists
- Maps
- Basic looping
- Data fundamentals video (FREE):
https://courses.fluttermapp.com/courses/flutter-for-beginners/lectures/43156060

Objects:
- Classes
- Properties
- Constructors
- Callbacks

Functions:
- Named parameters
- Return values
- Callbacks

Null Safety:
- Video (FREE):
https://courses.fluttermapp.com/courses/how-to-learn-flutter-for-beginners/lectures/4315
8089
Flutter Beginners

States:
- Stateless
- Stateful
- setState

Basic Widgets:

- Padding - IconButton
- Expanded - MaterialBanner
- StatelessWidget - TextButton
- StatefulWidget - OutlinedButton
- MaterialApp - ListTile
- TextField - ListView
- Wrap - Divider
- Center - TextStyle
- Scaffold - Text
- Appbar - Visibility
- Container - TextFormField
- Image (Asset or Network) - SnackBar
- Column - StreamBuilder
- ElevatedButton - BottomNavigationBar
- SizedBox - Drawer
- SingleChildScrollView - DrawerHeader
- Icon(Icons.profile) - SafeArea
- Colors.blue - CircleAvatar
- List.generate - CheckBoxListTile
- Row - GestureDetector

User Inputs:
- TextField
- TextFormField
- Form

Debugging:
- Breakpoints
- Solving errors

Basic packages:
- Icon launcher: https://pub.dev/packages/flutter_launcher_icons
- Firebase core: https://pub.dev/packages/firebase_core
- Firebase auth: https://pub.dev/packages/firebase_auth
- Cloud firestore: https://pub.dev/packages/cloud_firestore
- SharedPreferences: https://pub.dev/packages/shared_preferences
- Other packages: https://pub.dev/

Multi-page application:
- Navigator 1.0
- Example:

Error handling:
- Try Catch

Basic Database integration:


- Authentications: https://pub.dev/packages/firebase_auth
- Example: https://www.youtube.com/watch?v=rWamixHIKmQ
- Data Storage (cloud firestore): https://pub.dev/packages/cloud_firestore
- Cloud functions: https://pub.dev/packages/cloud_functions
Flutter Intermediate

Networking:
- Asynchronous Dart programming (Future, async, await)
- API Calls
- Json parsing
- Http packages (Dio): https://pub.dev/packages/dio

Intermediate user interfaces:


- Responsive UI
- Example here: https://www.youtube.com/watch?v=yIxEpbyNAy8
- Widget: LayoutBuilder
- Animations
- Example here: https://www.youtube.com/watch?v=kJQCLrExrns

Intermediate Database integration:


- Google sign in
- Apple sign in
- Facebook sign in
- Relational database SQLite: https://pub.dev/packages/sqflite

Application architecture - separation of concerns:


- Riverpod (Flutter Mapp’s favorite): https://pub.dev/packages/riverpod
- State managements
- Provider
- Riverpod
- setState
- InheritedWidget
- Redux
- BLoC
- GetIt
- MobX

Testing:
- Unit testing (FREE):
https://courses.fluttermapp.com/courses/hero-to-pro/lectures/38288299
- Widget Testing (FREE):
https://courses.fluttermapp.com/courses/hero-to-pro/lectures/38601758
- Integration Testing (FREE):
https://courses.fluttermapp.com/courses/hero-to-pro/lectures/38613492
- Mocks

Linting:
- https://pub.dev/packages/lint
Multi-Page Applications:
- Navigator 2.0

Deploying to Stores:
- App Store
- Play Store
Flutter Expert:

Clean Architecture:
- Explained inside the Flutter Pro Course

Expert user interfaces:


- Widget lifecycle (Explained inside the Flutter Pro Course)
- Internationalizing Flutter apps:
https://docs.flutter.dev/development/accessibility-and-localization/internationalization

Performance profiling:
- Explained inside the Flutter Pro Course
- Performance overlay
- Flutter Run Profile
- Track Widget Builds
- Network
- Cpu profiler
- Memory

Flutter Other Platforms:


- Flutter Web
- Flutter desktop

Analytics:
- Usage analytics
- Crash logging
- A/B testing
Courses:

Learn Flutter in 15 minutes (FREE)


- Video: https://youtu.be/aG9uSXdU2sk

Flutter For Beginners (Available on https://www.FlutterMapp.com):


Use code (40% OFF Limited Time Only) : ROADMAP40
Or use this link: Flutter For Beginners 40% OFF

Flutter Pro (Available on https://www.FlutterMapp.com):


Use code (40% OFF Limited Time Only): ROADMAP40
Or use this link: Flutter Pro 40% OFF

You might also like