6.S063 Design for the Web: Languages and User Interfaces

Editors

VSCode

VSCode is the officially supported editor for this course.

• Installing VSCode
• VSCode Basics
• VSCode Extensions

The following links are useful for configuring your editor for design for the web.

• Html
• CSS, SCSS and Less
• Javascript
• Emmet

Useful Extensions

• Debugger for Chrome
• Live Server
• ESLint
• GitLens

Atom

Atom is also a popular editor among web developers.

• Installing Atom
• Atom Basics
• Atom Packages

Useful Atom Packages:

• Emmet
• linter-htmlhint
• w3c-validation
• atom-live-server