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/ (For Mac and Windows users) https://github.com/shiftkey/desktop#debianubuntu-distributions (For Linux users)

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

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

https://code.visualstudio.com/download

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

5. Install Node.js

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

6. Install Surge

npm install --global surge

7. Generate Surge token by the following command

surge token

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

9. Watch Introduction to GitHub Actions

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

10. Learn YAML

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

11. 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

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

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

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

15. open website in browser

http://bootcamp2020_sample1.surge.sh/

16. Submit your github repo URL here in the issues of the assignment repo

17. For further details, please watch this video link:

https://youtu.be/LMfzLGdwB2s

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