Skip to content

A hands on lab to step through implementing DevOps practices for a simple web app using Visual Studio Team Services and Azure

Notifications You must be signed in to change notification settings

gidavies/WebAppDevOpsLab

Repository files navigation

Web App DevOps Lab

This lab will step through the key elements in setting up a DevOps pipeline using Azure DevOps, previously known as Visual Studio Team Services (VSTS). What was VSTS has now been separated into a suite of tooling including Azure Repos and Azure Pipelines which will be primarily used in this lab.

Background information

Understanding the change from VSTS to Azure DevOps

What is DevOps?

How Microsoft does DevOps

Overall flow

Azure DevOps supports any app and doesn't require the use of Visual Studio, .NET or other Microsoft languages or platforms. Labs that work through implementing DevOps with Node, Java, Eclipse, IntelliJ, Docker and more are available here.

Other tasks

This lab outlines the key practices in implementing a DevOps pipeline but there are many other tasks that could be added, and you may wish to look into as additional steps after the lab:

  • Setting pre and post approvals on release environments
  • Using variables in releases across environment
  • Adding load testing to the flow
  • Linking changes to user stories and other work items in Azure Boards to understand what has been built and released.
  • Using Git branches and merging via Pull Requests in Azure Repos

Preparing for the lab

For this lab you will require:

  • An Azure DevOps organisation (formerly known as a VSTS account).
  • An Azure subscription (your own or a free trial).
  • Visual Studio 2017 (any edition) installed.

Use the same account (login/email and password) for both Azure DevOps and Visual Studio.

If you don't have one create a free Azure DevOps organisation. Guidance for creating an organisation.

Using the New Navigation UI

In order to have a single flow this lab assumes that you will use the New Navigation UI that is in preview in Azure DevOps. If you create a new organisation it will be on by default, if you have an existing one then to match the labs you will need to enable this preview feature (and you can disable it after the lab to return to the old UI if preferred).

To enable the New Navigation follow these steps:

  1. In Azure DevOps, in the top right hand corner click on your profile picture (or initials if no photo), and then select Preview features.

  1. Turn on the toggle for the New Navigation and click on the X close button to close the preview features

The UI should then reload and you will be using the New Navigation. To turn off the New Navigation repeat the above and untoggle the feature.

Lab 1: Creating the project ->

About

A hands on lab to step through implementing DevOps practices for a simple web app using Visual Studio Team Services and Azure

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published