## Workflow

### Setup Once for Course

- VCS. Get Git and GitHub setup!
- Editor. Install Visual Studio Code, with Live Server, and HTMLHint extensions
- SFTP client. Install Cyberduck or use Dreamhost File Manager (https://files.dreamhost.com
- On your computer, create a "course work folder" to keep your work for the course. I recommend something like `cscie12-work` on your Desktop.

### For Assignments

- Get things ready
  - Get the assignment materials:
    - Accept the assignment via the GitHub link that creates a repo for you. Then get that repo code locally to edit.
  - Download the code from your repository and put it in your "course work" folder.
  - Start Visual Studio Code, and "File → Open Folder" and navigate to the assignment folder to open. In VS Code, I recommend always opening the assignment folder as opposed to opening individual files (treat the assginment folder contents as a unit!)
  - Use VS Code "Live Server" to provide a place to check your work.
- The Main Work of the Assignment!.
  - Edit the HTML, CSS, and/or JavaScript. Save.
  - Periodically check in the browser (a reload may be needed) as well as other checks that may be needed such as validation or accessibility.
  - Repeat the "Edit, Check" cycle until you've satisfied the rubric, yourself, or when the assignment is due.
- Submit your assignment.
  - Publish your assignment folder to your course web hosting account
    - Check in your browser that you can access your work. Copy the URL in your browser, and submit that URL via Canvas
  - Submit the code by giving us the URL to your GitHub repo (you did commit and sync everything, right?)