-
Create a new GitHub repo called
Hangman-Game
, in accordance with the assignment you choose to complete. Then, clone it to your computer. -
Inside your local git repository, create an
index.html
. -
While still in your local git repo, create a directory called
assets
. -
cd
your way into theassets
folder, then make three additional folders:javascript
,css
andimages
.- In the
javascript
folder, make a file calledgame.js
. Use thesrc
attribute of thescript
tag to link to this file, rather than embedding the code directly in your HTML document. - In the
css
folder, make a file calledstyle.css
. - Also in the
css
folder, make a file calledreset.css
. Paste into it the code from the Meyerweb reset stylesheet. If you opt to use Bootstrap instead of writing your own CSS, skip this step, and simply include a link to Bootstrap via CDN. - In the
images
folder, save whatever images you plan on using.
- In the
-
Push the above changes to GitHub.
-
Choose whichever game you'd like to build. Making the Psychic game will prove less challenging than coding Hangman. However, as the challenge of the Hangman exercise provides a more comprehensive review of this week's material, we suggest attempting that assignment first.
-
Note: There's no shame if you'd prefer submitting Psychic—it's still a proper challenge.
-
Push your selected game to Github Pages.
mjoan / hangman-game Goto Github PK
View Code? Open in Web Editor NEWStudent Project: UCLA Extension Full Stack Developer, JavaScript & Bootstrap!