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.

info
  • 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.

info
  • 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.

info
  • 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.

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