Git Product home page Git Product logo

webappdevopslab's Introduction

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 ->

webappdevopslab's People

Contributors

gidavies avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.