- 
-
- {%- comment %}
- The ▶ character below is the "black right-pointing triangle"
- Unicode character.
- The non-breaking space after it makes the button look nicer.
- {% endcomment -%}
-
- ▶ Start codelab
-
-
-
-
-:::tip
-The codelab above walks you through writing your first Flutter
-app for all platforms — mobile, desktop, and web.
-:::
-
-If you prefer an instructor-led version of this codelab,
-check out the following workshop:
-
-
-
- {%- comment %}
- The ▶ character below is the "black right-pointing triangle"
- Unicode character.
- The non-breaking space after it makes the button look nicer.
- {% endcomment -%}
-
- ▶ Start codelab
-
-
-
-
-
-
-:::note
-These fundamentals docs are still a work
-in progress and we welcome your feedback!
-Please consider filling out the survey
-listed at the bottom of this page and on the
-new subject pages in this section.
-:::
-
-We suggest that you work through the
-following subjects in the listed order.
-
- 1. [Intro to Dart][] _(Optional)_
- As you might know, Flutter uses the [Dart language][].
- If you have experience with other object-oriented
- languages, like Java, C++, or Swift,
- Dart should feel familiar to you.
- As of this writing,
- [Dart is one of the fastest growing languages][dart-lang],
- in part, thanks to Flutter.
- 2. [Widget fundamentals][]
- Learn about one of the primary building blocks
- of a Flutter application, widgets.
- 3. [Layout][]
- Flutter is different from other UI frameworks
- in that you create the layout programmatically.
- This allows you to compose widgets,
- Flutter's basic building blocks,
- to realize your own layout vision.
- It also facilitates designing a UI to
- optimize any screen where your app might be used.
- 4. [State management][]
- Learn how to share state between widgets and notify other parts of your app
- when the state changes.
- See how to implement MVVM in Flutter to manage state effectively
- for small to medium-sized apps.
- 5. [Handling user input][]
- Learn about Flutter's widgets that support
- interactivity, like buttons and text.
- Also, learn how to add interactivity to
- a widget that doesn't already support it.
- 6. [Networking and data][]
- Networking is a very large topic,
- so this section focuses on basic networking
- functionality, such as how to retrieve
- or submit data using HTTP,
- how to convert to and from JSON,
- how to use authentication,
- how to implement asynchronicity, and more.
- 7. [Local data and caching][]
- Learn about different techniques for caching
- local data.
-
-[Dart language]: {{site.dart-site}}
-[dart-lang]: https://twitter.com/MiSvTh/status/1732002450641400276?cxt
-[Intro to Dart]: /get-started/fundamentals/dart
-[Layout]: /get-started/fundamentals/layout
-[State management]: /get-started/fundamentals/state-management
-[Handling user input]: /get-started/fundamentals/user-input
-[Networking and data]: /get-started/fundamentals/networking
-[Local data and caching]: /get-started/fundamentals/local-caching
-[Widget fundamentals]: /get-started/fundamentals/widgets
-[your first Flutter codelab]: {{site.codelabs}}/codelabs/flutter-codelab-first
-
-## Feedback
-
-As this section of the website is evolving,
-we [welcome your feedback][]!
-
-[welcome your feedback]: https://google.qualtrics.com/jfe/form/SV_6A9KxXR7XmMrNsy?page="index"
diff --git a/src/content/get-started/fundamentals/layout.md b/src/content/get-started/fundamentals/layout.md
deleted file mode 100644
index 806e4d4fa0b..00000000000
--- a/src/content/get-started/fundamentals/layout.md
+++ /dev/null
@@ -1,828 +0,0 @@
----
-title: Layouts
-description: Learn how to create layouts in Flutter.
-prev:
- title: Widgets
- path: /get-started/fundamentals/widgets
-next:
- title: State management
- path: /get-started/fundamentals/state-management
----
-
-Given that Flutter is a UI toolkit,
-you'll spend a lot of time creating layouts
-with Flutter widgets. In this section,
-you'll learn how to build layouts with some of the
-most common layout widgets.
-You'll use Flutter DevTools (also
-called Dart DevTools) to understand how
-Flutter is creating your layout.
-Finally, you'll encounter and debug one of
-Flutter's most common layout errors,
-the dreaded "unbounded constraints" error.
-
-## Understanding layout in Flutter
-
-The core of Flutter's layout mechanism is widgets.
-In Flutter, almost everything is a widget — even
-layout models are widgets.
-The images, icons, and text that you see in a
-Flutter app are all widgets.
-Things you don't see are also widgets,
-such as the rows, columns, and grids that arrange,
-constrain, and align the visible widgets.
-
-You create a layout by composing widgets to
-build more complex widgets. For example,
-the diagram below shows 3 icons with a label under
-each one, and the corresponding widget tree:
-
-
-
-## Find your way with Flutter!
-
-If you are new to Flutter, and have already worked
-through [your first Flutter codelab][],
-this section of the website is for you!
-
-The goal here is to guide you through some next
-steps of learning Flutter. It's not about teaching
-you how to _program_, it's about teaching you
-how Flutter works.
-
-
-
-
-
-
-
-In this example, there's a row of 3 columns where
-each column contains an icon and a label.
-All layouts, no matter how complex,
-are created by composing these layout widgets.
-
-### Constraints
-
-Understanding constraints in Flutter is an
-important part of understanding
-how layout works in Flutter.
-
-Layout, in a general sense, refers to the size of
-the widgets and their positions on the screen.
-The size and position of any given widget is
-constrained by its parent;
-it can't have any size it wants,
-and it doesn't decide its own place on the screen.
-Instead, size and position are determined by
-a conversation between a widget and its parent.
-
-In the simplest example,
-the layout conversation looks like this:
-
- 1. A widget receives its constraints from its parent.
- 2. A constraint is just a set of 4 doubles:
- a minimum and maximum width,
- and a minimum and maximum height.
- 3. The widget determines what size it should be
- within those constraints, and passes its
- width and height back to the parent.
- 4. The parent looks at the size it wants to be and
- how it should be aligned,
- and sets the widget's position accordingly.
- Alignment can be set explicitly,
- using a variety of widgets like `Center`,
- and the alignment properties on `Row` and `Column`.
-
-In Flutter, this layout conversation is often
-expressed with the simplified phrase,
-"Constraints go down. Sizes go up.
-Parent sets the position."
-
-### Box types
-
-In Flutter, widgets are rendered by their
-underlying [`RenderBox`][] objects.
-These objects determine how to handle the
-constraints they're passed.
-
-Generally, there are three kinds of boxes:
-* Those that try to be as big as possible.
-For example, the boxes used by
-[`Center`][] and [`ListView`][].
-* Those that try to be the same size as their
-children. For example, the boxes used by
-[`Transform`][] and [`Opacity`][]
-* Those that try to be a particular size.
-For example, the boxes used by
-[`Image`][] and [`Text`][].
-
-Some widgets, for example [`Container`][],
-vary from type to type based on their
-constructor arguments.
-The `Container` constructor defaults to trying to
-be as big as possible, but if you give it a width,
-for instance, it tries to honor that and
-be that particular size.
-
-Others, for example [`Row`][] and [`Column`][] (flex boxes)
-vary based on the constraints they are given.
-Read more about flex boxes and constraints in
-the [Understanding Constraints article][].
-
-## Lay out a single widget
-
-To lay out a single widget in Flutter,
-wrap a visible widget,
-such as `Text` or `Image` with a widget that
-can change its position on a screen,
-such as a `Center` widget.
-
-:::note Note
-The examples on the page use a widget called
-`BorderedImage`. This is a custom widget,
-and is used here to hide
-the code that isn't relevant to this topic.
-:::
-
-```dart
-Widget build(BuildContext context) {
- return Center(
- child: BorderedImage(),
- );
-}
-```
-
-The following figure shows a widget that isn't
-aligned on the left,
-and a widget that has been centered on the right.
-
-
-
-All layout widgets have either of the following:
-* A `child` property if they take a single
-child—for example, `Center`, `Container`,
-or `Padding`.
-* A `children` property if they take a list
-of widgets—for example,
-`Row`, `Column`, `ListView`, or `Stack`.
-
-### Container
-
-`Container` is a convenience widget that's
-made up of several widgets responsible for layout,
-painting, positioning, and sizing.
-In regard to layout,
-it can be used to add padding and
-margins to a widget.
-There is also a `Padding` widget
-that could be used here to the same effect.
-The following example uses a `Container`.
-
-```dart
-Widget build(BuildContext context) {
- return Container(
- padding: EdgeInsets.all(16.0),
- child: BorderedImage(),
- );
-}
-```
-
-The following figure shows a widget without
-padding on the left,
-and a widget with padding on the right.
-
-
-
-To create more complex layouts in Flutter,
-you can compose many widgets.
-For example, you can combine `Container` and `Center`:
-
-```dart
-Widget build(BuildContext context) {
- return Center(
- Container(
- padding: EdgeInsets.all(16.0),
- child: BorderedImage(),
- ),
- );
-}
-```
-
-## Layout multiple widgets vertically or horizontally
-
-One of the most common layout patterns is to
-arrange widgets vertically or horizontally.
-You can use a `Row` widget to arrange widgets
-horizontally,
-and a `Column` widget to arrange widgets vertically.
-The first figure on this page used both.
-
-This is the most basic example of using a `Row` widget.
-
-
-
-You control how a row or column aligns its
-children using the `mainAxisAlignment` and
-`crossAxisAlignment` properties.
-For a row, the main axis runs horizontally and
-the cross axis runs vertically. For a column,
-the main axis runs
-vertically and the cross axis runs horizontally.
-
-
-
-Setting the main axis alignment to `spaceEvenly`
-divides the free horizontal space evenly between,
-before, and after each image.
-
-
-
-The [`MainAxisAlignment`][] and [`CrossAxisAlignment`][]
-enums offer a variety of constants for
-controlling alignment.
-
-Flutter includes other widgets that can be used
-for alignment, notably the `Align` widget.
-
-### Sizing widgets within rows and columns
-
-When a layout is too large to fit a device,
-a yellow and black striped pattern appears
-along the affected edge.
-In this example, the viewport is 400 pixels wide,
-and each child is 150 pixels wide.
-
-
-
-Widgets can be sized to fit within a
-row or column by using the `Expanded` widget.
-To fix the previous example where the row of
-images is too wide for its render box,
-wrap each image with an [`Expanded`][] widget.
-
-- -
- -
- -
- -
- -
- -
- -
-
-
-In the [next page][] in this series, you will
-learn more about layout in Flutter.
-
-### Building widgets
-
-To create a user interface in Flutter,
-you override the [`build`][] method on widget objects.
-All widgets must have a build method,
-and it must return another widget. For example,
-if you want to add text to the screen with some padding,
-you could write it like this:
-
-```dart
-class PaddedText extends StatelessWidget {
- const PaddedText({super.key});
-
- @override
- Widget build(BuildContext context) {
- return Padding(
- padding: const EdgeInsets.all(8.0),
- child: const Text('Hello, World!'),
- );
- }
-}
-```
-
-The framework calls the `build` method when this
-widget is created and when the dependencies of this
-widget change (such as state that is passed into the widget).
-This method can potentially be called in every frame (typically 60 times a second)
-and should not have any side effects beyond
-building a widget.
-To learn more about how Flutter renders widgets,
-check out the [Flutter architectural overview][].
-
-### Widget state
-
-The framework introduces two major classes of widget:
-stateful and stateless widgets.
-
-Widgets that have no mutable state
-(they have no class properties
-that change over time) subclass [`StatelessWidget`][].
-Many built-in widgets are stateless,
-such as `Padding`, `Text`, and `Icon`.
-When you create your own widgets,
-you'll create `Stateless` widgets most of the time.
-
-On the other hand,
-if the unique characteristics of a widget need to change
-based on user interaction or other factors,
-that widget is stateful.
-For example, if a widget has a counter that
-increments whenever the user taps a button,
-then the value of the counter is the state for that widget.
-When that value changes, the widget needs to be
-rebuilt to update its part of the UI.
-These widgets subclass [`StatefulWidget`][],
-and (because the widget itself is immutable)
-they store mutable state in a separate class that
-subclasses [`State`][].
-`StatefulWidgets` don't have a `build` method;
-instead, their user interface is built through
-their `State` object, as shown in the example below.
-
-```dart
-class CounterWidget extends StatefulWidget {
- @override
- State
-
-
-
-{% render "docs/china-notice.md" %}
diff --git a/src/content/get-started/learn-flutter.md b/src/content/get-started/learn-flutter.md
deleted file mode 100644
index c93b2cceec1..00000000000
--- a/src/content/get-started/learn-flutter.md
+++ /dev/null
@@ -1,63 +0,0 @@
----
-title: Learn Flutter
-description: Resources to help you learn Flutter.
-showToc: false
----
-
-
-
-
-
-
-
-
- Use VS Code or another Code OSS-based editor to quickly - install, set up, and try out Flutter development!
-
-
-
-
-
-
-Install the Flutter SDK, set up any initial target platform, and - get started learning and developing with Flutter!
-
-
+
- Learn the fundamentals
+ Learn the fundamentals
Explore Flutter widgets
diff --git a/src/content/get-started/quick.md b/src/content/install/quick.md
similarity index 100%
rename from src/content/get-started/quick.md
rename to src/content/install/quick.md
diff --git a/src/content/install/with-vs-code.md b/src/content/install/with-vs-code.md
index 2cd59d11cc7..497a25a4a83 100644
--- a/src/content/install/with-vs-code.md
+++ b/src/content/install/with-vs-code.md
@@ -282,7 +282,7 @@ the Flutter team recommends you first try out
Write your first app
- Learn the fundamentals
+ Learn the fundamentals
Explore Flutter widgets
diff --git a/src/content/learn/tutorial/http-requests.md b/src/content/learn/tutorial/http-requests.md
index 84cbbc17a20..802fc68449e 100644
--- a/src/content/learn/tutorial/http-requests.md
+++ b/src/content/learn/tutorial/http-requests.md
@@ -35,9 +35,6 @@ The core tenet of MVVM (and many other patterns) is *separation of concerns*.
Managing state in separate classes (outside your UI widgets) makes
your code more testable, reusable, and easier to maintain.
-
-
A single feature in your app contains each one of the MVVM components.
In this tutorial, in addition to Flutter widgets,
you'll create `ArticleModel`, `ArticleViewModel`, and `ArticleView`.
diff --git a/src/content/learn/tutorial/layout.md b/src/content/learn/tutorial/layout.md
index 7966750721e..000c802698a 100644
--- a/src/content/learn/tutorial/layout.md
+++ b/src/content/learn/tutorial/layout.md
@@ -229,7 +229,7 @@ providing a declarative alternative to the following:
In this case, it adds five `Row` widgets to the column,
one for each guess on the `Game` object.
-[collection for element]: /language/collections#for-element
+[collection for element]: {{site.dart-site}}/language/collections#for-element
#### An updated widget tree
diff --git a/src/content/llms.txt b/src/content/llms.txt
index a04cded36fa..1c709ebb4ad 100644
--- a/src/content/llms.txt
+++ b/src/content/llms.txt
@@ -10,7 +10,7 @@ This file provides a curated list of resources to help Large Language Models und
- [Installation guide](https://docs.flutter.dev/get-started/install): The first step for any developer to set up their environment for Flutter development.
- [Introduction to declarative UI](https://docs.flutter.dev/get-started/flutter-for/declarative): This introduction describes the conceptual difference between the declarative style used by Flutter, and the imperative style used by many other UI frameworks.
- [Write Your First App Codelab](https://codelabs.developers.google.com/codelabs/flutter-codelab-first): The canonical hands-on tutorial for building a basic Flutter application.
-- [Flutter Fundamentals](https://docs.flutter.dev/get-started/fundamentals): A guide for new developers learning Flutter, covering fundamental topics like Dart, widgets, layout, state
+- [Flutter Learning Pathway](https://docs.flutter.dev/learn/pathway): A guide for new developers learning Flutter, covering fundamental topics like Dart, widgets, layout, state
management, user input, networking, and local data caching.
- [Dart language tour](https://dart.dev/language): A comprehensive introduction to the Dart programming language, which is required for Flutter development.
- [Flutter Widget of the Week playlist](https://www.youtube.com/watch?v=D0xwcz2IqAY&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG): Short, engaging videos introducing individual widgets.
diff --git a/src/content/platform-integration/android/setup.md b/src/content/platform-integration/android/setup.md
index 5045f26946b..14f7b30482e 100644
--- a/src/content/platform-integration/android/setup.md
+++ b/src/content/platform-integration/android/setup.md
@@ -354,7 +354,7 @@ or begin improving integration with Android.
Write your first app
- Learn the fundamentals
+ Learn the fundamentals
Explore Flutter widgets
diff --git a/src/content/platform-integration/ios/setup.md b/src/content/platform-integration/ios/setup.md
index c09e9f2d613..98284208dcc 100644
--- a/src/content/platform-integration/ios/setup.md
+++ b/src/content/platform-integration/ios/setup.md
@@ -250,7 +250,7 @@ or begin improving integration with iOS.
Write your first app
- Learn the fundamentals
+ Learn the fundamentals
Explore Flutter widgets
diff --git a/src/content/platform-integration/linux/setup.md b/src/content/platform-integration/linux/setup.md
index 48881c89206..2089ca8b4dc 100644
--- a/src/content/platform-integration/linux/setup.md
+++ b/src/content/platform-integration/linux/setup.md
@@ -104,7 +104,7 @@ or begin expanding integration with Linux.
Write your first app
- Learn the fundamentals
+ Learn the fundamentals
Explore Flutter widgets
diff --git a/src/content/platform-integration/macos/setup.md b/src/content/platform-integration/macos/setup.md
index 5bc2af471ce..84dae9785be 100644
--- a/src/content/platform-integration/macos/setup.md
+++ b/src/content/platform-integration/macos/setup.md
@@ -148,7 +148,7 @@ or begin expanding integration with macOS.
Write your first app
- Learn the fundamentals
+ Learn the fundamentals
Explore Flutter widgets
diff --git a/src/content/platform-integration/web/setup.md b/src/content/platform-integration/web/setup.md
index c2ac2c19f55..5a649242ba6 100644
--- a/src/content/platform-integration/web/setup.md
+++ b/src/content/platform-integration/web/setup.md
@@ -81,7 +81,7 @@ or begin expanding integration with the web.
Write your first app
- Learn the fundamentals
+ Learn the fundamentals
Explore Flutter widgets
diff --git a/src/content/platform-integration/windows/setup.md b/src/content/platform-integration/windows/setup.md
index 4fb293769e6..7c4e94b2bb8 100644
--- a/src/content/platform-integration/windows/setup.md
+++ b/src/content/platform-integration/windows/setup.md
@@ -124,7 +124,7 @@ or begin expanding integration with Windows.
Write your first app
- Learn the fundamentals
+ Learn the fundamentals
Explore Flutter widgets
diff --git a/src/content/release/archive-whats-new.md b/src/content/release/archive-whats-new.md
index f7a86f64dc3..8d35b409ed4 100644
--- a/src/content/release/archive-whats-new.md
+++ b/src/content/release/archive-whats-new.md
@@ -192,11 +192,11 @@ This website release includes several important updates!
[deep-linking-tool]: /tools/devtools/deep-links
[design patterns]: /app-architecture/design-patterns
[Flutter AI Toolkit]: /ai/ai-toolkit
-[fwe]: /get-started/fundamentals
+[fwe]: /learn/pathway
[Interactive Media Ads]: {{site.pub-pkg}}/interactive_media_ads
[jc]: /platform-integration/android/compose-activity
[jetpack-api]: /platform-integration/android/call-jetpack-apis
-[Intro to Dart]: /get-started/fundamentals/dart
+[Intro to Dart]: {{site.dart-site}}/tutorials
[plugin-authors]: /packages-and-plugins/swift-package-manager/for-plugin-authors
[Support for WebAssembly (Wasm)]: /platform-integration/web/wasm
[web renderers]: /platform-integration/web/renderers
@@ -259,12 +259,12 @@ This website release includes several important updates!
[DevTools 2.37.2]: /tools/devtools/release-notes/release-notes-2.37.2
[Embedding Flutter on the web]: /platform-integration/web/embedding-flutter-web
[Embedding web content into a Flutter app]: /platform-integration/web/web-content-in-flutter
-[Flutter fundamentals docs]: /get-started/fundamentals
-[Widgets]: /get-started/fundamentals/widgets
+[Flutter fundamentals docs]: /learn/pathway
+[Widgets]: /learn/tutorial/widget-fundamentals
[iOS app extension]: /platform-integration/ios/app-extensions
[iOS plugins]: /packages-and-plugins/swift-package-manager/for-plugin-authors
[iOS apps]: /packages-and-plugins/swift-package-manager/for-app-developers
-[Layout]: /get-started/fundamentals/layout
+[Layout]: /learn/tutorial/layout
[predictive back gesture]: /platform-integration/android/predictive-back
[Tinted app icons]: /deployment/ios#add-an-app-icon
@@ -336,7 +336,7 @@ To learn more, check out [dart.dev/go/macros][].
[Adaptive and Responsive design]: /ui/adaptive-responsive
[Casual Games Toolkit]: /resources/games-toolkit
-[Flutter fundamentals docs]: /get-started/fundamentals
+[Flutter fundamentals docs]: /learn/pathway
[Flutter install]: /get-started
[Flutter web app initialization]: /platform-integration/web/initialization
[website README]: {{site.github}}/flutter/website/?tab=readme-ov-file#flutter-documentation-website
diff --git a/src/content/tools/property-editor.md b/src/content/tools/property-editor.md
index 35dcd8a7a55..620fa2c66c7 100644
--- a/src/content/tools/property-editor.md
+++ b/src/content/tools/property-editor.md
@@ -48,7 +48,7 @@ UI development and iteration.
[VS Code]: /tools/vs-code#property-editor
[Android Studio/IntelliJ]: /tools/android-studio#property-editor
-[widget constructor invocation]: /get-started/fundamentals/widgets
+[widget constructor invocation]: /learn/tutorial/widget-fundamentals
### Runtime usage
diff --git a/src/data/glossary.yml b/src/data/glossary.yml
index acd6aeca45e..c87df527633 100644
--- a/src/data/glossary.yml
+++ b/src/data/glossary.yml
@@ -232,8 +232,8 @@
why other state management solutions
(like `InheritedWidget` or `Provider`) are often used.
related_links:
- - text: "State management: Sharing state"
- link: "/get-started/fundamentals/state-management#sharing-state-between-widgets"
+ - text: "State management introduction"
+ link: "/data-and-backend/state-mgmt/intro"
type: "doc"
labels:
- "state management"
@@ -325,8 +325,8 @@
[`StatefulWidget`]: https://api.flutter.dev/flutter/widgets/StatefulWidget-class.html
[state]: https://api.flutter.dev/flutter/widgets/State-class.html
related_links:
- - text: "Fundamentals: Widgets"
- link: "/get-started/fundamentals/widgets"
+ - text: "Widget fundamentals"
+ link: "/learn/tutorial/widget-fundamentals"
type: "doc"
- text: "Widget catalog"
link: "/ui/widgets"
diff --git a/src/data/sidenav.yml b/src/data/sidenav.yml
index 0ae181c0b28..836431d42e7 100644
--- a/src/data/sidenav.yml
+++ b/src/data/sidenav.yml
@@ -1,90 +1,23 @@
- header: Get started
-- title: Set up Flutter
- permalink: /get-started
- hiddenChildren: true
+- title: Install Flutter
icon: build
children:
- - title: Overview
- permalink: /get-started
+ - title: Start here
+ permalink: /install
- title: Quick start
- permalink: /get-started/quick
+ permalink: /install/quick
- title: Custom setup
- permalink: /get-started/custom
-
-- title: Install Flutter
- permalink: /install
- icon: download
- children:
- - title: Overview
- permalink: /install
- - title: Install with VS Code
- permalink: /install/with-vs-code
- - title: Install manually
- permalink: /install/manual
- - title: Upgrade SDK
- permalink: /install/upgrade
- - title: SDK archive
- permalink: /install/archive
- - divider
- - title: Add to path
- permalink: /install/add-to-path
- - title: Troubleshoot
- permalink: /install/troubleshoot
- - title: Uninstall SDK
- permalink: /install/uninstall
+ permalink: /install/custom
- title: Learn Flutter
icon: school
children:
- - title: Introduction
- permalink: /get-started/learn-flutter
- - title: Write your first app
- permalink: /get-started/codelab
- - title: Learn the fundamentals
- expanded: true
- children:
- - title: Introduction
- permalink: /get-started/fundamentals
- - title: Intro to Dart
- permalink: /get-started/fundamentals/dart
- - title: Widgets
- permalink: /get-started/fundamentals/widgets
- - title: Layout
- permalink: /get-started/fundamentals/layout
- - title: State management
- permalink: /get-started/fundamentals/state-management
- - title: Handling user input
- permalink: /get-started/fundamentals/user-input
- - title: Networking and data
- permalink: /get-started/fundamentals/networking
- - title: Local data and caching
- permalink: /get-started/fundamentals/local-caching
-
- - title: From another platform?
- permalink: /get-started/flutter-for
- children:
- - title: Flutter for Android devs
- permalink: /get-started/flutter-for/android-devs
- - title: Flutter for Jetpack Compose devs
- permalink: /get-started/flutter-for/compose-devs
- - title: Flutter for SwiftUI devs
- permalink: /get-started/flutter-for/swiftui-devs
- - title: Flutter for UIKit devs
- permalink: /get-started/flutter-for/uikit-devs
- - title: Flutter for React Native devs
- permalink: /get-started/flutter-for/react-native-devs
- - title: Flutter for web devs
- permalink: /get-started/flutter-for/web-devs
- - title: Flutter for Xamarin.Forms devs
- permalink: /get-started/flutter-for/xamarin-forms-devs
- - title: Introduction to declarative UI
- permalink: /get-started/flutter-for/declarative
- - title: Flutter versus Swift concurrency
- permalink: /get-started/flutter-for/dart-swift-concurrency
-
- - divider
- - title: Learning resources
+ - title: Overview
+ permalink: /learn
+ - title: Learning pathway
+ permalink: /learn/pathway
+ - title: All learning resources
permalink: /reference/learning-resources
- title: Stay up to date
@@ -103,6 +36,9 @@
- title: What's new in the docs
permalink: /release/whats-new
+- divider
+- header: Guides
+
- title: App solutions
icon: apps
children:
@@ -225,8 +161,33 @@
- title: Firebase AI Logic
permalink: https://firebase.google.com/docs/ai-logic/get-started?platform=flutter
+
+- title: From another platform?
+ icon: devices
+ permalink: /flutter-for
+ children:
+ - title: Flutter for Android devs
+ permalink: /flutter-for/android-devs
+ - title: Flutter for Jetpack Compose devs
+ permalink: /flutter-for/compose-devs
+ - title: Flutter for SwiftUI devs
+ permalink: /flutter-for/swiftui-devs
+ - title: Flutter for UIKit devs
+ permalink: /flutter-for/uikit-devs
+ - title: Flutter for React Native devs
+ permalink: /flutter-for/react-native-devs
+ - title: Flutter for web devs
+ permalink: /flutter-for/web-devs
+ - title: Flutter for Xamarin.Forms devs
+ permalink: /flutter-for/xamarin-forms-devs
+ - title: Introduction to declarative UI
+ permalink: /flutter-for/declarative
+ - title: Flutter versus Swift concurrency
+ permalink: /flutter-for/dart-swift-concurrency
+
- divider
- header: User interface
+
- title: Introduction
permalink: /ui
icon: palette
+
-
-
-## Install Flutter {: #install}
+## Try Flutter {:#try}
-To get started developing with Flutter,
-follow these steps to install and set up Flutter
-for your preferred development environment and target devices.
+You can quickly try Flutter online without any local setup.
- DartPad
-
-
-
+
Quickly build and run simple single-file Flutter apps on the web.
+Use VS Code or another Code OSS-based editor to quickly + install, set up, and try out Flutter development!
- Firebase Studio
-
-
Develop complex Flutter apps in an AI-assisted workspace in the cloud.
+Install the Flutter SDK, set up any initial target platform, and + get started learning and developing with Flutter!
-
+
-:::tip
-If you've never set up or developed an app with Flutter before
-and plan to use VS Code or another Code - OSS derived editor,
-consider following the [Flutter quick start][] instead.
-:::
-
-[Flutter quick start]: /get-started/quick
+
## Update Flutter {: #update}
@@ -107,3 +91,34 @@ up to date with the **latest** `stable` or `beta` releases.
:::
[SDK archive]: /install/archive
+
+## Troubleshoot and uninstall Flutter {: #uninstall}
+
+Guides to help you resolve common issues with your Flutter development environment and uninstall Flutter.
+
+
- Install with VS Code
- Recommended
+
+ DartPad
+
-
-
+
Use VS Code or another Code - OSS derived editor to quickly - set up your Flutter development environment.
+Quickly build and run simple single-file Flutter apps on the web.
- Install manually
- For specific releases
+
+ Firebase Studio
+
-
Manually install and set up a specific release of the Flutter SDK - for your preferred development environment.
+Develop complex Flutter apps in an AI-assisted workspace in the cloud.
+
+
\ No newline at end of file
diff --git a/src/content/install/manual.md b/src/content/install/manual.md
index 65588f811cd..5f5cbc06d1a 100644
--- a/src/content/install/manual.md
+++ b/src/content/install/manual.md
@@ -365,7 +365,7 @@ the Flutter team recommends you first try out
Write your first app
+ Add Flutter to path
+
+
+
+
+
+ Using Flutter on the command line requires that the Flutter SDK is added to your system's `PATH` environment variable.
+
+ Troubleshoot SDK
+
+
+
+
+
+ Use this guide to resolve common issues with your Flutter development environment.
+
+ Uninstall SDK
+
+
+
+
+Uninstall Flutter from your system.
+
-
A single feature in your app contains each one of the MVVM components.
In this tutorial, in addition to Flutter widgets,
you'll create `ArticleModel`, `ArticleViewModel`, and `ArticleView`.
diff --git a/src/content/learn/tutorial/layout.md b/src/content/learn/tutorial/layout.md
index 7966750721e..000c802698a 100644
--- a/src/content/learn/tutorial/layout.md
+++ b/src/content/learn/tutorial/layout.md
@@ -229,7 +229,7 @@ providing a declarative alternative to the following:
In this case, it adds five `Row` widgets to the column,
one for each guess on the `Game` object.
-[collection for element]: /language/collections#for-element
+[collection for element]: {{site.dart-site}}/language/collections#for-element
#### An updated widget tree
diff --git a/src/content/llms.txt b/src/content/llms.txt
index a04cded36fa..1c709ebb4ad 100644
--- a/src/content/llms.txt
+++ b/src/content/llms.txt
@@ -10,7 +10,7 @@ This file provides a curated list of resources to help Large Language Models und
- [Installation guide](https://docs.flutter.dev/get-started/install): The first step for any developer to set up their environment for Flutter development.
- [Introduction to declarative UI](https://docs.flutter.dev/get-started/flutter-for/declarative): This introduction describes the conceptual difference between the declarative style used by Flutter, and the imperative style used by many other UI frameworks.
- [Write Your First App Codelab](https://codelabs.developers.google.com/codelabs/flutter-codelab-first): The canonical hands-on tutorial for building a basic Flutter application.
-- [Flutter Fundamentals](https://docs.flutter.dev/get-started/fundamentals): A guide for new developers learning Flutter, covering fundamental topics like Dart, widgets, layout, state
+- [Flutter Learning Pathway](https://docs.flutter.dev/learn/pathway): A guide for new developers learning Flutter, covering fundamental topics like Dart, widgets, layout, state
management, user input, networking, and local data caching.
- [Dart language tour](https://dart.dev/language): A comprehensive introduction to the Dart programming language, which is required for Flutter development.
- [Flutter Widget of the Week playlist](https://www.youtube.com/watch?v=D0xwcz2IqAY&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG): Short, engaging videos introducing individual widgets.
diff --git a/src/content/platform-integration/android/setup.md b/src/content/platform-integration/android/setup.md
index 5045f26946b..14f7b30482e 100644
--- a/src/content/platform-integration/android/setup.md
+++ b/src/content/platform-integration/android/setup.md
@@ -354,7 +354,7 @@ or begin improving integration with Android.
Write your first app