Simply follow the instructions in this brief manual.
Keep in mind that Microverse encourages it's students to search for their own solutions online. If you don't know how to do something required by this exercise, try to google it first. If you still encounte trouble, feel free to contact your Practice Sessions Coordinator.
Before we begin, choose one teammate to be Student A
, and another to be Student B
. If you've already completed steps 1-3 feel free to skip them. Once you're ready, just follow these steps in order:
- Both
A
andB
: Create an account on https://github.com/. - Both
A
andB
: Download and installgit
. Windows users can use https://gitforwindows.org/. Linux users can usesudo apt-get install git
instead. - Both
A
andB
: Download and installVisual Studio Code
from here: https://code.visualstudio.com/download. This may take some time, so be patient. - Student
A
: Create a new github repository. If you've never done this before, googleHow to create a new github repository
. - Student
A
: Add studentB
as a collaborator to your newly created repository. Again: use google here if you are unfamiliar with this process. - Student
B
: You should receive an e-mail with an invitation to become a collaborator. Open it, and accept the invitation on GitHub. - Both
A
andB
: Clone the repository using thegit clone
command in terminal you installed on step2
. - Both
A
andB
: Once you've cloned the repo folder on your terminal, use thecd your-repo-name
command to navigate into the repository folder. Just replaceyour-repo-name
with the name you used to create the repository on github. - Both
A
andB
: Use thepwd
command to display the path where the project was saved in your computer. - Both
A
andB
: Open the repo folder from that path inVisual Studio Code
. - Student
A
: Add a file to the project namedindex.html
with the contentHello, World!
and save it. - Student
A
: Back at yourgit
terminal, enter thegit add .
command. - Student
A
: Enter thegit commit -m "First commit"
command. - Student
A
: Enter thegit push
command. Enter your GitHub credentials if the terminal requires them. - Both
A
andB
: Check thegithub.com
page of the repo and note how theindex.html
file was added there. - Student
B
: Using yourgit
terminal, enter thegit pull
command. This should add theindex.html
file created byA
to your local clone of the project. - Student
B
: Open the project onVisual Studio Code
. - Student
B
: Add the lineHow are you?
toindex.html
. - Student
B
: Just likeA
did before, usegit add .
,git commit -m "Updated index"
,git push
, and note how the changes are added to the GitHub page. - Student
A
: Usegit pull
to apply the changes on your local clone.
Congratulations! Now you know how to collaborate together on a web development project!
Now use your new programming skills to move forward with the HTML/CSS project.
Cheers and Happy Coding :)!
This was so nice to work with Ramrod433.