forked from jfmartinz/ResourceHub
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request jfmartinz#1499 from Khushi-Pushkar/main
Add_Flutter
- Loading branch information
Showing
1 changed file
with
213 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,213 @@ | ||
| # Flutter | ||
| Flutter is an open-source UI (User Interface) software development kit created by Google. It is used to develop applications for mobile, web, and desktop from a single codebase. Flutter uses the Dart programming language and allows developers to build high-performance, native interfaces for iOS, Android, and other platforms. | ||
|
|
||
| ## Table of Contents | ||
|
|
||
| - [Tutorials or Courses](#tutorials-or-courses)<br> | ||
| - [Roadmap](#Roadmap)<br> | ||
| - [Tools](#tools)<br> | ||
| - [Design Inspiration](#design-inspiration)<br> | ||
| - [Books](#books)<br> | ||
| - [Youtube Channels](#youtube-channels)<br> | ||
| - [YouTube Playlist](#youtube-playlists) | ||
| - [Interview](#interview)<br> | ||
| - [Conclusion](#conclusion) | ||
|
|
||
| ### Tutorials or Courses | ||
|
|
||
| > Access a variety of tutorials and courses, including articles, videos, websites, and more, to assist you in learning Flutter. | ||
| <table width="100%"> | ||
| <tr> | ||
| <th>Resource Name</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <td> <a href="https://www.youtube.com/playlist?list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ">Flutter for Beginners</a></td> | ||
| <td>This beginner web design course covers all you need to know ..</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.geeksforgeeks.org/flutter-tutorial/">GeeksforGeeks</a></td> | ||
| <td>The Flutter tutorial on GeeksforGeeks is designed to help beginners and experienced developers build high-quality, cross-platform mobile applications using Google's Flutter framework.</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.tutorialspoint.com/flutter/index.htm">TutorialsPoint</a></td> | ||
| <td>The Flutter tutorial on TutorialsPoint provides an overview of Flutter, an open-source framework by Google for building high-quality, high-performance mobile applications for both Android and iOS. It covers the basics of the Flutter framework, its installation, architecture, and development of mobile applications using Flutter, along with an introduction to Dart programming.</td> | ||
| </tr> | ||
| <tr> | ||
| <td> <a href="https://www.udemy.com/topic/google-flutter/">Udemy</a></td> | ||
| <td>This course is a online program that teaches you the skills you need to become a Flutter developer.</td> </tr> | ||
| </table> | ||
|
|
||
|
|
||
| ### Roadmap | ||
|
|
||
| > To become a Flutter designer there are a lot of skills that one requires. Let’s look into each field and learn what are the roadmap required. | ||
| <table width="100%" id="Roadmap"> | ||
| <tr> | ||
| <th>Resource Name</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <th ><a href="https://medium.flutterdevs.com/roadmap-to-become-a-flutter-developer-resources-for-beginners-ccb68718c84b">Flutter </a></th> | ||
| <th>This is the Roadmap for UI/UX</th> | ||
| </tr> | ||
| <tr> | ||
| <th ><a href="https://www.geeksforgeeks.org/how-to-become-a-flutter-developer/">Flutter</a></th> | ||
| <th>Step by step guide to becoming a Flutter Developer</th> | ||
| </tr> | ||
|
|
||
| </table> | ||
|
|
||
|
|
||
|
|
||
| ### Tools | ||
|
|
||
| > Discover a wide variety of tools essential for UI/UX design, including software design tools, prototyping tools, plugins, and more. | ||
| <table width="100%"> | ||
| <tr> | ||
| <th>Resource Name</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <td> <a href="https://www.jetbrains.com/help/idea/create-your-first-android-application.html">Android Studio and IntelliJ </a></td> | ||
| <td>Android Studio is the official IDE for Android development, providing tools and features tailored for building Android apps. IntelliJ IDEA is a powerful Java IDE on which Android Studio is based, offering robust code assistance and developer productivity tools.</td> | ||
| </tr> | ||
| <tr> | ||
| <td> <a href="https://code.visualstudio.com/">VS code</a></td> | ||
| <td>Visual Studio Code is a lightweight, open-source code editor developed by Microsoft, offering extensive language support, debugging capabilities, and integration with Git. </td> | ||
| </tr> | ||
| <tr> | ||
| <td> <a href="https://docs.flutter.dev/tools/devtools">Flutter and Dart DevTools</a></td> | ||
| <td>Flutter and Dart DevTools provide a suite of performance and debugging tools for Flutter and Dart applications, enabling developers to inspect the UI layout, analyze performance, and debug code efficiently (JetBrains) (JetBrains). </td> | ||
| </tr> | ||
| </table> | ||
|
|
||
| ### Design Inspiration | ||
|
|
||
| > Discover the top website for finding web design inspiration. | ||
| <table width="100%"> | ||
| <tr> | ||
| <th>Resource Name</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://flutterawesome.com/tag/ui/">Flutter Awesome</a></td> | ||
| <td> UI tag on Flutter Awesome showcases a curated collection of Flutter UI design templates and components, including login pages, movie streaming apps, and food order apps. These templates help developers save time by providing pre-designed widgets and layouts that can be easily integrated into their Flutter projects (Flutter Awesome) (Flutter Awesome).</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://dribbble.com/tags/flutter">Dribbble</a></td> | ||
| <td>Find Top Designers & Creative Professionals on Dribbble. We are where designers gain inspiration, feedback, community, and jobs.</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://medium.com/theymakedesign/app-development-inspiration-50-cdbf97bf2fb3">Medium</a></td> | ||
| <td>Medium is a website dedicated to providing top-tier Flutter design inspiration.</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://in.pinterest.com/ajusttry/flutter-ui-idea">Pinterest</a></td> | ||
| <td>Discover recipes, home ideas, style inspiration and other ideas to try.</td> | ||
| </tr> | ||
| </table> | ||
|
|
||
| ### Books | ||
|
|
||
| > Access a curated list of books to aid in your Flutter learning journey. | ||
| <!-- | ||
| a) If the book is free, include a download link. | ||
| b) If the book is not free, provide a URL (web link) where it can be purchased or accessed. --> | ||
| <table width="100%"> | ||
| <tr> | ||
| <th>Resource Name</th> | ||
| <th>Description</th> | ||
| <th>Cost</th> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.amazon.com/Beginning-App-Development-Flutter-Cross-Platform/dp/148425180">Beginning App Development with Flutter</a></td> | ||
| <td>This book teaches designers to create effective designs that inspire action, blending science with practical examples for print, websites, apps, and products, aligning with human behavior.</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.amazon.com/dp/1800565992">Flutter for Beginners</a></td> | ||
| <td>This book will guide you through developing your first app from scratch all the way to production release. Starting with the setup of your development environment, you'll learn about your app's UI design and responding to user input via Flutter widgets, manage app navigation and screen transitions, and create widget animations</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://digilib.stekom.ac.id/assets/dokumen/ebook/feb_3872ce7467cbdc7beedfcdc12b2b607b0ba36429_1649057575.pdf">Flutter</a></td> | ||
| <td>In this book, a design systems expert, shares his experience helping top brands create sustainable design practices, aiming to eliminate the repetition of reinventing interface elements.</td> | ||
| </tr> | ||
| </table> | ||
|
|
||
| ### YouTube Channels | ||
|
|
||
| > Find an amazing web designers in Youtube in creating content about UI/UX design | ||
| <table width="100%"> | ||
| <tr> | ||
| <th>Resource Name</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <td> <a href="https://www.youtube.com/watch?v=VPvVD8t02U8">Flutter course for beginner</a></td> | ||
| <td>The video provides a quick overview of Flutter, a popular UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase.</td> | ||
| </tr> | ||
| <tr> | ||
| <td> <a href="https://www.youtube.com/watch?v=1xipg02Wu8s">Fireship</a></td> | ||
| <td>Learn to be a more successful and profitable flutter designer:master the latest trends, tools, and technologies, and make it easy to get and retain high-value dream clients. | ||
| </td> | ||
| </tr> | ||
| </table> | ||
|
|
||
| ### YouTube Playlists | ||
|
|
||
| > These Youtube Playlist Help you learn UI/UX Design more efficiently. | ||
| <table width="100%"> | ||
| <tr> | ||
| <th>Resource Name</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.youtube.com/watch?v=lHhRhPV--G0"> Flutter in 100 sec</a></td> | ||
| <td>The video "Flutter in 100 seconds" provides a quick overview of Flutter, a popular UI toolkit for building natively compiled applications for mobile, web, and desktop from a single codebase. The video highlights the key features and benefits of using Flutter, such as fast development, expressive and flexible UI, and native performance. </td> | ||
| </tr> | ||
| <tr> | ||
| <td> <a href="https://www.youtube.com/playlist?list=PLjVLYmrlmjGfGLShoW0vVX_tcyT8u1Y3E">Flutter Complete Tutorial in Hindi</a></td> | ||
| <td>This YoutTube Playlist is a perfect collection of videos which includes about Flutter | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <td> <a href="https://www.youtube.com/playlist?list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ">Net Ninja</a></td> | ||
| <td>This YouTube Playlist show all about widgets, packages, assets & asynchronous code to create a World Time app, as well as 2 other mini apps to put your Flutter skills to good use! </td> | ||
| </tr> | ||
| </table> | ||
|
|
||
| ### Interview | ||
|
|
||
| > Here are valuable resources to help you excel in your web design interview. You'll find videos, articles, and more to aid your preparation. | ||
| <table width="100%"> | ||
| <tr> | ||
| <th>Resource Name</th> | ||
| <th>Description</th> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.turing.com/interview-questions/flutter">Turing</a></td> | ||
| <td>Flutter is a popular framework for building cross-platform applications. Typical interview questions might cover topics like Flutter widgets, state management (such as using setState, Provider, Bloc), navigation, platform-specific integrations, and Flutter's architecture.</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.simplilearn.com/flutter-interview-questions-article">Simplilearn</a></td> | ||
| <td>This provided leads to an article on Simplilearn's website that likely discusses Flutter interview questions. It's designed to help individuals prepare for interviews related to Flutter, a popular framework for building cross-platform applications. If you're interested in learning more about Flutter or preparing for interviews in this area, checking out the article could be beneficial.</td> | ||
| </tr> | ||
| <tr> | ||
| <td><a href="https://www.interviewbit.com/flutter-interview-questions/">InterviewBits</a></td> | ||
| <td>It providing resources and questions to help individuals prepare for technical interviews, including those focused on Flutter, a framework for building native applications for mobile, web, and desktop from a single codebase. If you're looking to brush up on Flutter interview questions or deepen your understanding of the framework, this resource could be quite useful.</td> | ||
| </table> | ||
|
|
||
| ### Conclusion | ||
|
|
||
| Flutter has emerged as a powerful framework for developing cross-platform applications with efficiency and flexibility. Its ability to use a single codebase to deploy apps on multiple platforms like mobile, web, and desktop has significantly streamlined the development process. With a rich set of pre-built widgets, Flutter enables developers to create stunning, native-like interfaces. Its hot reload feature allows for quick iteration and debugging, enhancing developer productivity. Supported by a vibrant community and backed by Google, Flutter continues to evolve rapidly, making it a compelling choice for developers aiming to build high-performance, visually appealing applications across various platforms. | ||
|
|
||
| Never stop learning ! |