Editor

We will use Atom in class, although you may use whichever editor you prefer. If you want to use vim, I won’t stop you.

Useful Atom Packages

You may find the following Atom packages useful:

• pigments : I have the Marker Type set to dot.
• atom-html-preview : This may have been installed by default. If not, I recommend installing it. This packages shows a live preview of your HTML in a new tab.
• less-than-slash : Closes your current HTML tag when you type </. Use this or autoclose-html
• autoclose-html : Auto-closes your HTML tags when they’re created. Use this or less-than-slash.
• color-picker : Does what it says on the box. cmd-shift-c (Mac) or ctl-alt-c (Windows) to bring up a color picker.

I also use the following:

• minimap : Put a "mini-map" of my code on the side. A feature of the SublimeText editor that I really like.

I may (after testing) recommend a "linter" or "beautifier" for you. ("Linters" check for code correctness, while "beautifiers" fix your spacing in an opinionated way.)

Built-in auto-indent

To have Atom automatically fix your indenting problems (common to new coders), select all with cmd-a (Mac) or ctl-a (Windows), the open the "Comman Palette", and type Editor: Auto Indent. Atom will correct the indentation of whatever you've selected.

Version Control

We will use GitHub Desktop in class, although you may use whichever Git client you prefer—even the command line, if you’re into that sort of thing.

Branches

This repository is split into multiple branches: dev-red, dev-green, and dev-blue, one for each section. I'll commit at the end of class each day, but there may be interim commits to prepare.

The "video" branch shows the code as I described it in the videos.

The "master" branch shows the "true" code.

All of these branches should be pretty similar, but may require some occasional merging to be wholly consistent.