Remove codelab and cookbook index in favor of learning resource index

Author: parlough

firebase.json

@@ -104,12 +104,14 @@
       { "source": "/accessibility-and-localization", "destination": "/ui/accessibility-and-internationalization", "type": 301 },
       { "source": "/accessibility-and-localization/:rest*", "destination": "/ui/accessibility-and-internationalization/:rest*", "type": 301 },
       { "source": "/add-to-app/android/add-splash-screen", "destination": "/platform-integration/android/splash-screen", "type": 301 },
+      { "source": "/codelabs", "destination": "/reference/learning-resources", "type": 301 },
       { "source": "/codelabs/layout-basics", "destination": "/ui/layout", "type": 301 },
       { "source": "/codelabs/explicit-animations", "destination": "/ui/animations/tutorial", "type": 301 },
+      { "source": "/cookbook", "destination": "/reference/learning-resources", "type": 301 },
       { "source": "/cookbook/games/google-mobile-ads", "destination": "/cookbook/plugins/google-mobile-ads", "type": 301 },
       { "source": "/cookbook/images/cached-images", "destination": "/cookbook/images/network-image", "type": 301 },
-      { "source": "/cookbook/effects/photo-filter-carousel", "destination": "/cookbook", "type": 301 },
-      { "source": "/cookbook/effects/gradient-bubbles", "destination": "/cookbook", "type": 301 },
+      { "source": "/cookbook/effects/photo-filter-carousel", "destination": "/reference/learning-resources", "type": 301 },
+      { "source": "/cookbook/effects/gradient-bubbles", "destination": "/reference/learning-resources", "type": 301 },
       { "source": "/cookbook/networking/named-routes", "destination": "/cookbook/navigation/named-routes", "type": 301 },
       { "source": "/cookbook/testing/integration-test-introduction", "destination": "/cookbook/testing/integration", "type": 301 },
       { "source": "/cookbook/testing/integration-test-profiling", "destination": "/cookbook/testing/integration/profiling", "type": 301 },

src/content/codelabs/implicit-animations.md

@@ -418,13 +418,13 @@ To learn more, check out these suggestions:
 - Try the [animations tutorial][].
 - Learn about [hero animations][] and [staggered animations][].
 - Checkout the [animation library][].
-- Try another [codelab][].
+- Explore other [Flutter learning resources][].
 
 [`AnimatedContainer`]: {{site.api}}/flutter/widgets/AnimatedContainer-class.html
 [AnimatedOpacity]: {{site.api}}/flutter/widgets/AnimatedOpacity-class.html
 [animation library]: {{site.api}}/flutter/animation/animation-library.html
 [animations tutorial]: /ui/animations/tutorial
-[codelab]: /codelabs
+[Flutter learning resources]: /reference/learning-resources
 [`Curve`]: {{site.api}}/flutter/animation/Curve-class.html
 [`Curves`]: {{site.api}}/flutter/animation/Curves-class.html
 [duration]: {{site.api}}/flutter/widgets/ImplicitlyAnimatedWidget/duration.html

src/content/codelabs/index.md

@@ -2,318 +2,9 @@
 title: Codelabs
 description: >-
   Codelabs to help you quickly get started programming Flutter.
+sitemap: false
+# This is a placeholder page (Firebase redirects this page's URL to another);
+# it is necessary to allow breadcrumbs to work.
 ---
 
-The Flutter codelabs provide a guided,
-hands-on coding experience. Some codelabs
-run in DartPad—no downloads required!
-
-## Good for beginners
-
-If you're new to Flutter, we recommend starting with
-one of the following codelabs:
-
-* [Building your first Flutter app][] (workshop)<br>
-  An instructor-led version of our very popular
-  "Write your first Flutter app" codelab
-  (listed below).
-
-* [Your first Flutter app][]<br>
-  Create a simple app that automatically generates cool-sounding names,
-  such as "newstay", "lightstream", "mainbrake", or "graypine".
-  This app is responsive and runs on mobile, desktop, and web.
-
-[Building your first Flutter app]: {{site.yt.watch}}?v=8sAyPDLorek
-[Your first Flutter app]: {{site.codelabs}}/codelabs/flutter-codelab-first
-
-## Next steps
-
-* [Records and Patterns in Dart 3][]<br>
-  Discover Dart 3's new records and patterns features.
-  Learn how you can use them in a Flutter app to help you
-  write more readable and maintainable Dart code.
-
-* [Building scrolling experiences in Flutter][] (workshop)<br>
-  Start with an app that performs simple, straightforward scrolling
-  and enhance it to create fancy and custom scrolling effects
-  by using slivers.
-
-* [Dart null safety in Action][] (workshop)<br>
-  An instructor-led workshop introducing the features
-  that enable Dart's null-safe type system.
-
-* [How to manage application states using inherited widgets][inherited-widget-ws] (workshop)<br>
-  Learn how to manage the state of your app's data by
-  using the `InheritedWidget` class, one of the
-  [low-level state management][] classes provided
-  by Flutter.
-
-[Records and Patterns in Dart 3]: {{site.codelabs}}/codelabs/dart-patterns-records
-[Dart null safety in Action]: {{site.yt.watch}}?v=HdKwuHQvArY
-[inherited-widget-ws]: {{site.yt.watch}}?v=LFcGPS6cGrY
-[low-level state management]: /data-and-backend/state-mgmt/options#inheritedwidget-inheritedmodel
-
-## Designing a Flutter UI
-
-Learn about Material Design and basic Flutter concepts,
-like layout and animations:
-
-* [How to debug layout issues with the Flutter Inspector][]<br>
-  Not an official codelab, but step-by-step instructions on
-  how to debug common layout problems using the Flutter
-  Inspector and Layout Explorer.
-
-* [Animations in Flutter][]<br>
-  Learn everything you need to know to build animated effects
-  using Flutter. This codelab covers implicitly animated widgets,
-  explicitly animated widgets, animation controllers,
-  how to use components from the Material [animations][] package,
-  and how to set up [Predictive Back][] on Android.
-
-* [Implicit animations][]<br>
-  Use DartPad (no downloads required!) to learn how to use
-  implicit animations to add motion and create
-  visual effects for the widgets in your UI.
-
-* [Building Beautiful Transitions with Material Motion for Flutter][]<br>
-  Learn how to use the Material [animations][] package to
-  add pre-built transitions to a Material app called Reply.
-
-* [Take your Flutter app from boring to beautiful][]<br>
-  Learn how to use some of the features in Material 3
-  to make your app more beautiful _and_ more responsive.
-
-* [MDC-101 Flutter: Material Components (MDC) Basics][]<br>
-  Learn the basics of using Material Components by building
-  a simple app with core components.  The four MDC codelabs
-  guide you through building an e-commerce app called Shrine.
-  You'll start by building a login page using several of MDC
-  Flutter's components.
-
-* [MDC-102 Flutter: Material Structure and Layout][]<br>
-  Learn how to use Material for structure and layout in Flutter.
-  Continue building the e-commerce app, introduced in MDC-101,
-  by adding navigation, structure, and data.
-
-* [MDC-103 Flutter: Material Theming with Color, Shape, Elevation, and Type][]<br>
-  Discover how Material Components for Flutter make it
-  easy to differentiate your product, and express your
-  brand through design. Continue building your e-commerce
-  app by adding a home screen that displays products.
-
-* [MDC-104 Flutter: Material Advanced Components][]<br>
-  Improve your design and learn to use our advanced
-  component backdrop menu. Finish your e-commerce app
-  by adding a backdrop with a menu that filters
-  products by the selected category.
-
-* [Adaptive Apps in Flutter][]<br>
-  Learn how to build a Flutter app that adapts to the
-  platform that it's running on, be that Android, iOS,
-  the web, Windows, macOS, or Linux.
-
-* [Building next generation UIs in Flutter][]<br>
-  Learn how to build a Flutter app that uses the power of `flutter_animate`,
-  fragment shaders, and particle fields. You will craft a user interface that
-  evokes those science fiction movies and TV shows we all love
-  watching when we aren't coding.
-
-[Building next generation UIs in Flutter]: {{site.codelabs}}/codelabs/flutter-next-gen-uis
-[Adaptive Apps in Flutter]: {{site.codelabs}}/codelabs/flutter-adaptive-app
-[animations]: {{site.pub}}/packages/animations
-[Building Beautiful Transitions with Material Motion for Flutter]: {{site.codelabs}}/codelabs/material-motion-flutter
-[Building scrolling experiences in Flutter]: {{site.yt.watch}}?v=YY-_yrZdjGc
-[How to debug layout issues with the Flutter Inspector]: {{site.flutter-medium}}/how-to-debug-layout-issues-with-the-flutter-inspector-87460a7b9db
-[Animations in Flutter]: {{site.codelabs}}/advanced-flutter-animations
-[Predictive Back]: {{site.docs}}/release/breaking-changes/android-predictive-back
-[Implicit animations]: /codelabs/implicit-animations
-[MDC-101 Flutter: Material Components (MDC) Basics]: {{site.codelabs}}/codelabs/mdc-101-flutter
-[MDC-102 Flutter: Material Structure and Layout]: {{site.codelabs}}/codelabs/mdc-102-flutter
-[MDC-103 Flutter: Material Theming with Color, Shape, Elevation, and Type]: {{site.codelabs}}/codelabs/mdc-103-flutter
-[MDC-104 Flutter: Material Advanced Components]: {{site.codelabs}}/codelabs/mdc-104-flutter
-[Take your Flutter app from boring to beautiful]: {{site.codelabs}}/codelabs/flutter-boring-to-beautiful
-
-## Using Flutter with ...
-
-Learn how to use Flutter with other technologies.
-
-{% comment %}
-  Once we get at least 3 codelabs on a specific topic,
-  add a subheader for that topic.
-{% endcomment %}
-
-### Monetizing Flutter
-
-* [Adding AdMob Ads to a Flutter app][]<br>
-  Learn how to add an AdMob banner, an interstitial ad,
-  and a rewarded ad to an app called Awesome Drawing Quiz,
-  a game that lets players guess the name of the drawing.
-
-* [Adding an AdMob banner and native inline ads to a Flutter app][]<br>
-  Learn how to implement inline banner and native ads
-  to a travel booking app that lists possible
-  flight destinations.
-
-* [Adding in-app purchases to your Flutter app][]<br>
-  Extend a simple gaming app that uses the Dash mascot as
-  currency to offer three types of in-app purchases:
-  consumable, non-consumable, and subscription.
-
-[Adding AdMob Ads to a Flutter app]: {{site.codelabs}}/codelabs/admob-ads-in-flutter
-[Adding an AdMob banner and native inline ads to a Flutter app]: {{site.codelabs}}/codelabs/admob-inline-ads-in-flutter
-[Adding in-app purchases to your Flutter app]: {{site.codelabs}}/codelabs/flutter-in-app-purchases
-
-### Flutter and Firebase
-
-* [Build a Gemini powered Flutter app][]—**NEW**<br>
-  In this codelab, you’ll learn how to integrate Gemini into your Flutter
-  app using Vertex AI in Firebase.
-
-* [Add a user authentication flow to a Flutter app using FirebaseUI][]<br>
-  Learn how to add Firebase authentication to a Flutter app
-  with only a few lines of code.
-
-* [Get to know Firebase for Flutter][firebase-ws] (workshop)<br>
-  An instructor-led version of our popular
-  "Get to know Firebase for Flutter" codelab
-  (listed below).
-
-* [Get to know Firebase for Flutter][]<br>
-  Build an event RSVP and guestbook chat app on both Android
-  and iOS using Flutter, authenticating users with Firebase
-  Authentication, and sync data using Cloud Firestore.
-
-* [Local development for your Flutter apps using the Firebase Emulator Suite][]<br>
-  Learn how to use the Firebase Emulator Suite when
-  developing with Flutter. You will also learn to use
-  the Auth and Firestore emulators.
-
-* [Send and receive notifications for a Flutter app using Firebase Cloud Messaging][]<br>
-  Learn how to develop a multi-platform app with Flutter
-  and Firebase Cloud Messaging, integrating FCM to send and
-  receive messages on Android, iOS, and web.
-
-[Build a Gemini powered Flutter app]: {{site.codelabs}}/codelabs/flutter-gemini-colorist
-[Add a user authentication flow to a Flutter app using FirebaseUI]: {{site.firebase}}/codelabs/firebase-auth-in-flutter-apps
-[firebase-ws]: {{site.yt.watch}}?v=wUSkeTaBonA
-[Get to know Firebase for Flutter]: {{site.firebase}}/codelabs/firebase-get-to-know-flutter
-[Local development for your Flutter apps using the Firebase Emulator Suite]: {{site.firebase}}/codelabs/get-started-firebase-emulators-and-flutter
-[Send and receive notifications for a Flutter app using Firebase Cloud Messaging]: {{site.firebase}}/codelabs/firebase-fcm-flutter
-
-### Build games with Flutter
-
-* [Add sound and music to your Flutter game with SoLoud][]—**NEW**<br>
-  The [SoLoud][] package, a free and portable engine,
-  delivers the low-latency and high-performance sound that's
-  essential for many games.
-  In this codelab, learn how to add SoLoud to your game.
-
-* [Build a 2D physics game with Flutter and Flame][]—**NEW**<br>
-  This codelab guides you through crafting game mechanics in a
-  Flutter and Flame game using a 2D physics simulation along
-  the lines of Box2D, called [Forge2D][].
-
-* [Build a word puzzle with Flutter][]—**NEW**<br>
-  This codelab focuses on building word puzzle games,
-  and dives into using Flutter's background processing
-  to generate expansive crossword-style grids of interlocking words.
-
-* [Introduction to Flame with Flutter][]<br>
-  Build a Breakout clone using the Flame 2D game engine and
-  embed it in a Flutter wrapper. You will use Flame's Effects
-  to animate and remove components, along with the `google_fonts` and
-  `flutter_animate` packages, to make the whole game look well designed.
-
-[Add sound and music to your Flutter game with SoLoud]: {{site.codelabs}}/codelabs/flutter-codelab-soloud
-[Build a 2D physics game with Flutter and Flame]: {{site.codelabs}}/codelabs/flutter-flame-forge2d
-[Build a word puzzle with Flutter]: {{site.codelabs}}/codelabs/flutter-word-puzzle
-[Forge2D]: {{site.pub-pkg}}/forge2d
-[Introduction to Flame with Flutter]: {{site.codelabs}}/codelabs/flutter-flame-brick-breaker
-[SoLoud]: {{site.pub-pkg}}/flutter_soloud
-
-### Flutter and TensorFlow
-
-* [Create a custom text-classification model with TensorFlow Lite Model Maker][]<br>
-
-* [Create a Flutter app to classify texts with TensorFlow][]<br>
-  Learn how to run a text-classification inference from a Flutter
-  app with TensorFlow Serving through REST and gRPC.
-
-* [Train a comment-spam detection model with TensorFlow Lite Model Maker][]<br>
-  Learn how to install the TensorFlow Lite Model Maker with Colab,
-  how to use a data loader, and how to build a model.
-
-[Create a custom text-classification model with TensorFlow Lite Model Maker]: {{site.developers}}/codelabs/classify-text-update-tensorflow-serving
-[Create a Flutter app to classify texts with TensorFlow]: {{site.developers}}/codelabs/classify-texts-flutter-tensorflow-serving
-[Train a comment-spam detection model with TensorFlow Lite Model Maker]: {{site.developers}}/codelabs/classify-text-tensorflow-serving
-
-### Flutter and other technologies
-
-* [Adding Google Maps to a Flutter app][]<br>
-  Display a Google map in an app, retrieve data from a
-  web service, and display the data as markers on the map.
-
-* [Adding WebView to your Flutter app][]<br>
-  With the WebView Flutter plugin you can add a WebView
-  widget to your Android or iOS Flutter app.
-
-* [Build voice bots for mobile with Dialogflow and Flutter][] (workshop)<br>
-  An instructor-led version of the Dialogflow
-  and Flutter codelab (listed below).
-
-* [Build voice bots for Android with Dialogflow and Flutter][]<br>
-  Learn how to build a mobile FAQ bot that can answer most
-  common questions about the tool Dialogflow. End users
-  can interact with the text interface or stream a voice
-  interaction via the built-in microphone of a mobile device.
-
-* [Using FFI in a Flutter plugin][]<br>
-  Learn how to use Dart's FFI (foreign function interface)
-  library, ffigen, allowing you to leverage
-  existing native libraries that provide a
-  C interface.
-
-* [Create haikus about Google products with the PaLM API and Flutter][]<br>
-  Learn how to build an app that uses the PaLM API to
-  generate haikus based on Google product names. The
-  PaLM API gives you access to Google's
-  state-of-the-art large language models.
-
-[Adding Google Maps to a Flutter app]: {{site.codelabs}}/codelabs/google-maps-in-flutter
-[Adding WebView to your Flutter app]: {{site.codelabs}}/codelabs/flutter-webview
-[Build voice bots for Android with Dialogflow and Flutter]: {{site.codelabs}}/codelabs/dialogflow-flutter
-[Build voice bots for mobile with Dialogflow and Flutter]: {{site.yt.watch}}?v=O7JfSF3CJ84
-[Create haikus about Google products with the PaLM API and Flutter]: {{site.codelabs}}/haiku-generator
-[Using FFI in a Flutter plugin]: {{site.codelabs}}/codelabs/flutter-ffigen
-
-## Testing
-
-Learn how to test your Flutter application.
-
-* [How to test a Flutter app][]<br>
-  Start with a simple app that manages state with the Provider package.
-  Unit test the provider package. Write widget tests for two of the
-  widgets. Use Flutter Driver to create an integration test.
-
-[How to test a Flutter app]: {{site.codelabs}}/codelabs/flutter-app-testing/
-
-## Writing platform-specific code
-
-Learn how to write code that's targeted for specific platforms,
-like iOS, Android, desktop, or the web.
-
-* [Write a Flutter desktop application][]<br>
-  Build a Flutter desktop app (Windows, Linux, or macOS)
-  that accesses GitHub APIs to retrieve your repositories,
-  assigned issues, and pull requests. As part of this task,
-  create and use plugins to interact with native APIs and desktop applications,
-  and use code generation to build type-safe client libraries for GitHub's APIs.
-
-* [Adding a Home Screen widget to your Flutter app][home-screen]<br>
-  Learn how to add a Home Screen widget to your Flutter app
-  on iOS. This applies to your home screen, lock screen, or the
-  today view.
-
-[home-screen]: {{site.codelabs}}/flutter-home-screen-widgets
-[provider]: {{site.pub-pkg}}/provider
-[Write a Flutter desktop application]: {{site.codelabs}}/codelabs/flutter-github-client
+The Flutter codelabs provide a guided, hands-on coding experience with Flutter!

src/content/cookbook/animation/opacity-animation.md

@@ -205,6 +205,6 @@ class _MyHomePageState extends State<MyHomePage> {
 </noscript>
 
 [`AnimatedOpacity`]: {{site.api}}/flutter/widgets/AnimatedOpacity-class.html
-[Gestures]: /cookbook#gestures
+[Gestures]: /cookbook/gestures
 [`StatefulWidget`]: {{site.api}}/flutter/widgets/StatefulWidget-class.html
 [`setState()`]: {{site.api}}/flutter/widgets/State/setState.html

src/content/cookbook/design/drawer.md

@@ -288,10 +288,10 @@ class _MyHomePageState extends State<MyHomePage> {
 
 [`Drawer`]: {{site.api}}/flutter/material/Drawer-class.html
 [`DrawerHeader`]: {{site.api}}/flutter/material/DrawerHeader-class.html
-[list recipes]: /cookbook#lists
+[list recipes]: /cookbook/lists
 [`ListTile`]: {{site.api}}/flutter/material/ListTile-class.html
 [`ListView`]: {{site.api}}/flutter/widgets/ListView-class.html
 [material library]: {{site.api}}/flutter/material/material-library.html
 [`Navigator`]: {{site.api}}/flutter/widgets/Navigator-class.html
 [`Scaffold`]: {{site.api}}/flutter/material/Scaffold-class.html
-[Navigation]: /cookbook#navigation
+[Navigation]: /cookbook/navigation

src/content/cookbook/design/snackbars.md

@@ -150,7 +150,7 @@ class SnackBarPage extends StatelessWidget {
   <img src="/assets/images/docs/cookbook/snackbar.webp" alt="SnackBar Demo" class="site-mobile-screenshot" />
 </noscript>
 
-[Gestures]: /cookbook#gestures
+[Gestures]: /cookbook/gestures
 [`Scaffold`]: {{site.api}}/flutter/material/Scaffold-class.html
 [`SnackBar`]: {{site.api}}/flutter/material/SnackBar-class.html
 [material library]: {{site.api}}/flutter/material/material-library.html

src/content/cookbook/forms/focus.md

@@ -214,7 +214,7 @@ class _MyCustomFormState extends State<MyCustomForm> {
 
 [fix has landed]: {{site.repo.flutter}}/pull/50372
 [`FocusNode`]: {{site.api}}/flutter/widgets/FocusNode-class.html
-[Forms]: /cookbook#forms
+[Forms]: /cookbook/forms
 [flutter/flutter@bf551a3]: {{site.repo.flutter}}/commit/bf551a31fe7ef45c854a219686b6837400bfd94c
 [Issue 52221]: {{site.repo.flutter}}/issues/52221
 [`requestFocus()`]: {{site.api}}/flutter/widgets/FocusNode/requestFocus.html