Bootcamp 2020 Class 1: Setup Website Development Environment

I took the following steps, all bootcampers should also do this on there own repos

  1. Signup on GitHub.com and Install GitHub Desktop on your computer

https://desktop.github.com/

  1. Using Github Desktop create new public repo and publish it on GitHub.com

  2. Install VS Code, we will use it as our code editor

https://code.visualstudio.com/download

  1. Create a simple hello world html file and name it index.html. Using GitHub desktop commit the code and push it.

  2. Install Node.js

https://nodejs.org/en/download/

  1. Install Surge

npm install --global surge

  1. Generate Surge token by the following command

surge token

  1. Save the surge token in the repo's GitHubs secrets

  2. Watch Introduction to GitHub Actions

https://www.youtube.com/watch?v=eB0nUzAI7M8

  1. Learn YAML

https://rollout.io/blog/yaml-tutorial-everything-you-need-get-started/

  1. Configuring a Github Actions Workflow

https://help.github.com/en/actions/reference/workflow-syntax-for-github-actions

https://help.github.com/en/actions/configuring-and-managing-workflows/configuring-a-workflow

  1. Learn and create surge deployment action file in root of your repo in .github/workflow directory like I have done

  2. Make small change in your index.html, commit it and push it again to github.com

  3. Check the action tab to GitHub website and see if the action executed

  4. open website in browser

http://bootcamp_setup_ziakhan.surge.sh/

  1. Submit your github repo URL here in the issues of the assignment repo, like I have done here:

panacloud#1

NOTE: Assumption is that you know HTML, CSS, and JavaScript