Dart & Flutter Course Road Map
**Dart**
Dart Notes: Dart Programming Tutorials in Telugu
1. What is Dart and about it (Ref)
a. JIT Just In Time Compiler
b. AOT - Ahead Of Time
2. Installation and Setup for Dart environment
a. Dart Pad Online Tool (Ref)
b. **VS Code offline Tool (Recommended) (Download)
c. IDE - integrated Development Environment
3. Data types, Variables and comments
4. Operators
5. Conditional Statements
a. If
b. else
c. Nested if else
d. switch
e. Conditional Expressions
i. Ternary operators
ii. Null-aware conditional operator
6. Looping Statements
a. For
i. For
ii. For Each
iii. For In
b. While
c. Do While
d. Continue and break keywords.
7. What is class and objects and examples Constructor
a. Class
i. Properties
ii. Methods (.. also referred as functions)
b. Objects
8. Function/Methods
a. What is the method and how to use it?
b. Normal Method
c. Required parameters method
d. Optional parameters method
e. Default parameters method
9. Explain passing values to constructor
10. Inheritance Concept
11. const, final, fat arrow notation
12. Var and dynamic
13. Dart Collection Topics: List, Set, Map etc.
14. Exception Handling
15. Asynchronous Programming
a. What is an asynchronous programming language?
b. Await, Async, Future explanation
16. Null Safety and null handling and its operators
a. Late
b. ?
c. ??
d. !
**Flutter**
17. Flutter Intro and Installation and Setup
a. Intro to Flutter
b. Installation and Setup
i. Download Android Studio (Ref)
ii. JAVA SDK install (Ref)
iii. Download Flutter SDK (Ref)
iv. Download Flutter And Dart Extensions in Android Studio (File -> Plugins then
search for “Flutter” and “Dart”, install them Like this)
v. Download VS Code (Ref)
vi. Download Flutter And Dart Extensions in VS Code (Go To Extensions screen and
search “Flutter” and “Dart”, install them Like this)
vii. Setting Path
1. Setting Path for Windows (Ref)
2. Setting Path in MacOS (Ref)
*** Beginners Concepts ***
18. Flutter Project Explanation
a. Flutter project creation
b. Flutter Project directories explanation
c. Flutter Default Code explanation
d. What is the PubSpec.yaml file?
e. main and runApp?
f. What is MaterialApp?
i. Material Design-3 Ref
ii. Material Design-2 Ref
g. What is a Scaffold Widget?
h. Assignment: setup and create first flutter App
19. Basic Widgets - 1
a. Clear Existing Code
b. Scaffold Widget
c. AppBar
d. Icon Widget (Ref)
i. Font_awesome_icons (Ref)
e. Colours (Ref)
f. FAB Widget (Floating Action Button) (Ref)
g. Container Widget
h. Text Widget
i. Center Widget
j. Assignment: Create screen with using today class Widgets
20. Basic Widgets - 2
a. Padding & Margin
i. Padding - always inside
ii. Margin - always outside
iii. Padding vs margin (Ref)
b. Padding Widget
c. IconButton Widget
d. TextButton Widget
e. InkWell Widget
f. GestureDetector Widget
g. Button Widget
h. TextField Widget
i. Assignment: Create screen with using today class Widgets
21. Row - Column - Stack
a. Row Widget
i. mainAxisAlignement for row => horizontal
ii. crossAxisAlignement for row => vertical
(Ref)
b. Column Widget
i. mainAxisAlignement for Column => vertical
ii. crossAxisAlignement for Column => horizontal
(Ref)
c. Stack Widget
i. Positioned Widget
c. Spacer
c. SizedBox
c. Assignment: Create a Login Page
22. Image Widget
a. How to create assets folder
b. How to add Images or other media and Register them in pubspec.yaml
c. Cached network Image
d. Image Widget
e. Circle Avatar Widget
f. How to show from URL and assets
g. Change app Icon (Link)
h. Assignment: Create 2 Image one show image from Assets and URL.
23. Custom Font
a. How to create assets folder
b. How to add fonts to asset folder and Register them in pubspec.yaml
c. Change whole App Font Style
d. Change Particular Widget Text Font Style https://fonts.google.com/specimen/Poppins
e. Assignment: Create app and use any custom font
24. Stateless Widget
a. Create a Stateless Widget
b. Explain its life cycle
i. build() **
c. Assignment: Create a stateless widget with your own design
25. Stateful Widget
a. Create a Stateful Widget
b. Explain its life cycle
i. initState() **
ii. didChangeDependencies()
iii. build() **
iv. didUpdateWidget()
v. dispose() **
c. Short cuts for creating Widgets
d. Assignment: Create a stateful widget with your own design
26. State Management Technique (Ref)
a. setState method
b. Assignment Implement Count increment & Decrement App
Application Life
27. Form Validation
a. Create a real time form with all the widgets
b. TextFormField Widget
c. With Image.file() example (ImagePicker)
d. SingleChildScrollView
e. Form validation types
i. Using Form Widget
ii. Using TextEditingController
28. Named Navigation
a. Navigation Using Router
b. How to move from one Screen to Other Screen
c. Passing data from one screen to other screen
d. Assignment: Create a Screen with List of Items using ListView Builder whenever the user
clicks on the item then needs to show that item in the next Screen.
29. Drawer & Bottom Navigation Bar
a. Bottom Navigation Bar Widget
b. Drawer Widget
c. AppBar Actions
d. Assignment Create a Flipkart Just a Simple, Don’t need to be Pro
30. Lists
a. ListView
b. ListView Builder
i. ListTile
ii. Card
c. ListView Divider (separator builder)
d. GridView Builder
e. PageView Widget, PageController
f. TabLayout
g. Bottom Sheets
h. Assignment: Create 2 Screens one with ListView Builder and GridView.
31. Other Useful Widgets - 3
a. Expanded Widget
i. Match Parent (full -> width,height) (MAX)
ii. Expanded widget extends Flexible Widget only internally
1. Give row column example
b. Flexible Widget
i. Wrap Content (min -> width, height)(MIN)
c. Spacer Widget
d. SizedBox Widget
e. AbsorbPointer and IgnorePointer Widget
i. AbsorbPointer
1. Only disable touch for subtree but allows to its childerns
ii. IgnorePointer
1. Disable touch for itself and its subtree
iii. For disabling the touches
f. PlaceHolder Widget
f. Scrollbar Widget
f. CheckBox Widget
i. For multi value selection
f. RadioTitle Widget
ii. For Single option selection
f. DropDown Button
iii. Single selection from multiple options
f. Dialog Widget
f. SingleChildScrollView Widget
f. MediaQuery
f. LayoutBuilder Widget
f. SafeArea
*** Intermediate ***
32. Localization/Internalisation
33. Streams
34. Web Services & Rest API Integration
a. API stands for Application Programming Interface
b. HTTP Methods
i. GET
ii. POST
iii. PUT/PATCH (update)
iv. DELETE
/posts/1 => Normal
/posts/1/comments => This is called Path Params
/comments?postId=1 => This called Query Params
Postman: https://www.postman.com/
Swagger: https://petstore.swagger.io/
HTTP STATUS CODES
c. What is API request and how to get data from server
c. API operations
i. CRUD
1. C - Create (post or insert)
2. R - Read (Fetching or getting)
3. U - Update
4. D - Delete
c. What is json? JsonObject and JSONArray
ii. JSON stands for JavaScript Object Notation
iii. Alternative to JSON is XML.
iv. [ ] => JSON Array (Multiple records) (it is like list)
v. { } => JSON Object (single record) (it is like map)
1. Nothing but Dart Map
JSON Viewer
f. Http & Dio packages
i. Http Status codes
1. 200 - get success
f. How to parse the json data
f. How to create Model Classes / Data Class / POJO Class
f. How to get Data from Server and Shown to User
ii. Showing Directly
iii. Using FutureBuilder
iv. Using StreamBuilder
f. Assignment: Build a screen which shows data from Server (API)
Convert Json data to Models
35. Shared Preference
a. What is the shared Preference (SP)?
b. Examples and use cases of the shared Preference
c. Shared Preference with Example
i. User logged in or not
ii. To store User profile data
iii. User Preference ex: Dark Mode
d. Assignment: Create Login and Home Screen Using SP
36. Payment gateway Integration (RazorPay)
37. Deploying Developed app in Play Store
a. Using APK
i. Ex: Apk Size 24 MB
ii. Command : flutter build apk --release/--debug/—profile
iii. Extension: .apk
b. Using AppBundle (Ref)
i. Ex: AppBundle 8 to 10 MB
ii. Command : flutter build appbundle --release/--debug
iii. Extension: .aab
c. Ios
i. .ipa
38.
a. Play Store $25 dollars lifetime (Android)
b. App Store $99 dollars per year (iPhone/iOS)
i. https://appstoreconnect.apple.com/
