Add content for flutter roadmap nodes (#2851)
- add descriptions with links to mostly official Flutter/Dart documentation and libraries from pub.devpull/2855/head
Krystian Budulski
2 years ago
committed by
GitHub
parent
00bcb512ed
commit
e2489c43f7
28 changed files with 161 additions and 28 deletions
@ -1 +1,6 @@ |
||||
# Dart pad |
||||
# Dart pad |
||||
|
||||
DartPad is an open source tool that lets you play with the Dart language in any modern browser. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://dart.dev/tools/dartpad'>DartPad</BadgeLink> |
||||
|
||||
@ -1 +1,4 @@ |
||||
# Variables |
||||
# Variables |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://dart.dev/guides/language/language-tour#variables'>Variables</BadgeLink> |
||||
|
||||
@ -1 +1,4 @@ |
||||
# Built in types |
||||
# Built in types |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://dart.dev/guides/language/language-tour#built-in-types'>Built-in types</BadgeLink> |
||||
|
||||
@ -1 +1,4 @@ |
||||
# Functions |
||||
# Functions |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://dart.dev/guides/language/language-tour#functions'>Functions</BadgeLink> |
||||
|
||||
@ -1 +1,4 @@ |
||||
# Operators |
||||
# Operators |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://dart.dev/guides/language/language-tour#operators'>Operators</BadgeLink> |
||||
|
||||
@ -1 +1,4 @@ |
||||
# Control flow statements |
||||
# Control flow statements |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://dart.dev/guides/language/language-tour#control-flow-statements'>Control flow statements</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Flutter cli |
||||
# Flutter cli |
||||
|
||||
The flutter command-line tool is how developers (or IDEs on behalf of developers) interact with Flutter. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/reference/flutter-cli'>The Flutter command-line tool</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Stateless widgets |
||||
# Stateless widgets |
||||
|
||||
A stateless widget never changes. Icon, IconButton, and Text are examples of stateless widgets. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://api.flutter.dev/flutter/widgets/StatelessWidget-class.html'>StatelessWidget class</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Stateful widgets |
||||
# Stateful widgets |
||||
|
||||
A stateful widget is dynamic: for example, it can change its appearance in response to events triggered by user interactions or when it receives data. Checkbox, Radio, Slider, InkWell, Form, and TextField are examples of stateful widgets. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://api.flutter.dev/flutter/widgets/StatefulWidget-class.html'>StatefulWidget class</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Material widgets |
||||
# Material widgets |
||||
|
||||
Visual, behavioral, and motion-rich widgets implementing the Material Design guidelines. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/development/ui/widgets/material'>Material Components widgets</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Cupertino widgets |
||||
# Cupertino widgets |
||||
|
||||
Beautiful and high-fidelity widgets for current iOS design language. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/development/ui/widgets/cupertino'>Cupertino (iOS-style) widgets</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Fonts |
||||
# Fonts |
||||
|
||||
Flutter works with custom fonts and you can apply a custom font across an entire app or to individual widgets. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/cookbook/design/fonts'>Use a custom font</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Images |
||||
# Images |
||||
|
||||
Apps can include both code and assets. Flutter uses the pubspec.yaml file, located at the root of your project, to identify assets required by an app. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/development/ui/assets-and-images'>Adding assets and images</BadgeLink> |
||||
|
||||
@ -1 +1,7 @@ |
||||
# Pub dev |
||||
# Pub dev |
||||
|
||||
Flutter supports using shared packages contributed by other developers to the Flutter and Dart ecosystems. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://pub.dev/'>pub.dev</BadgeLink> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/development/packages-and-plugins/using-packages'>Using packages</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Json |
||||
# Json |
||||
|
||||
JSON (JavaScript Object Notation) is a simple data interchange format used to communicate with server, store and retrieve data from it. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/development/data-and-backend/json'>JSON and serialization</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Web sockets |
||||
# Web sockets |
||||
|
||||
In addition to normal HTTP requests, you can connect to servers using WebSockets. WebSockets allow for two-way communication with a server without polling. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/cookbook/networking/web-sockets'>Work with WebSockets</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Firebase |
||||
# Firebase |
||||
|
||||
Firebase is a Backend-as-a-Service (BaaS) app development platform that provides hosted backend services such as a realtime database, cloud storage, authentication, crash reporting, machine learning, remote configuration, and hosting for your static files. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/development/data-and-backend/firebase'>Firebase</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Core libraries |
||||
# Core libraries |
||||
|
||||
Dart has a rich set of core libraries that provide essentials for many everyday programming tasks such as working on collections of objects (dart:collection), making calculations (dart:math), and encoding/decoding data (dart:convert). |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://dart.dev/guides/libraries'>Core libraries</BadgeLink> |
||||
|
||||
@ -1 +1,7 @@ |
||||
# Provider |
||||
# Provider |
||||
|
||||
Provider is a wrapper around InheritedWidget (base class for widgets that efficiently propagate information down the tree) to make them easier to use and more reusable. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Library' href='https://pub.dev/packages/provider'>provider</BadgeLink> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/development/data-and-backend/state-mgmt/simple'>Simple app state management</BadgeLink> |
||||
|
||||
@ -1 +1,7 @@ |
||||
# Flutter bloc |
||||
# Flutter bloc |
||||
|
||||
State management library exposing widgets which can help handle all possible states of the application. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://bloclibrary.dev/#/flutterbloccoreconcepts'>Core Concepts</BadgeLink> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Library' href='https://pub.dev/packages/flutter_bloc'>flutter_bloc</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Redux |
||||
# Redux |
||||
|
||||
A set of utilities that allow you to easily consume a Redux Store to build Flutter Widgets. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Library' href='https://pub.dev/packages/flutter_redux'>flutter_redux</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Hero |
||||
# Hero |
||||
|
||||
Flying an image from one screen to another is called a hero animation in Flutter, though the same motion is sometimes referred to as a shared element transition. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/development/ui/animations/hero-animations'>Hero animations</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Opacity |
||||
# Opacity |
||||
|
||||
The AnimatedOpacity widget makes it easy to perform opacity animations. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/cookbook/animation/opacity-animation'>Fade a widget in and out</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Animations |
||||
# Animations |
||||
|
||||
Flutter’s animation support makes it easy to implement a variety of animation types. Many widgets, especially Material widgets, come with the standard motion effects defined in their design spec, but it’s also possible to customize these effects. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/development/ui/animations'>Introduction to animations</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Unit testing |
||||
# Unit testing |
||||
|
||||
Unit tests are handy for verifying the behavior of a single function, method, or class. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/cookbook/testing/unit/introduction'>An introduction to unit testing</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Widget testing |
||||
# Widget testing |
||||
|
||||
Flutter provides necessary tools and libraries to test widget classes. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/cookbook/testing/widget/introduction'>An introduction to widget testing</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Integration testing |
||||
# Integration testing |
||||
|
||||
Integration tests check how individual pieces work together as a whole, capture the performance of an application. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/cookbook/testing/integration/introduction'>An introduction to integration testing</BadgeLink> |
||||
|
||||
@ -1 +1,6 @@ |
||||
# Flutter inspector |
||||
# Flutter inspector |
||||
|
||||
The Flutter widget inspector is a powerful tool for visualizing and exploring Flutter widget trees. |
||||
|
||||
<ResourceGroupTitle>Free Content</ResourceGroupTitle> |
||||
<BadgeLink colorScheme='blue' badgeText='Official Docs' href='https://docs.flutter.dev/development/tools/devtools/inspector'>Using the Flutter inspector</BadgeLink> |
||||
|
||||
Loading…
Reference in new issue