Get your developer workflow setup! We’ll need this as we transition to the web development unit

1) Download & set up VS Code

This should be quick. Code is just a bunch of text files. Visual Studio Code is the industry-standard code editor. It highlights, auto-completes, and organizes code in an intuitive way. Let’s get it set up.

• Download visual studio code, a code editor that we'll work with next class (works on Mac & Windows)

• Install the Live Server extension (find it in the ‘extensions’ tab)

  

• Download this folder, unzip, and open it in VS code (file open, or just drag and drop the folder). If you can’t download from below, try this Google Drive link.

  template-web-project.zip

• Open the index.html in Live Server.

  • A webpage should open up
  • Edit the ‘body’ and add your own text. Go back to the webpage - do you see it rendered? Make another change and look at the webpage.

  

2) Set up Github

Github is a platform used to host code, share code, and host personal websites. It allows you to ‘commit’ and save different versions of your programming projects - so if you make a mistake you can revert and go back to a previous version.

Make a Github account

• Make a Github account if you don’t have one already

Create a repository, and push a commit to Github

• There are two ways to do this: from Github’s Github Desktop application, or the command line. If you haven’t used Github before, I recommend the first option - it’ll be much easier.
• Option 1: Instructions for Github using Github Desktop (recommended)
• Option 2: Instructions for using Github on command line

Publish your repository to Github Pages (so you can view it on the web)

Open your repository on Github pages. Go to Settings > Pages. Under ‘Branch’ select ‘main’ as your branch, and click save. After a few seconds, you should get a link to view your repository on the web!

If Github does not directly tell you what your website URL is - it will likely be: