diff --git a/.openpublishing.redirection.json b/.openpublishing.redirection.json index f451485d413..495cc41dd59 100644 --- a/.openpublishing.redirection.json +++ b/.openpublishing.redirection.json @@ -1140,6 +1140,14 @@ "source_path": "msteams-platform/messaging-extensions/high-quality-message-extension.md", "redirect_url": "/microsoftteams/platform/concepts/deploy-and-publish/appsource/prepare/review-copilot-validation-guidelines" }, + { + "source_path": "msteams-platform/get-started/choose-what-suits-you.md", + "redirect_url": "/microsoftteams/platform/get-started/tool-options-and-code-samples" + }, + { + "source_path": "msteams-platform/messaging-extensions/build-bot-based-plugin.md", + "redirect_url": "/microsoftteams/platform/messaging-extensions/how-to/build-bot-based-agent" + }, { "source_path": "msteams-platform/concepts/deploy-and-publish/appsource/prepare/manage-third-party-apps-license.md", "redirect_url": "/microsoftteams/platform/concepts/deploy-and-publish/appsource/prepare/create-saas-offer.md" @@ -1148,10 +1156,6 @@ "source_path": "msteams-platform/concepts/design/plan-to-monetize.md", "redirect_url": "/microsoftteams/platform/concepts/deploy-and-publish/appsource/prepare/monetize-overview.md" }, - { - "source_path":"msteams-platform/messaging-extensions/build-bot-based-plugin.md", - "redirect_url":"/microsoftteams/platform/messaging-extensions/how-to/build-bot-based-agent" - }, { "source_path": "msteams-platform/tabs/how-to/tab-navigation.md", "redirect_url": "/microsoftteams/platform/concepts/build-and-test/deep-link-application" diff --git a/msteams-platform/TOC.yml b/msteams-platform/TOC.yml index 98f372caca1..9a665299e01 100644 --- a/msteams-platform/TOC.yml +++ b/msteams-platform/TOC.yml @@ -31,10 +31,8 @@ href: get-started/build-interactive-notification-bot.md - name: Build a message extension app href: get-started/build-message-extension.md - - name: Teams app tutorials and code samples - href: get-started/teams-toolkit-tutorial.md - - name: Choose what suits you - href: get-started/choose-what-suits-you.md + - name: Tool options and code samples + href: get-started/tool-options-and-code-samples.md - name: Plan your app items: diff --git a/msteams-platform/get-started/build-message-extension.md b/msteams-platform/get-started/build-message-extension.md index 0a3c558bd42..cb423a23e48 100644 --- a/msteams-platform/get-started/build-message-extension.md +++ b/msteams-platform/get-started/build-message-extension.md @@ -96,7 +96,7 @@ If you want to build basic tab app, select the following: ## Next step > [!div class="nextstepaction"] -> [Choose what suits you](choose-what-suits-you.md) +> [Tool options and code samples](tool-options-and-code-samples.md) ## See also diff --git a/msteams-platform/get-started/choose-what-suits-you.md b/msteams-platform/get-started/tool-options-and-code-samples.md similarity index 80% rename from msteams-platform/get-started/choose-what-suits-you.md rename to msteams-platform/get-started/tool-options-and-code-samples.md index 7e434b01245..54349975370 100644 --- a/msteams-platform/get-started/choose-what-suits-you.md +++ b/msteams-platform/get-started/tool-options-and-code-samples.md @@ -1,12 +1,12 @@ --- -title: Explore Ways to Build a Teams App -description: Learn more about the available tools and SDKs to build a Microsoft Teams app based on the app capabilities, AI capability, UI components, and languages. +title: Tool Options and Code Samples +description: Learn about tools, SDKs, tutorials, and code samples to build apps with various capabilities such as AI, UI, and various languages, to prepare your environment. ms.localizationpriority: high ms.date: 06/07/2023 ms.topic: reference --- -# Choose what suits you +# Explore tools and code samples You've built your first tab app, interactive notification bot, and message extension. You can build a Teams app as per your app's requirements. Based on factors such as business needs, development environment, and domain knowledge, select the environment and tools to build your app. @@ -16,6 +16,7 @@ This section takes you through the various options for building your Teams app. * [Teams collaborative platform](#teams-collaborative-platform) * [Tools and SDKs](#tools-and-sdks) +* [Teams app tutorials and code samples](#teams-app-tutorials-and-code-samples) ## Teams collaborative platform @@ -72,10 +73,27 @@ The following tools in the Teams platform help you during app development: | App development phase | Teams platform tools | |-----|-----| -| Design | Teams UI kit and Fluent UI React components | -| Build | Teams Toolkit, Tools and SDKs, and Microsoft Graph | -| Test, deploy, and publish |Microsoft Entra ID and Developer Portal | -| Distribute | Partner Center and Teams Store | +| Design | [Teams UI kit](../concepts/design/design-teams-app-ui-templates.md#microsoft-teams-ui-kit) and [Fluent UI React components](../concepts/design/design-teams-app-ui-templates.md#fluent-ui-react-components) | +| Build | [Teams Toolkit](../toolkit/teams-toolkit-fundamentals.md), [Tools and SDKs](../concepts/build-and-test/tool-sdk-overview.md), and [Microsoft Graph](/graph/teams-concept-overview) | +| Test, deploy, and publish |[Microsoft Entra ID](/entra/fundamentals/whatis) and [Developer Portal](../concepts/build-and-test/teams-developer-portal.md) | +| Distribute | [Partner Center](../concepts/deploy-and-publish/appsource/prepare/create-partner-center-dev-account.md) and [Teams Store](../concepts/deploy-and-publish/appsource/publish.md) | + +## Teams app tutorials and code samples + +You can build your own Microsoft Teams app with different capabilities using the following tutorials and code samples. + +### Teams app tutorials + +To start building your Teams app, use the following languages or frameworks and prepare your development environment. + +|   | **Tab** | **Bot** | **Message extension** | +| --- | --- | --- | --- | +| **Basic app** | • [Build your first tab app using JavaScript](../sbs-gs-javascript.yml)
• [Build your first app using C#](../sbs-gs-csharp.yml)
• [Build your first app with SPFx](../sbs-gs-spfx.yml) | [Build your first bot app using JavaScript](../sbs-gs-bot.yml) | [Build your first message extension app using JavaScript](../sbs-gs-msgext.yml)| +| **Scenario-based app** | NA | • [Build notification bot with JavaScript](../sbs-gs-notificationbot.yml)
• [Build command bot with JavaScript](../sbs-gs-commandbot.yml)
• [Create Teams workflow bot](../sbs-gs-workflow-bot.yml) | NA | + +### Code samples + +Code samples are designed to help you understand and build your own Teams app with different capabilities and scenarios. To learn more about the code samples, see [Microsoft Teams samples](https://github.com/OfficeDev/Microsoft-Teams-Samples). ## See also diff --git a/msteams-platform/overview-solution.md b/msteams-platform/overview-solution.md index 9d5d7bb578f..258ab334993 100644 --- a/msteams-platform/overview-solution.md +++ b/msteams-platform/overview-solution.md @@ -49,7 +49,7 @@ Let's go through Teams Developer Documentation based on your requirements for bu | --------| --------| | If you're new to Teams app development and want to create a new Teams app | [Get started](get-started/get-started-overview.md) | |If you've created app with Teams before and want to learn more about app functionalities | Build modules for [tabs](tabs/what-are-tabs.md), [bots](bots/what-are-bots.md), [message extensions](messaging-extensions/what-are-messaging-extensions.md), [meeting app](apps-in-teams-meetings/teams-apps-in-meetings.md), and more. | -| If you want to find more information about the tools and SDKs options that are available with Teams | [Explore SDKs](get-started/choose-what-suits-you.md#explore-sdks) and [Explore Tools](get-started/choose-what-suits-you.md#explore-tools) | +| If you want to find more information about the tools and SDKs options that are available with Teams | [Explore SDKs](get-started/tool-options-and-code-samples.md#explore-sdks) and [Explore Tools](get-started/tool-options-and-code-samples.md#explore-tools) | ## See also