KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #ai-agents #dsh-plugin #codex #developer-tools #claude-code #windows #desktop-app #typescript #rust #ai-agent #cli

FlutterAppDevCourse

★ 30 Open GitHub ↗

A roadmap to learn flutter

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Flutter Roadmap
This repository will contain all the study material like videos and blogs for you to read over the period of 4 weeks. Few assumptions for your consideration
1. You are free for next 4 weeks and ready to dedicate your precious time to this.
2. You have prior knowledge in some other language.

Some things to note:
1. For any doubts, you can contact me on LinkedIn.
2. I encourage searching on google your doubts before asking to me as it will inculcate a strong habit of solving your problems on your own using google.
3. Each week you will be provided with a task to complete which is to be completed in the same week. You will be submitting the code and screen recording of the task you have completed so that I can validate the completion of the task.

# Prerequisites 
There are some major pre-requisites if you really want gain out of this 4 week lonk programme
1. An open mind to learn new things
2. Dedication towards learning
This will suffice

# Resources 
Before every week the resources will be updated here with a task to be completed. You can choose any medium to study. I am providing both blogs and video. Study as per your convenience.
### Week 1
1. Installing Flutter 
 
   (i) [Blog] https://flutter.dev/docs/get-started/install/windows 
 
   (ii) [Blog] https://enappd.com/blog/setup-flutter-in-windows-and-mac/36/
 
   (iii) [video] https://www.youtube.com/watch?v=M3UfYS0bqhE [For windows]
 
   (iv) [video] https://www.youtube.com/watch?v=Xy-qHlaHr6c [For Mac]

2. Learn the basics of Dart
The basics contains
Dart Syntax, Data Types, Operators, Loops, Lists, Lists Operations, Maps, Functions, Dart OOP, Classes, Dart OOP Properties, Dart OOP Methods, Dart OOP Constructors, Dart OOP Setter & Getter, Dart OOP Class Inheritance
 
   (i) [Reading Resource] https://www.tutorialspoint.com/dart_programming/index.htm
 
   (ii) [Blog Pt.1] https://medium.com/@manthangupta109/learn-just-enough-dart-for-flutter-part-1-c8f3b20bd6d2
 
   (iii) [Blog Pt.2] https://medium.com/@manthangupta109/learn-just-enough-dart-for-flutter-part-2-52d7828e93ce
 
   (iv) [Blog Pt.3] https://medium.com/@manthangupta109/learn-just-enough-dart-for-flutter-part-3-427e713c895a
 
   (v) [Blog Pt.4] https://medium.com/@manthangupta109/learn-just-enough-dart-for-flutter-part-4-1734648c9a01
 
   (vi) [Video] https://www.youtube.com/watch?v=Ej_Pcr4uC2Q

3. Get Familiar With the basic Flutter Widgets
 
   (i) [Blog] https://medium.com/@dev.n/the-complete-flutter-series-article-2-basic-widgets-and-layout-in-flutter-92a4fbd4a3e1
 
   (ii) [Blog Pt.1] https://pusher.com/tutorials/flutter-widgets
 
   (iii) [Blog Pt.2] https://pusher.com/tutorials/flutter-building-layouts
 
   (iv) [Video] https://www.youtube.com/watch?v=RJEnTRBxaSg

### Task
Create a simple layout of your choice.

### Week2
1. Stateless vs Stateful Widgets

(i) [Blog] https://medium.com/flutter-community/flutter-stateful-vs-stateless-db325309deae
   
2. Learning Widgets (Advanced)

Follow the tutorial completely

(i) [video] https://www.youtube.com/watch?v=h-igXZCCrrc&t=10s
    
3. Login Screen with connecting to Firebase

Follow the tutorial completely

(i) [video pt.1] https://www.youtube.com/watch?v=13-jNF984C0
    
    (ii) [video pt.2] https://www.youtube.com/watch?v=bXlMNfwhlwg
    
    (iii) [video pt.3] https://www.youtube.com/watch?v=Wk80Meyk7PM
    
 4. State Management
 
    (i) [blog] https://medium.com/flutterpub/provider-state-management-in-flutter-d453e73537c5
    
### Task
Complete the tutorials to complete this weeks task.

### Week 3

1. Using API in Flutter
   Follow the tutorial and also rectify the error in the end of the video
   
   (i) [video] https://www.youtube.com/watch?v=yeXJqZCiwTQ
   
2. Making a News Reader App

(i) [video] https://www.youtube.com/watch?v=nRBE6Ligmv4
   
3. BMI App
   Follow the blog and build the app and you can try adding new elements to it to add your twist
   
   (i) [blog] https://medium.com/@manthangupta109/building-a-bmi-app-with-flutter-f14dfe2348
   
### Task
Create a Weather Forecasting app using an API. The link to API is provided below.

NOTE: The design should be your own

Link of the API : https://openweathermap.org/api

You are entering into the final week

# Week 4

Make an app of your choice this week and submit it to finish off your 4 week long Roadmap.

Thanks for joining !

FlutterAppDevCourse

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README