Flutter Resources: Beginner to Advance
Tags: flutter, beginners, resouces, dart
Published: 2023-02-05 09:38:32

## Flutter Resources

```
   Future<void> main() await {
        final res=await getFlutterResources();
        print(res);
   }
```

### Introduction

- [Flutter](https://flutter.dev/) is a mobile app SDK for building high-performance, high-fidelity, apps for iOS and Android, from a single codebase.

- [Dart](https://dart.dev/) is a client-optimized language for fast apps on any platform.

## Getting Started

### Beginner

- Flutter Installation:
    - [Android Studio](https://www.youtube.com/watch?v=fDnqXmLSqtg)
    - [VS Code](https://www.youtube.com/watch?v=0SRvmcsRu2w)

- [Dart Programming Basics](https://www.youtube.com/playlist?list=PLlxmoA0rQ-LyHW9voBdNo4gEEIh0SjG-q): A playlist of 10 videos that will teach you the basics of Dart programming.

- [Flutter Programming Basics](https://www.youtube.com/watch?v=1ukSR1GRtMU&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ):  A youtube playlist of vidoes that will teach you the basics of Flutter programming.

- [Navigation](https://medium.com/flutter/learning-flutters-new-navigation-and-routing-system-7c9068155ade) : Learn how to navigate between pages in Flutter using the new navigation and routing system.

- [Http Requests](https://suragch.medium.com/how-to-make-http-requests-in-flutter-d12e98ee1cef) : Learn how to make http requests in Flutter.



## Projects

- [Flutter Todo App](https://www.youtube.com/watch?v=K4P5DZ9TRns)

- [Bmi Calculator](https://github.com/Djsmk123/BmiCalCSmk)

- [Flutter Login UI](https://www.youtube.com/watch?v=aJdIkRipgSk)

- [Weather App](https://github.com/londonappbrewery/Clima-Flutter)



### Intermediate

- [Flutter RoadMap](https://github.com/olexale/flutter_roadmap): A roadmap to learn Flutter.

- [Firebase Integration](http://pub.dev/packages/firebase_core) : 
    - [Setup firebase Project](https://www.youtube.com/watch?v=fxDusoMcWj8)

    - [Firebase Auth](https://www.youtube.com/watch?v=rWamixHIKmQ)

    - [Firebase Firestore](https://www.youtube.com/watch?v=ErP_xomHKTw)

    - [Firebase Storage](https://www.youtube.com/watch?v=sM-WMcX66FI)

    - [Firebase Database](https://www.youtube.com/watch?v=UJexwPc_Mso)

    - [Firebase Messaging](https://www.youtube.com/watch?v=54vgoPgB8xEg)

    - [Firebase Analytics](https://www.youtube.com/watch?v=31KpJXqCayo)

    - [Firebase Crashlytics](https://www.youtube.com/watch?v=DFcr0k2nrP4)

    - [Firebase Remote Config](https://www.youtube.com/watch?v=kFwrb0z5ZxE)

    - [Firebase Dynamic Links](https://www.youtube.com/watch?v=AfX1OZ8xIoM)

    - [Firebase Admob](https://www.youtube.com/watch?v=m0d_pbgeeG8b)

    - [Firebase In App Messaging](https://medium.flutterdevs.com/explore-firebase-in-app-messaging-in-flutter-eaf219d208b1)


- [State Management](https://docs.flutter.dev/development/data-and-backend/state-mgmt/intro) 
   - [Provider](https://pub.dev/packages/provider):
       - [Counter app Example](https://www.youtube.com/watch?v=L_QMsE2v6dw)
       - [Todo app Example](https://www.youtube.com/watch?v=kN9Yfd4fu04)
    - [GetX](https://pub.dev/packages/get)
       - [Complete Tutorial](https://www.youtube.com/watch?v=bccMj5yRvzI&list=PLyvMrTRoa-A5BBd1qOufZLniBIooWB_Y7)
    - [MobX](https://pub.dev/packages/mobx)
       - [Complete Tutorial](https://www.youtube.com/watch?v=7Od55PBxYkI)
    - [VelocityX](https://pub.dev/packages/velocity_x)
       - [Complete Tutorial](https://www.youtube.com/watch?v=IOhJCN4T1V4&list=PLR2qQy0Zxs_UHLXSYbK50jEapx0ORmLYv)


- [Animation Intro](https://www.youtube.com/watch?v=GXIJJkq_H8g&list=PLjxrf2q8roU2v6UqYlt_KPaXlnjbYySua): A youtube playlist of videos that will teach you the basics of Flutter animations.

- [Animation Cheat Sheet](https://codesearchonline.com/index.php/flutter-implicit-animation/):A cheat sheet that will help you to find the right animation for your app.

- [Aws Amplify](https://docs.amplify.aws/start/getting-started/installation/q/integration/flutter) : Learn how to integrate AWS Amplify with your Flutter app.

- [New widget everyweek](https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG): A youtube playlist of videos that will teach you how to use new widgets in Flutter.





## Advanced

- [Advanced Navigation](https://medium.com/flutter/learning-flutters-new-navigation-and-routing-system-7c9068155ade) : Learn how to navigate between pages in Flutter using the new navigation and routing system.

- [Json serialization](https://flutter.dev/docs/development/data-and-backend/json) : Learn how to serialize and deserialize JSON in Flutter.
    -[Json Serialization](https://www.youtube.com/watch?v=v5xGLrhzDGE)

- Advacned State Management
    - [Bloc](https://pub.dev/packages/flutter_bloc)
        - [Complete Tutorial](https://www.youtube.com/watch?v=oxeYeMHVLII&list=PLB6lc7nQ1n4jCBkrirvVGr5b8rC95VAQ5)
    - [Riverpod](https://pub.dev/packages/riverpod)
       - [Complete Tutorial](https://www.youtube.com/watch?v=grcgR9tUGiU)

- [Flutter Architecture](https://flutter.dev/docs/development/data-and-backend/state-mgmt/options) : Learn how to architect your Flutter app: 
    - [MVVM](https://medium.com/flutterworld/flutter-mvvm-architecture-f8bed2521958)
    - [MVC](https://www.youtube.com/watch?v=W7J2vfOaCwU)
    - [MVP](https://medium.com/codex/mvp-architecture-pattern-in-flutter-b7bfe712a0ba)
    - [MVI](https://thasaquino.medium.com/flutter-reactive-architecture-with-bloc-and-mvi-part-1-94bec725f2eb)
    - [TDD](https://resocoder.com/flutter-clean-architecture-tdd/)


- [Flutter Testing](https://flutter.dev/docs/testing) : Learn how to test your Flutter app:

     - [Unit Testing](https://www.youtube.com/watch?v=CdI0z-xhZks)
     - [Widget Testing](https://www.youtube.com/watch?v=73SsK0n_s1o)
     - [Integration Testing](https://www.youtube.com/watch?v=WPEsnJgW99M)
     - [Performance Testing](https://www.youtube.com/watch?v=vVg9It7cOfY)
     - [End to End Testing](https://pub.dev/documentation/e2e/latest/)

- [Platform Channels & View](https://flutter.dev/docs/development/platform-integration/platform-channels): Learn how to integrate native code with Flutter.

- [Flutter Plugins](https://flutter.dev/docs/development/packages-and-plugins/developing-packages) : Learn how to create your own Flutter plugin:




## Packages

- [Flutter Packages](https://pub.dev/flutter/packages): A list of Flutter packages that you can use in your app.

    - [Google Fonts](https://pub.dev/packages/google_fonts): A package that allows you to use Google fonts in your app.

    - [Font Awesome](https://pub.dev/packages/font_awesome_flutter): A package that allows you to use Font Awesome icons in your app.
    
    - [Flutter Secure Storage](https://pub.dev/packages/flutter_secure_storage): A package that allows you to store data securely in your app.

    - [Flutter persistant storage](https://pub.dev/packages/shared_preferences): A package that allows you to store data persistantly in your app.

    - [Dio](https://pub.dev/packages/dio): A package that allows you to make HTTP requests in your app (similar to axios).
    
    - [Flutter SVG](https://pub.dev/packages/flutter_svg): A package that allows you to use SVG images in your app.

    - [Flutter lotie](https://pub.dev/packages/lottie): A package that allows you to use Lottie animations in your app.

    - [Flutter local notifications](https://pub.dev/packages/flutter_local_notifications): A package that allows you to show local notifications in your app.

    - [Flutter webview](https://pub.dev/packages/webview_flutter): A package that allows you to use webviews in your app.

    - [Flutter firebase](https://pub.dev/packages/firebase_core): A package that allows you to use Firebase in your app.

    - [websocket](https://pub.dev/packages/web_socket_channel): A package that allows you to use websockets in your app.
    - [fluttertoast](https://pub.dev/packages/fluttertoast): A package that allows you to show toast messages in your app.
|   - [screenutil](https://pub.dev/packages/flutter_screenutil): A package that allows you to use responsive design in your app.
    - [flutter image picker](https://pub.dev/packages/image_picker): A package that allows you to use image picker in your app.
    - [flutter device info](https://pub.dev/packages/device_info): A package that allows you to get device info in your app.
    - [flutter device preview](https://pub.dev/packages/device_preview): A package that allows you to preview your app on different 
    devices.
    - [logger](https://pub.dev/packages/logger): A package that allows you to log messages in your app.
    - [url launcher](https://pub.dev/packages/url_launcher): A package that allows you to launch URLs in your app.
    - [flutter localizations](https://pub.dev/packages/flutter_localizations): A package that allows you to use localizations in your app.
    - [flutter intl](https://pub.dev/packages/intl): A package that allows you to use internationalization in your app.
    - [auto route](https://pub.dev/packages/auto_route): A package that allows you to use auto routing in your app.
    - [google maps](https://pub.dev/packages/google_maps_flutter): A package that allows you to use google maps in your app.
    - [go_router](https://pub.dev/packages/go_router): A package that allows you to use go router in your app.




## Full stack Projects

- [Meme Generator](https://github.com/djsmk123/meme_maker): A meme generator app built with Flutter and Firebase.

- [Flutter Chat](https://github.com/backslashflutter/group_chatapp_flutter_firebase): A chat app built with Flutter and Firebase.

- [Flutter Ecommerce](https://www.youtube.com/watch?v=j-LOab_PzzU) : An ecommerce app built with Flutter.

- [Instagram Clone](https://www.youtube.com/watch?v=mEPm9w5QlJM):  An Instagram clone app built with Flutter.

- [Reddit Clone](https://www.youtube.com/watch?v=B8Sx7wGiY-s&list=PLlzmAWV2yTgCjoZNF3hLX3puYJir9vSQO): A Reddit clone app built with Flutter.





## Complete Flutter Course


- [Flutter Course](https://www.youtube.com/playlist?list=PL6yRaaP0WPkVtoeNIGqILtRAgd3h2CNpT): A complete Flutter course by the [Vandad Nahavandipoor](https://twitter.com/vandadnp) on Youtube.

- [Flutter Bootcamp with Dart](https://www.appbrewery.co/p/flutter-development-bootcamp-with-dart): A complete Flutter course by the [Dr. Angela Yu](https://twitter.com/yu_angela) on Udemy.

- [Flutter & Dart - The Complete Guide](https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-apps/): A complete Flutter course by the [Maximilian Schwarzmüller](https://twitter.com/maxedapps) on Udemy.

[Fork repo](https://github.com/Djsmk123/Flutter_Resources)

## Follow me on 

- [Twitter](https://twitter.com/smk_winner)

- [Instagram](https://www.instagram.com/smkwinner/)

- [Github](https://www.github.com/djsmk123)

- [linkedin](https://www.linkedin.com/in/md-mobin-bb928820b/)

- [dev.to](https://dev.to/djsmk123)

- [Medium](https://medium.com/@djsmk123)