Tools

Visual Studio Code

Visual Studio Code

Recommended extensions:

  • HTMLHint (htmlhint.vscode-htmlhint)
  • Live Preview (ms-vscode.live-server)
  • Error Lens (usernamehw.errorlens)

When we start working with Javascript, you will likely want to add:

  • EJS Language Support (digitalbrainstem.javascript-ejs-support)

Node JS

Node.js

Directly installing Node/npm will be fine for this class. (Download the prebuilt Node.js installer for your operating system and run it.)

If you are using node for multiple projects that you do not control, it is not uncommon to need to switch between node versions. To enable this, you need to install Node via a version manager. use a version manager, you can install via one of those. I recommend NOT using the Docker solution. Instead, I would recommend using nvm (Node Version Manager) if you are on Mac or Linux, and chocolatey if you are on Windows.

You can always go back and install a version manager later, so if you are not sure, just install Node directly for now.


Git

You will need to install git and set up your identity. See the instructions here: Git Setup Guide

Examples for this class can be found at: https://github.com/ChemeketaCS/cs290Code

If you want a GUI, try one of these:

Here is a guide to the basics: Git Crash Course

Other Git resources:


WebDev Tools


Accessibility Tools

Accessibility Insights Chrome plugin

Lighthouse accessibility audit: