meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
ixc2024:tech:mfrontend:start [2024/05/21 16:15] – [Detailed Guidelines for creating Mobile App using Flutter] sharjeel_193ixc2024:tech:mfrontend:start [2024/05/27 22:01] (current) – arsh
Line 14: Line 14:
  
 5. Criteria for Green Coding 5. Criteria for Green Coding
 +
 +6. [[ixc2024:tech:tools:green-tools| Green Tools]] - Green Tools
 +
 +7. [[ixc2024:tech:tools:measurement-rubrics| Measurement Rubrics]] - Measurement Rubrics
  
 ==== Why Flutter ? ==== ==== Why Flutter ? ====
Line 37: Line 41:
  
 Android Studio or Visual Studio Code Android Studio or Visual Studio Code
 +
 +
 +===== Prerequisites =====
 +
 +Before going to any further, we highly recommend watching this tutorial if you are new to flutter
 +
 +Flutter Beginner Course: https://www.youtube.com/playlist?list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ
 +
  
 ===== Detailed Guidelines for creating Mobile App using Flutter ===== ===== Detailed Guidelines for creating Mobile App using Flutter =====
Line 47: Line 59:
   * Install Flutter: Ensure Flutter SDK is installed on your machine. Follow the [[https://docs.flutter.dev/get-started/install|Installation Guide]] for your OS   * Install Flutter: Ensure Flutter SDK is installed on your machine. Follow the [[https://docs.flutter.dev/get-started/install|Installation Guide]] for your OS
   * Setup IDE: Use Android Studio or Visual Studio Code with the Flutter and Dart plugins installed.   * Setup IDE: Use Android Studio or Visual Studio Code with the Flutter and Dart plugins installed.
 +
  
 **Resources:** **Resources:**
 +  * Flutter Setup Youtube: https://youtu.be/KdO9B_CZmzo?si=uz89OfwogCivcklI
 +  * Flutter PDF Tutorial [[https://www.tutorialspoint.com/flutter/flutter_tutorial.pdf | PDF Doc ]]
 +  * Flutter & Dart Crash Course: https://youtu.be/CzRQ9mnmh44?si=ZM2gaDSGM1rqlCGH
   * Flutter Documentation: [[https://docs.flutter.dev/get-started/install | Getting Started]]   * Flutter Documentation: [[https://docs.flutter.dev/get-started/install | Getting Started]]
-  * Flutter YouTube Channel: [[https://www.youtube.com/c/flutterdev | Flutter Channel]]+  * Flutter YouTube Channel: [[https://www.youtube.com/c/flutterdev | Flutter Channel]]  
  
 === 2. User Interface Design === === 2. User Interface Design ===
Line 76: Line 93:
   * Provider: [[https://pub.dev/packages/provider | Provider Docs]]   * Provider: [[https://pub.dev/packages/provider | Provider Docs]]
 **Efficient practices for State Management:** **Efficient practices for State Management:**
-  * State Management Best Practices: [[https://medium.com/@flutterdynasty/mastering-state-management-in-flutter-a-comprehensive-guide-7a0b6131312a | Mastring Style Management]]+  * State Management Best Practices: [[https://medium.com/@flutterdynasty/mastering-state-management-in-flutter-a-comprehensive-guide-7a0b6131312a | Mastering State Management]]
 === 4. Networking and Data Handling === === 4. Networking and Data Handling ===
  
Line 121: Line 138:
   * Git: [[https://git-scm.com/doc | Git Documentation]]   * Git: [[https://git-scm.com/doc | Git Documentation]]
   * Github Guides: [[https://docs.github.com/en/rest/guides | GitHub Guides]]   * Github Guides: [[https://docs.github.com/en/rest/guides | GitHub Guides]]
-  * Testing in Flutter: [[https://docs.flutter.dev/testing/plugins-in-tests | Flutter Tests]]+  * Testing in Flutter: [[https://docs.flutter.dev/testing/testing-plugins | Flutter Tests]]