Section 1 | Tutorial 1 | Getting Started

The goals for this tutorial are:

• to set up installations for your local development environment
• to get comfortable with the Github workflow
• to learn how to serve your pages so that you can see/interact with them while you are coding

Assignment:

• Replicate this environment on your own computer. You should leverage the files present in the root of this directory in your repository (1_1_getting_started/ index.html, style.css, main.js)
  1. First, confirm you have all the installations on your machine. If you have no errors, proceed to the next step.
  2. While logged in to your github username, follow the github workflow to fork this repository into your own account.
  3. Ensure that you can serve locally.
• Using your local server, update the language in the index.html. Pick anything at all -- but it should be different than 'Welcome to Interactive Data Visualization Tutorials!' to show that your code changes are connected to your site. You should see this in the browser of your local serve.
• Push these changes up to your forked repository. You should see your commit and any code changes in the github repo. Confirm that you see your changes in the deployed site. Follow the details outlined in the deploy and submit below to recieve credit.

BONUS:

• Play with the page styles using CSS
• Add additional HTML elements to the main page

Deploy + Submit

Once you've completed the assignment, use the Github workflow to deploy your work to your fork of the course repository. NOTE: It can take up to 10 minutes for pushed up code to appear in a deployed site. Post the following as a comment to the appropriate post on the commons site:

1. a link to your committed code repository (your link will look something like: https://github.com/[YOUR_USERNAME]/Interactive-Data-Vis-Fall2023/[TUTORIAL_PATH]/)
2. a link to your deployed example (your link will look something like: https://[YOUR_USERNAME].github.io/Interactive-Data-Vis-Fall2023/[TUTORIAL_PATH]/)