Convert Extensions tutorial articles to sample articles

[mikehoffms]

Rendered articles for review:

• Sample: Display an image in a pop-up
  • https://review.learn.microsoft.com/microsoft-edge/extensions-chromium/getting-started/part1-simple-extension?branch=pr-en-us-3327
  • External preview: https://github.com/MicrosoftDocs/edge-developer/blob/user/mikehoffms/extension-samples/microsoft-edge/extensions-chromium/getting-started/part1-simple-extension.md
  • Before/Live
  • Changed title from Tutorial part 1: Display an image in a pop-up.
  • Converted from semi-tutorial format (complex) to sample format (simple).
  • Added details to clone repo and switch to a working branch.
  • Created all steps inline, instead of linking away to Sideload article.
  • In screenshots, used "demo to do" instead of consumer webpage that's dynamic.
• Sample: Insert an image in the webpage
  • https://review.learn.microsoft.com/microsoft-edge/extensions-chromium/getting-started/part2-content-scripts?branch=pr-en-us-3327
  • External preview: https://github.com/MicrosoftDocs/edge-developer/blob/user/mikehoffms/extension-samples/microsoft-edge/extensions-chromium/getting-started/part2-content-scripts.md
  • Before/Live
  • Changed title from Tutorial part 2: Use JavaScript to insert an image in the webpage.
  • Same changelist as above.

AB#54402190

[captainbrosset]

Approved, but let's remove the mention of popup.js where we discuss jQuery, since that file doesn't use jQuery.

[learn-build-service-prod]

Learn Build status updates of commit b89be58:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/developer/index.yml	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/sources/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/developer-guide/sidebar.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/extension-sideloading.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/index.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/clone-a-repo-dbox-ghd.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/developermode-toggle.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extension-running.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup-no-extensions.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup-with-launch-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/extensions-popup.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/icon-png-toolbar.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/load-unpacked-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-badge1.png	✅Succeeded	n/a (file deleted or renamed)
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension-images/part1-installed-extension.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part1-simple-extension.md	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts-images/clone-a-repo-dbox-ghd.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts-images/developermode-toggle.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts-images/extensions-popup-no-extensions.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts-images/load-unpacked-icon.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts-images/open-the-extension.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts-images/part2-installed-extension.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts-images/part2-popupdialog.png	✅Succeeded	View
microsoft-edge/extensions-chromium/getting-started/part2-content-scripts-images/part2-showingimage.png	✅Succeeded	View

This comment lists only the first 25 files in the pull request.
For more details, please refer to the build report.

For any questions, please:

• Try searching the learn.microsoft.com contributor guides
• Post your question in the Learn support channel