Skip to docs navigation

07.02 Visual Studio Code Exercise

Exercise Deliverables

  1. Upload an screenshot of your online game
    • Label the file YYYY-MM-DD Lastname Firstname online game (.jpg, .png)
  2. Upload URL of website
    • Label the file YYYY-MM-DD Lastname Firstname URL (.docx, .pdf, .txt)

Exercise Overview

Example Gameexternal link

  1. Create a folder on your computer to hold GitHub repositories Git-Repositories
  2. Create a folder inside your Git-Repositories folder such as my-game
  3. Create a GitHub account at https://github.comexternal link
    • Sign up with your student email address
    • Choose a username that can be in a URL address. Username can be anything. Does not need to be your name or identifiable
  4. Download and Install Visual Studio Code external link
  5. Install git if not installed
  6. Open Visual Studio Code
  7. Open the my-game folder in Visual Studio Code
  8. Create a new file called index.html
    • Type “Hello Fuzzy Banana!” in the file
    • Save the File
  9. Got to Terminal - New Terminal
    • In the Terminal type each of the following (Replace with your information.) Each should be typed individually. Press Enter or Return after each line.
    • git config --global user.name "Your Name"
    • git config --global user.email "your.email@example.com"
  10. Click the source control icon.
  11. Initialize the repository.
  12. Type a commit message.
  13. Click Commit Changes.
  14. Click Publish Branch and select public repository.
  15. Connect Visual Studio Code to your GitHub Account.

Exercise Resources

External Resources

Video Guides

Install Visual Studio Code

Configure GitHub Username and Email

Setup Username and Email with Git and GitHub in Visual Studio Code on Windows

How to Use Visual Studio Code and GitHub

Publish GitHub Branch

VSC Extensions for Web Development

Grading Rubric

AssessmentWeight
Screenshot Image Uploaded60 points
URL Submitted30 points
File Management and Labeling10 points