JavaScript Day 4 Exercises

• Purpose - To gain familiarity the following features of JavaScript:
  • Write functions that select and manipulate the DOM
  • Applying Event Listeners
• Description - A simple html file with an image and buttons. Branches have additional Javascript to move the image via DOM manipulation in response to event listeners

How to Download

Part 1 - Forking the Project

• To fork the project, click the Fork button located at the top right of the project.

Part 2 - Navigating to forked Repository

• Navigate to your github profile to find the newly forked repository.
• Copy the URL of the project to the clipboard.

Part 3 - Cloning forked repository

• Clone the repository from your account into the ~/dev directory (or whatever the parent directory of your repositories is).
  • Make sure your parent directory is NOT a git repository by running
    • git status
    • You should see fatal: not a git repository (or any of the parent directories)
  • navigate to the ~/dev parent directory by executing the following command:
    • cd ~/dev
  • clone the project by executing the following command:
    • git clone https://github.com/${MYUSERNAME}/${NAMEOFPROJECT}

Part 4 - Setting upstream remote

• Link the local repository just created with the original you forked from
  • If new content is added to this repository, you can pull the new changes, but the remote 'origin' points to your forked version
  • Add another remote and call it 'upstream':
    • git remote add upstream https://github.com/Java-Full-Stack-TEK/javascript_day-2-exercises
• To fetch or pull changes, we tell git to look at the Github upstream remote (pointing here) instead of the origin remote (which points to your fork):
  • For git to try and merge changes, we use git pull :
    • git pull upstream master
  • In case there of a merge conflict, we can update all remote branches, but save merging for later using git fetch :
    • git fetch upstream

How to Submit

Part 1 - Pushing local changes to remote repository

• from a terminal navigate to the root directory of the cloned project.
• from the root directory of the project, execute the following commands:
  • add all changes
    • git add .
  • commit changes to be pushed
    • git commit -m 'I have added changes'
  • push changes to your repository
    • git push -u origin master

Part 2 - Submitting assignment

• from the browser, navigate to the forked project from your github account.
• click the Pull Requests tab.
• select "New Pull Request"

Part 4 - Setting upstream remote

• Link the local repository just created with the original you forked from
  • If new content is added to this repository, you can pull the new changes, but the remote 'origin' points to your forked version
  • Add another remote and call it 'upstream':
    • git remote add upstream https://github.com/Java-Full-Stack-TEK/javascript_day-2-exercises
• To fetch or pull changes, we tell git to look at the Github upstream remote (pointing here) instead of the origin remote (which points to your fork):
  • For git to try and merge changes, we use git pull :
    • git pull upstream master
  • In case there of a merge conflict, we can update all remote branches, but save merging for later using git fetch :
    • git fetch upstream