SlideShare a Scribd company logo
Visual Studio Team
Services Extensions
Agenda
•Short intro to VSTS
•Visual Studio Team Services Extensions
•How to get started
Visual Studio Team Services
Agile
Build Test
Deploy
InsightsCode
Work
• Kanban and Scrum Board (Agile
Portfolio Management)
• Track work, organize and
prioritize backlog
• Create (common) queries and
visualize with graphs
• Wiki with Markdown support
• Team Room to have discussions
with history and connections to
project
4
Code
• Choose as code repository - Git
or TFVC
• Basic code editing online
• Visual Studio Integration
• Eclipse Integration (Team
Explorer Everywhere)
5
Build
• Simple and extensible build
engine based on tasks
• Web UI to manage
• Windows (powershell) and
Cross-platform (nodejs) build
agents
• Can do anything that is available
on agent (demand and
capability matching)
• Continuous Integration
6
Test
• Test Case Management through
Test Plans, Test Suites and Test
Cases
• Manual Test Execution
• Elastic Load Testing
7
Deploy/Release
• Release pipelines
• Artifacts
• Configuration management
• Extensible tasks library
• Approval flows
8
More …
• Integrations and Extensibility
• Service Hooks (uservoice, slack, …)
• Service Endpoints (Github, Jenkins, …)
• Create integrated experiences by
extending VSTS
• Insights
• Feedback
9
Demo: VSTS
Visual Studio Team Services Extensions
•Are a powerful way to create integrated experiences
and add capabilities to VSTS using standard
platform APIs (UI Controls, JS library, REST apis, …)
•Are packaged as vsix and built on JavaScript, CSS,
HTML
What can you extend?
• Work Item Forms, hubs,
menus
• Add new build and release tasks
• Integration to external service
(e.g. Slack)
• Add dashboard widgets
• Full list of extensibility points (json)
12
What you need?
•An idea!
•Knowledge and a tool to write JavaScript, CSS, HTML
•Knowledge of requirejs, promises
• The API heavily relies on it
•TFX-CLI to package (and publish)
•(Optional: Can write TypeScript)
13
The extension we will build
•As a team member, i would to auto-generate Tasks
based on description details
• Customize work item form
• Add a new view to show result
• Add tasks based on description, that are not there yet!
Demo: Build a cool VSTS
Extensions
Visual Studio Marketplace
16
Demo: Release, Marketplace and
few extensions
How to get started
• Signup for VSTS for free (5 persons per account)
• Signup to be a publisher on VS Marketplace
• Use the Visual Studio Online Extensions Project Template
• Have a look at sample Extensions on github
• Extensions Overview
• Read the official how to build your first extension guide
• Read one of the many ”How i built my first VSO Extension”
posts
Useful links
•VSTS – www.visualstudio.com
•VSTS Extensions
• New Api - https://www.visualstudio.com/en-
us/integrate/extensions/overview
• (Old Api - https://www.visualstudio.com/en-
us/integrate/api/overview)
Thank You!
Tkoosaar@windowslive.com | @melborp |
github.com/melborp | linkedin.com/in/taavik

More Related Content

Visual Studio Team Services Extensions by Taavi Kõosaar (@melborp)

  • 2. Agenda •Short intro to VSTS •Visual Studio Team Services Extensions •How to get started
  • 3. Visual Studio Team Services Agile Build Test Deploy InsightsCode
  • 4. Work • Kanban and Scrum Board (Agile Portfolio Management) • Track work, organize and prioritize backlog • Create (common) queries and visualize with graphs • Wiki with Markdown support • Team Room to have discussions with history and connections to project 4
  • 5. Code • Choose as code repository - Git or TFVC • Basic code editing online • Visual Studio Integration • Eclipse Integration (Team Explorer Everywhere) 5
  • 6. Build • Simple and extensible build engine based on tasks • Web UI to manage • Windows (powershell) and Cross-platform (nodejs) build agents • Can do anything that is available on agent (demand and capability matching) • Continuous Integration 6
  • 7. Test • Test Case Management through Test Plans, Test Suites and Test Cases • Manual Test Execution • Elastic Load Testing 7
  • 8. Deploy/Release • Release pipelines • Artifacts • Configuration management • Extensible tasks library • Approval flows 8
  • 9. More … • Integrations and Extensibility • Service Hooks (uservoice, slack, …) • Service Endpoints (Github, Jenkins, …) • Create integrated experiences by extending VSTS • Insights • Feedback 9
  • 11. Visual Studio Team Services Extensions •Are a powerful way to create integrated experiences and add capabilities to VSTS using standard platform APIs (UI Controls, JS library, REST apis, …) •Are packaged as vsix and built on JavaScript, CSS, HTML
  • 12. What can you extend? • Work Item Forms, hubs, menus • Add new build and release tasks • Integration to external service (e.g. Slack) • Add dashboard widgets • Full list of extensibility points (json) 12
  • 13. What you need? •An idea! •Knowledge and a tool to write JavaScript, CSS, HTML •Knowledge of requirejs, promises • The API heavily relies on it •TFX-CLI to package (and publish) •(Optional: Can write TypeScript) 13
  • 14. The extension we will build •As a team member, i would to auto-generate Tasks based on description details • Customize work item form • Add a new view to show result • Add tasks based on description, that are not there yet!
  • 15. Demo: Build a cool VSTS Extensions
  • 17. Demo: Release, Marketplace and few extensions
  • 18. How to get started • Signup for VSTS for free (5 persons per account) • Signup to be a publisher on VS Marketplace • Use the Visual Studio Online Extensions Project Template • Have a look at sample Extensions on github • Extensions Overview • Read the official how to build your first extension guide • Read one of the many ”How i built my first VSO Extension” posts
  • 19. Useful links •VSTS – www.visualstudio.com •VSTS Extensions • New Api - https://www.visualstudio.com/en- us/integrate/extensions/overview • (Old Api - https://www.visualstudio.com/en- us/integrate/api/overview)
  • 20. Thank You! Tkoosaar@windowslive.com | @melborp | github.com/melborp | linkedin.com/in/taavik