Flutter is revolutionizing the way developers create stunning applications across various platforms using a single codebase. Whether you are just starting or looking to enhance your skills, there are numerous resources available to ensure your journey into Flutter development is smooth and enjoyable.

Table of Contents

• Introduction
• Beginner
• Intermediate
• Advanced
• UI Kit
• Youtube Channels
• Books
• Firebase
• Animations Plugins
• Machine Learning
• Best Practices
• Reference Apps
• Useful Blogs/Websites
• Contributing
• Support Me

Introduction

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. First things first, you’ll need to get Flutter installed on your machine. You can find the appropriate instructions here: Flutter Installation.

Check out the resources below to guide your first steps in Flutter development:

• Flutter for Beginners – A Youtube playlist about building apps with Flutter.
• Dart for Beginners – Discover the Dart programming language.
• Flutter Basics – Learn the fundamentals and start creating a Time app.
• Http Requests – A medium article to help you make HTTP requests in Flutter.
• Awesome Flutter Talks – A collection of past Flutter talks from 2011 to 2020.
• Beginners Guide – Comprehensive guide to the basics of Flutter and Firebase.

Beginner Resources

• Widget of the Week – Weekly introduction of new Flutter widgets.
• Roadmap to Flutter Development – A visual roadmap for Flutter newbies.
• Layout Cheat Sheet – Extensive examples of layout widgets.
• Angela Yus Flutter Beginners Course – A hands-on bootcamp.
• Getting Started with Flutter – Interactive guide with downloadable materials.

Intermediate Resources

• FlutterFire – Plugins connecting Flutter to Firebase.
• State Management – Approaches to state management in Flutter.
• Flutter Firebase – Video playlist for creating a Flutter Firebase app.
• Provider – A wrapper to simplify using InheritedWidget.
• RiverPod – Compile safe provider, independent from Flutter.
• MVVM + Provider – Sample application for MVVM architecture.
• Animation Intro – Learn about Flutter animations.
• Animation Tutorial – Video tutorials for using animations.

Advanced Resources

• Flutter Bloc – A package for implementing the bloc architecture.
• RxDart – Enhances Streams and StreamControllers.
• Rive Introduction – Introduction to Rive for complex animations.
• Flutter Hooks – New objects managing widget life-cycles for better code-sharing.
• Immutable Data Patterns in Dart – Learn about effective management of data.
• Slivers – Understanding how to utilize Slivers in Flutter.

UI Kit

• Flutter Screens – A collection of remarkable Flutter samples.
• Flutter-UI-Kit – Useful UI collections.
• FLUTTER UI CHALLENGE – Various app challenges.
• Beautiful Dashboard – Awesome Dashboard samples.
• Gorgeous Login – Smooth login template.
• Flutter Samples – Amazing Flutter application samples.

YouTube Channels

• Flutter – Official channel for Flutter.
• The Net Ninja – Great Flutter tutorials in English.
• Sanskar Tiwari – Focused on UI and API integration.
• Devefy – Tutorials for UI and Flutter web.
• Raja Yogan – Logical and backend tutorials.
• The Flutter Way – Creating beautiful UIs.
• Reso Coder – Flutter apps and development insights.
• Mtechviral – First Indian YouTuber for Flutter tutorials.
• Easy Approach – Simplified complex concepts.

Books

• Flutter Complete Reference – Thorough reference for Flutter development.
• Beginning App Development with Flutter – User-friendly starter book.
• Flutter for Beginners – A step-by-step guide.
• Learn Google Flutter Fast – Over 65 example mini-apps.
• Practical Flutter – Concise examples for fast builds.

Firebase

• Firebase Installation – Official Firebase setup documentation.
• FlutterFire – Official documentation for Firebase plugins.
• Firestore vs RTDB – Guide on selecting the right database.
• Firestore vs RTDB Article – Discusses the uses of both databases.
• Firestore with Flutter Tutorial – Tutorial for integrating Firestore in Flutter.
• Rowy – Manage Firestore data easily with a spreadsheet UI.

Animation Plugins

• Dough – Create Squishy UI effects.
• Animation Set – Simplified stagger animations.
• Spinkit – Collection of loading indicators.
• Drawing Animation – Create animations with SVG paths.
• Simple Animation – Framework for beautiful custom animations.
• Animated Text Kit – A collection of text animations.

Machine Learning

• TFLite – Access TensorFlow Lite in Flutter.
• Speech_to_Text – Speech recognition capabilities.
• Firebase_ML_Vision – Use Firebase ML services for vision.
• Edge Detection – Detect edges in images and cropping.
• MLKit – Use Firebase ML Kit in Flutter.
• Flutter Mobile Vision – Implementation of Google Mobile Vision.

Best Practices

• State Management Grand Tour – Different state management approaches.
• Safe Async – Learn proper async handling.
• Performance – Make your app performant.
• Stateless Widget vs Widget Function – Discussion on reusable widgets.
• Style Guides – Guidelines for your Flutter project.
• Best Practices – Comprehensive best practices.
• Responsive Design in Flutter – Creating responsive UI for all devices.

Reference Apps

• It’s All Widgets – List of apps built using Flutter.

Useful Blogs/Websites

• Flutter Devs
• Flutter Medium
• Dev Flutter
• Geeky Ants Flutter
• Flutter Gems
• International Flutter Starter Kit
• Flutter Interview Questions

Contributing

Good contributions are always welcome, but please refrain from making spammy or low-quality contributions.

Support Me

Troubleshooting Tips

If you encounter any challenges while navigating through these resources or integrating Flutter into your development practice, here are some handy troubleshooting ideas:

• Check that your Flutter installation is up-to-date and properly configured.
• If a tutorial or link seems outdated, look for the latest available resources or check community forums for updates.
• Engage actively in community discussions through platforms like GitHub or StackOverflow to seek advice on specific issues.
• Watch video tutorials alongside your coding to help visualize concepts.
• For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.

At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.