Tools
Visual Studio Code
Recommended extensions:
- HTMLHint (htmlhint.com)
- HTML CSS Support (ecmel.vscode-html-css)
- EJS Language Support (digitalbrainstem.javascript-ejs-support)
- Live Preview (ms-vscode.live-server)
- Error Lens (usernamehw.errorlens)
When we start working with Javascript, you will likely want to add:
- eslint (dbaeumer.vscode-eslint)
To setup eslint, you also will need to install the npm package eslint and setup a config file see the readme of the cs290 code repo for information on how to do that.
Node JS
Node.js - select the 64-bit Windows Installer (msi) version if on Windows
Git
Examples for this class can be found at: https://github.com/ChemeketaCS/cs290Code
You will use Git to accept and turn in assignments. Git Download
If you want a GUI, try one of these:
- Github Desktop (free, simple)
- GitKraken (free, complex)
- Fork (paid with free evaluation, but simple and capable)
Here is a guide to the basics: Git Crash Course
Other Git resources:
- GitHowTo - Interactive tour of git from the ground up
- Visual Git Reference - Visual explanation of basic git commands
- Pro Git Book - Free book on Git
WebDev Tools
Accessibility Tools
Accessibility Insights Chrome plugin
Lighthouse accessibility audit: