6.4500 Design for the Web: Languages and User Interfaces

↑ All studios

Studio pre

Pre Studio 1

To maximize the value of our studio time, we ask you to install and familiarize yourself with the toolchain we will be using, so we can spend studio time on helping you practice the learning objectives of this class, rather than installing tools.

Task 1: Chrome

Download and install Google Chrome (Instructions).

We expect your websites to work (even if they don't look the same) in every modern browser. But in this course we are going to be using Chrome to simplify teaching dev tools and provide a uniform environment for testing and grading. Our focus is on web standards, not the transient differences between browsers.

Task 2: Visual Studio Code

Install and become familiar with Visual Studio Code. Follow the instructions from our editors page. If you feel comfortable with another editor feel free to use it and skip to Task 3.

Make sure you can at least create, rename, and delete files and directories in your editor.

We also suggest that you learn how to install extensions/packages. These add additional functionality to your editor which will be helpful during the course. There are links on the editors page to useful extensions/packages for Atom and VSCode.

Task 3: Localhost

You need to be able to start a local server on a directory of your choice. Please take a moment to review our localhost guide.

Task 4: Chrome Dev Tools

Complete each of the following tasks to gain basic familiarity with Chrome Dev Tools.

1. Learn how to open chrome dev tools.
2. Complete the Chrome Dev Tools tutorial for viewing and changing the dom up to but not including access nodes in the console.

Task 5: Vue Dev Tools

Please install the Vue devtools Chrome extension.

Task 6: Git and GitHub

The final task is to gain familiarity with Git and GitHub. Follow the instructions on the course's git page to install Git and learn some basic Git commands. You must be able to clone a repo, add files, edit files, and push changes in order to complete the first homework.

We also recommend you use GitHub Desktop which provides more feedback than the command line, and allows you to execute most common git operations through a GUI.

Please fork the studio1-starter and clone it locally before studio.