Merge pull request #3476 from MicrosoftDocs/user/mikehoffms/pwa-sample

Change "Get started PWAs" tut to code expl + steps to use sample

Author: mikehoffms

microsoft-edge/develop-web-microsoft-edge.md

@@ -11,6 +11,8 @@ ms.date: 02/06/2025
 
 Develop for the web with Microsoft Edge by using standards-based web platform features, Microsoft Edge DevTools, Microsoft Edge extensions, Progressive Web Apps, WebDriver automation, WebView2, and more.
 
+For end-user documentation about how to use Microsoft Edge, see [Microsoft Edge help & learning](https://support.microsoft.com/microsoft-edge).
+
 
 <!-- ====================================================================== -->
 ## Release notes

microsoft-edge/developer/index.yml

@@ -13,6 +13,17 @@ metadata:
   ms.author: msedgedevrel #Required; microsoft alias of author; optional team alias.
   ms.date: 02/15/2024 #Required; mm/dd/yyyy format.
 
+# How to create or update a landing page
+# https://review.learn.microsoft.com/help/contribute/contribute-how-to-write-landing-page?branch=main
+
+# Cards and links should be based on top customer tasks or top subjects
+# Start card title with a verb
+
+# Limits:
+# Number of cards in a landing page: 1-12
+# Number of linkListType in a card: 1-6
+# Number of links in a linkListType: 1-10
+
       # - linkListType: architecture
       # - linkListType: concept
       # - linkListType: deploy
@@ -29,18 +40,6 @@ metadata:
       # - linkListType: whats-new
 
 landingContent:
-# Cards and links should be based on top customer tasks or top subjects
-# Start card title with a verb
-
-# =============================================================================
-# Limits
-
-# Number of cards in a landing page: 1-12
-# Number of linkListType in a card: 1-6
-# Number of links in a linkListType: 1-10
-
-# https://review.learn.microsoft.com/help/contribute/contribute-how-to-write-landing-page?branch=main
-
 # =============================================================================
 # Row 1
 # -----------------------------------------------------------------------------
@@ -103,16 +102,25 @@ landingContent:
           - text: Microsoft Edge extensions documentation  # extensions landing page
             url: ../extensions/landing/index.yml
 
-          - text: Extensions overview
+          - text: Overview of Microsoft Edge extensions
             url: ../extensions/index.md
 
-          - text: Getting started tutorial
+          - text: Extension concepts and architecture
             url: ../extensions/getting-started/index.md
 
-          - text: Port a Chrome extension to Microsoft Edge
-            url: ../extensions/developer-guide/port-chrome-extension.md
+      - linkListType: sample
+        links:
+          - text: "Sample: Picture viewer pop-up webpage"
+            url: ../extensions/samples/picture-viewer-popup-webpage.md
+
+          - text: "Sample: Picture inserter using content script"
+            url: ../extensions/samples/picture-inserter-content-script.md
+
       - linkListType: how-to-guide
         links:
+          - text: Port a Chrome extension to Microsoft Edge
+            url: ../extensions/developer-guide/port-chrome-extension.md
+
           - text: Alternative ways to distribute an extension
             url: ../extensions/developer-guide/alternate-distribution-options.md
 
@@ -122,9 +130,6 @@ landingContent:
           - text: Register as a Microsoft Edge extension developer
             url: ../extensions/publish/create-dev-account.md
 
-          - text: "Sample: Picture viewer pop-up webpage"
-            url: ../extensions/getting-started/picture-viewer-popup-webpage.md
-
 # =============================================================================
 # Row 2
 # -----------------------------------------------------------------------------
@@ -146,7 +151,7 @@ landingContent:
 
       - linkListType: get-started
         links:
-          - text: Get started with PWAs
+          - text: Get started developing a PWA
             url: ../progressive-web-apps/how-to/index.md
 
           - text: Using Service Workers
@@ -190,7 +195,7 @@ landingContent:
       - linkListType: download
         links:
           - text: WebView2 sample apps
-            url: ../webview2/code-samples-links.md
+            url: ../webview2/samples/index.md
       - linkListType: whats-new
         links:
           - text: Release Notes for the WebView2 SDK

microsoft-edge/devtools/landing/index.yml

@@ -197,7 +197,7 @@ landingContent:
       - linkListType: sample
         links:
           - text: Sample code for DevTools
-            url: ../sample-code/sample-code.md
+            url: ../samples/index.md
 
 # =============================================================================
 # Row 3

microsoft-edge/devtools/performance/extension.md

@@ -225,8 +225,8 @@ To record a profile and view the custom performance data of the Photo Gallery de
 1. Open the [Photo Gallery](https://microsoftedge.github.io/Demos/photo-gallery/) demo webpage in a new window or tab.
 
    Or, to be able to modify the sample code:
-   1. Clone the "MicrosoftEdge / Demos" repo, per [Clone the Edge Demos repo to your drive](../sample-code/sample-code.md#clone-the-edge-demos-repo-to-your-drive).
-   1. Start a localhost server in the cloned `/demos/` directory, per [Start the localhost server](../sample-code/sample-code.md#start-the-localhost-server), in _Sample code for DevTools_.
+   1. Clone the "MicrosoftEdge / Demos" repo, per [Clone the Edge Demos repo to your drive](../samples/index.md#clone-the-edge-demos-repo-to-your-drive) in _Sample code for DevTools_.
+   1. Start a localhost server in the cloned `/demos/` directory, per [Start the localhost server](../samples/index.md#start-the-localhost-server), in _Sample code for DevTools_.
    1. In the browser, go to `http://localhost:8080/photo-gallery/` or equivalent, in a new window or tab.
 
 1. Right-click the webpage, and then select **Inspect**.

microsoft-edge/devtools/quick-source/quick-source-tool.md

@@ -87,7 +87,7 @@ For example, if not done already, clone the **MicrosoftEdge / Demos** repo to yo
    ```
 
    For details about cloning a repo, see:
-   * [Clone the Edge Demos repo to your drive](../sample-code/sample-code.md#clone-the-edge-demos-repo-to-your-drive) in _Sample code for DevTools_.
+   * [Clone the Edge Demos repo to your drive](../samples/index.md#clone-the-edge-demos-repo-to-your-drive) in _Sample code for DevTools_.
    * [Clone the WebView2Samples repo](../../webview2/how-to/machine-setup.md#clone-the-webview2samples-repo) in _Set up your Dev environment for WebView2_.  Shows a different sample repo, but shows steps for several tools.
    * [Cloning a repository](https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository) - GitHub docs.