Skip to main content

Lab Prerequisites

Required Software Packages​

  • Software packages that must be installed to complete the labs for this course.

Visual Studio Code​

  1. Navigate to https://code.visualstudio.com/Download and download the version of Visual Studio Code based on your Operating System.

  2. Install Visual Studio Code and follow the on-screen prompts.

  3. Take a screenshot of the successful installation of Visual Studio Code and save it as vscode.png.

Visual Studio Code Configuration​

  1. Open Visual Studio Code, on the left sidebar click on the Extensions icon.
vscode-extension
  1. In the EXTENSIONS: MARKETPLACE text box enter Live Preview and click on Install.
vscode-extension-live-preview
  1. Take a screenshot of the successful installation of Live Server and save it as vscode-extension-live-preview.png.

  2. In the EXTENSIONS: MARKETPLACE text box enter Live Server and click on Install.

vscode-extension-live-server
  1. Take a screenshot of the successful installation of Live Server and save it as vscode-extension-live-server.png.

  2. In the EXTENSIONS: MARKETPLACE text box enter Prettier and click on Install.

vscode-extension-prettier
  1. Take a screenshot of the successful installation of Prettier and save it as vscode-extension-prettier.png.

  2. Click on File > Preferences > Settings and type Format.

vscode-extension-format
  1. Look for the Default Formatter setting and choose Prettier - Code formatter.
vscode-extension-prettier-default-formatter
  1. Take a screenshot and save it as vscode-extension-prettier-default-formatter.png.

  2. Look for the Format On Save setting and make sure it is enabled.

vscode-extension-prettier-format-on-save
  1. Take a screenshot and save it as vscode-extension-prettier-format-on-save.png.

Node.js​

  1. Navigate to https://nodejs.org/en/download/prebuilt-installer and download the version of Node.js based on your Operating System.

  2. Install Node.js and follow the on-screen prompts.

Node.js installation tip

When installing Node.js, carefully read the on-screen prompts and be sure to enable the option to Automatically install the necessary tools....

If you are using Windows, do the following steps:

  • On Windows search for PowerShell.

  • Right-click it and Run as Administrator.

  • Type this command:

Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned
  • Press enter.

  • When prompted confirm Y.

powershell
  1. Take a screenshot of the successful installation of Node.js and save it as nodejs.png.

Postman​

  1. Navigate to https://www.postman.com and download the version of Postman based on your Operating System.

  2. Install Postman and follow the on-screen prompts.

  3. Take a screenshot of the successful installation of Postman and save it as postman.png.

Docker​

  1. Navigate to https://www.docker.com/products/docker-desktop and download the version of Docker based on your Operating System.

  2. Install Docker and follow the on-screen prompts.

  3. Take a screenshot of the successful installation of Postman and save it as docker.png.

MySQL Workbench​

  1. Navigate to https://www.mysql.com/products/workbench and download the version of MySQL Workbench based on your Operating System.

  2. Install MySQL Workbench and follow the on-screen prompts.

  3. Take a screenshot of the successful installation of Postman and save it as mysql-workbench.png.

MongoDBCompass​

  1. Navigate to https://www.mongodb.com/products/tools/compass and download the version of MongoDBCompass based on your Operating System.

  2. Install MongoDBCompass and follow the on-screen prompts.

  3. Take a screenshot of the successful installation of MongoDBCompass and save it as mongodb-compass.png.

GitHub​

  1. Navigate to https://github.com and sign up for a GitHub account.

  2. Currently you will have an option to use: Google account, Apple account, and Any email account.

  3. Pay attention to the prompts, it may include but not limited to: Password complexity, Username, and Country / Region.

  4. You also have to verify the account to complete the process.

  5. Take a screenshot of the successful creation of the GitHub account and save it as github.png.

Free account
  • When signing up for this service always choose the personal / non-commercial / free account.

Cloudflare​

  1. Navigate to https://www.cloudflare.com and sign up for a Cloudflare account.

  2. Currently you will have an option to use: Google account, Apple account, GitHub account, and Any email account.

  3. Pay attention to the prompts, it may include but not limited to: Password complexity and CAPTCHA verification.

  4. Take a screenshot of the successful creation of the Cloudflare account and save it as cloudflare.png.

Free account
  • When signing up for this service always choose the personal / non-commercial / free account.

Render​

  1. Navigate to https://render.com and sign up for a Render account.

  2. Currently you will have an option to use: GitHub account, GitLab account, Bitbucket account, Google account, and Any email account.

  3. Pay attention to the prompts, it may include but not limited to: Password complexity.

  4. Take a screenshot of the successful creation of the Render account and save it as render.png.

Free account
  • When signing up for this service always choose the personal / non-commercial / free account.

MongoDB Account​

  1. Navigate to https://www.mongodb.com and sign up for a MongoDB account.

  2. Currently you will have an option to use: Google account or Any email account.

  3. Pay attention to the prompts, it may include but not limited to: Password complexity.

  4. Take a screenshot of the successful creation of the MongoDB account and save it as mongodb.png.

Free account
  • When signing up for this service always choose the personal / non-commercial / free account.

Submission​

  1. Create a folder named submit.

  2. Copy all (vscode.png, vscode-extension-live-preview.png, vscode-extension-live-server.png, vscode-extension-prettier.png, vscode-extension-prettier-default-formatter.png, vscode-extension-prettier-format-on-save.png, nodejs.png, postman.png, github.png, cloudflare.png, docker.png, mysql-workbench.png, mongodb-compass.png, github.png, cloudflare.png, render.png, and mongodb.png) the previously saved screenshots to this folder.

  3. Create a zip file of this folder.

  4. Navigate back to where the lab was originally downloaded, there should be a Submissions section (see below) where the zip file can be uploaded.

submission