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. On 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. On 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. On 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 of this 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 of this 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, follow the steps below:

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

Open Weather API​

  1. Navigate to https://openweathermap.org and click on Sign In.

  2. Click Create an Account and enter the required information to create an account.

  3. Take a screenshot of the successful creation of the Open Weather account and save it as open-weather.png.

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, and open-weather.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