Scribd
Upload
7 views

Gitlab How-To Document

This document provides a step-by-step guide for setting up a WGU GitLab environment for the D277 Web Development course. It includes instructions for logging in, creating a new branch, and preparing to clone the repository to a local machine for further development. Additionally, it emphasizes the importance of following the subsequent instructions and reading relevant materials before proceeding with Task 2.

Uploaded by

Mark R
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
7 views

Gitlab How-To Document

This document provides a step-by-step guide for setting up a WGU GitLab environment for the D277 Web Development course. It includes instructions for logging in, creating a new branch, and preparing to clone the repository to a local machine for further development. Additionally, it emphasizes the importance of following the subsequent instructions and reading relevant materials before proceeding with Task 2.

Uploaded by

Mark R
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

D277 Web Development Foundations

How to Set Up Your WGU GitLab Environment

Follow the instructions in the How to Set Up Your WGU GitLab Environment section
below in the order they appear. Don’t forget to follow the instructions in the What Do I
Do Now? section at the end of this document as well!
After you complete the instructions in both sections of this document, and before you
begin working on Task 2, you should:
• Read Unit 13 The Web Development Process in the Zybook.
• Read the Clarification of Task 2, Step A Instructions document. The information
in this document may help you better understand the requirements of the task.
Note: Some steps below may look slightly different than what you see on your screen.
You should contact your assigned course instructor immediately for guidance if you
can't easily resolve the situation.

How to Set Up Your WGU GitLab Environment


1. Log in to your WGU student account using your username and password. Proceed
to the next step.

2. Access the WGU GitLab Environment. The link may be found under the Web Links
section of the Task 2 Overview (see top image below). Next, if prompted, click the
blue Sign In button (see bottom image below).
3. On the WGU GitLab Environment page, select the Students subgroup (see image
below). You will set up your project in this area. Proceed to the next step.

4. On the Students page, select “D277 Front-End Web Development” from the list of
courses (see image below). Proceed to the next step.

5. On the D277 Front-End Web Development page, expand the Build menu item and
select Pipelines (see image below). Proceed to the next step.
6. On the Pipelines page, click the blue New pipeline button in the upper-right corner
(see image below). Proceed to the next step.

7. On the Run pipeline page, ensure that “students-run-this” is selected from the Run
for branch name or tag dropdown. You don't need to choose any variables. Next,
click the blue Run pipeline button (see image below). Proceed to the next step.

8. In a second or two, the page in the top image below will appear. Notice the blue
status indicator will read “Running”. You should wait five to six minutes for the
indicator to turn green (see bottom image below). When it turns green, proceed
to the next step.
9. Next, use the breadcrumb trail at the top of the page to return to the WGU GitLab
Environment main page (see image below). You will have to click the three dots in
order to reveal the link. Proceed to the next step.

10. On the WGU GitLab Environment main page, select the Student Repos subgroup
(see image below). Proceed to the next step.
11. On the Student Repos page, enter the name of your repository, which will be either
your WGU username or WGU student ID number, into the search box. Next, click on
the magnifying glass icon (see image below). Proceed to the next step.

12. Select your repository from the search result (see image below). Proceed to the next
step.
13. In a few seconds, your projects page will appear. On this page, click on the “D277
Front-End Web Development” project. Proceed to the next step.

14. In a few seconds, you should see your project's main branch page. Before going
any further, you will need to create a new branch. Since the main branch is
protected, you can neither commit nor push to it. Instead, you will use the new
branch. To create the new branch, click on the + sign. Next, select “New branch”
(see image below). Proceed to the next step.

15. In a few seconds, you will see the New branch page. Type the word “working” in the
Branch name textbox. Next, click the blue Create branch button (see image below).
Proceed to the next step.
16. Confirm your new working branch was created. On your project’s main page, select
the dropdown at the top left (see image below). If you see the new working branch
on the list, you have successfully set up your remote repository in the WGU GitLab
Environment. Congratulations! Proceed to the What Do I Do Now? section below.

What Do I Do Now?

You are now ready to clone your remote repository to a local repository on your
computer. This action will allow you to build your website on your computer using an
Integrated Development Environment (IDE) and push the files to the remote repository
you just created. We recommend you use Visual Studio Code for your IDE. Follow the
link below to view step-by-step instructions for how to use Visual Studio Code with
Gitlab.

How to Use VSCode with GitLab

You might also like