Join Jose Miguel Rady Allende for an in-depth discussion in this video Get started with VSTS, part of Visual Studio Team Services: The Basics.
- [Instructor] To get started you want to create a Visual Studio Team Services account. Accounts are free for teams up to five members. So you'll be able to follow along with everything in this course using a trial account. First go to visualstudio.com. One thing to consider is that the visualstudio.com site updates frequently. So don't be surprised if the site looks a bit different than what I'm showing on my screen. To create your account, click on the button that prompts you to get started. A Microsoft account is needed for login.
If you don't have one, visit account.microsoft.com to set one up and then use this login information for Visual Studio Team Services. After logging in successfully, the last step is to click on the create new account button. I have already created a few Team Services accounts linked to my Microsoft information and that's why you see the create account button at the top right corner. If you're a first time user, chances are that this button will be located in a different spot with some friendly image letting you know you don't have any accounts.
After clicking on create account you just have to give a unique and memorable name to your account, keep the default settings, and click continue. Let's go ahead and call this account AmazingAppDemo1 and click continue. Once your first project gets created, you'll be automatically redirected into the new account. Once in the new account you'll see this dialogue box pop up. I would highly recommend that you check out the tutorial for managing work, but be careful, because if you skip it you won't be able to access it again.
For the time being I'll go ahead and dismiss it. The first thing we will do is change the navigation into it's new UI. This is the redesigned UI that you will be seeing throughout the course. In order to do that you have to click on your name, and select turn on new navigation. Now, I'll walk you through how to create your own teams with custom boards. It is important for you to know how to do this, because later in the course I'll be using a demo project called AmazingApp that has two teams, multiple collaborators, and boards that have been customized to describe real world scenarios.
It is not required for you to have the same configurations to follow along. Keep in mind that teams should always have the flexibility and autonomy to decide what works for them. In order to create teams, what you have to do is go into the account settings. You can access it via this drop down and then clicking account settings. Within the account settings you'll be able to access your different projects. In this case we only have one, which was the project created by default. Once in the project, you'll be able to create your new teams.
Let's start by naming this team the M Team for mobile. We will keep the default settings and click on create team. Now let's go ahead and add a secondary team. In order to do that, go back in your browser and click again on new team. In this case we'll call the second team the W Team, for website. Same settings, and click create team. In order to add team members you'll have to go ahead and click on add and provide an email address.
After providing an email address, the only thing that's pending is for you to click save changes. We've gone through the process of creating new teams and adding collaborators to each of those. Now let's go ahead and explore boards and backlogs and see what type of configuration we have in those. To access a board or a backlog for a particular team, you have to hover on top of work and click on backlogs. Backlogs can be configured by selecting which columns are shown in your grid. In order to configure that, you will click on column options and select whatever fills you want to see in your particular grid.
For this particular example we don't need additional configuration and we don't show this in the course, but it may be another interesting thing to consider when configuring these types of views specifically to your team. Boards can be configured via the settings. This can be accessed on the top right corner. Things that you can configure on boards are columns, swimlanes, and card reordering. Let's go ahead and add a custom column and a custom swimlane. This is as easy as clicking on the column icon, providing a name, let's call it Design, and then selecting certain values for specific configuration.
For the sake of this demo we'll just keep the default values. Swimlanes are as easy as columns. You click on new swimlane, give it a name, let's call this one Lane2, and then click save. You'll see that your board has now changed to have two swimlanes and a new column. As mentioned, teams should have complete control over how they configure boards and how they configure their backlogs. Autonomy is extremely important and having the flexibility to make the process their own will help them be more efficient.
The other thing you'll see throughout the video is that these boards have cards on them. To add a card you can simply go ahead and click on new item, and provide a title. In this case let's call this one Demo user story. Some of the cards in the course will also be broken down into smaller chunks. To do that you can access the context menu and in this case select add task. We'll call this one Demo task. Finally, these cards will be distributed among the different columns. To move a card you can simply go ahead, click on it and drag it to the right column.
Now that you've seen how to customize a project, feel free to configure it to match the project you'll see me demonstrating throughout the course. Or, you can set up a completely different configuration. Either way, you'll be able to follow along as I demonstrate Team Services functionality. You will also need to install git on your computer. Git is a free open-source version control system and we will be using it throughout the course. You certainly do not have to be a pro in git, but if you want to get your feet wet, Git Essential Training is a great place to start.
I will also use VS code as code editor. You can use a different code editor if you wish, but I highly recommend using VS code because it has some nice git integration features included. I will also demonstrate how to connect Team Services to third-party tools, using slack as an example. To follow along with this section, you will need to have an existing slack account. If you don't have a slack account, you can create one at slack.com. Okay, now that you're account is set up, let's explore Team Services.
- Managing backlogs and sprints
- Creating dashboards
- Hosting and managing code
- Committing code changes
- Applying best practices for branching
- Building a code base
- Creating build definitions
- Integrating with other tools
- Customizing your process with extensions