Hello GitHub
This lab is compiled from multiple GitHub guides and tutorials to suit the needs of our class.
Introductionโ
GitHub is a code hosting platform for version control and collaboration. It lets you and others work together on projects from anywhere.
This tutorial teaches you GitHub essentials like repositories, branches, commits, and pull requests. You'll create your own Hello World repository and learn GitHub's pull request workflow, a popular way to create and review code.
In this tutorial, you will:
- Create and use a repository
- Note: For most assignment, we'll be using GitHub classroom which will create the repository for you.
- Start and manage a new branch
- Make changes to a file and push them to GitHub as commits
- Open and merge a pull request
In this tutorial we will be editing text/markdown files. You may use GitHub Desktop, Command Line Interface (CLI), or Visual Studio Code.
Creating a repositoryโ
A repository is usually used to organize a single project. Repositories can contain folders and files, images, videos, spreadsheets, and data sets -- anything your project needs. Often, repositories include a README
file, a file with information about your project. GitHub makes it easy to add one at the same time you create your new repository. It also offers other common options such as a license file (we don't need to worry about those for now).
Your hello-world
repository can be a place where you store ideas, resources, or even share and discuss things with others.
-
In the upper-right corner of any page, use the
drop-down menu, and select New repository. -
In the Repository name box, enter
hello-world
. -
In the Description box, write a short description.
-
Select Add a README file.
-
Click Create repository. (Make sure you set the repository's visibility to Public.)
Clone down the repositoryโ
Now that you have a remote repository, we need to clone the repository to create a local repository/instance on your computer. You can either use GitHub Desktop, Command Line, or Visual Studio Code directly.
- GitHub Desktop
- Command Line
- VS Code
In the File menu, click Clone Repository.
Click the tab that corresponds to the location of the repository you want to clone. You can also click URL to manually enter the repository location.
Choose the repository you want to clone from the list.
Click Choose... and navigate to a local path where you want to clone the repository.
Click Clone.
This is covered in this video - until I type up the instructions. (The video will start at the correct time.)
This is covered in this video - until I type up the instructions. (The video will start at the correct time.)
Branchingโ
Branching lets you have different versions of a repository at one time.
By default, your repository has one branch named main
that is considered to be the definitive branch. You can use branches to experiment and make edits before committing them to main
.
When you create a branch off the main
branch, you're making a copy, or snapshot, of main
as it was at that point in time. If someone else made changes to the main
branch while you were working on your branch, you could pull in those updates.
This diagram shows:
- The
main
branch - A new branch called
feature
- The journey that
feature
takes before it's merged intomain
Have you ever saved different versions of a file? Something like:
story.txt
story-joe-edit.txt
story-joe-edit-reviewed.txt
Branches accomplish similar goals in GitHub repositories.
Developers use branches for keeping bug fixes and feature work separate from our main
(production) branch. When a change is ready, they merge their branch into main
.
Create a branchโ
- GitHub Desktop
- Command Line
- Visual Studio Code
- GitHub on Browser
At the top of the app, click Current Branch and then in the list of branches, click the branch that you want to base your new branch on.
Click New Branch.
Under Name, type the name of the new branch. Name the branch
readme-edits
Use the drop-down to choose a base branch for your new branch.
Click Create Branch.
in the command line terminal, navigate to the repository directory. For example, if the my directory is
/Users/joe/hello-world
, then type tocd /Users/joe/hello-world
.type
git branch
to see a list of branches.type
git branch readme-edits
to create a new branch calledreadme-edits
.type
git checkout readme-edits
to switch to the new branch.You could combine the last 2 commands into a single one by typing
git checkout -b readme-edits
.
type
git checkout main
to switch back to the main branch.
You can create and checkout branches directly within VS code through the Git: Create Branch command in the Command Palette (โงโP).
The Git: Create Branch command lets you quickly create a new branch. Just provide the name of your new branch and VS Code will create the branch and switch to it.
![vscode-branch](/assets/images/vscode-branching-9ad3621f115e3b751ada5669c18411cb.png)
- Click the code tab of your
hello-world
repository. Click the drop down at the top of the file list that says main.
- Type a branch name,
readme-edits
, into the text box. Click Create branch: readme-edits from main.
Now you have two branches, main
and readme-edits
. Right now, they look exactly the same. Next you'll add changes to the new branch.
Making and committing changesโ
-
Make sure you've navigated to the correct branch (readme edits).
-
You can make and save changes to the files in your repository. In Git, saved changes are called commits. Each commit has an associated commit message, which is a description explaining why a particular change was made. Commit messages capture the history of your changes so that other contributors can understand what you've done and why.
- GitHub Desktop
- Command Line
- Visual Studio Code
- GitHub on Browser
After you make your edits to the readme.md file locally in your favourite text editor, go to your command line terminal
At the bottom of the list of changes, in the Summary field, type a short, meaningful commit message. Optionally, you can add more information about the change in the Description field.
Under the Description field, click Commit to readme-edits.
Click Push origin to push your local changes to the remote repository.
type
git add .
to add all of the files in your repository to the commit.type
git commit -m "edited readme file"
to save your changes.type
git push origin main
to push your changes to the remote main branch.
- Click the
README.md
file. - Click to edit the file.
- In the editor, write a bit about yourself.
- Copy and Paste the assignment checklist
- In the Commit changes box, write a commit message that describes your changes.
- Click Commit changes.
![](/assets/images/first-commit-ed484137c5a8e51bf74d14745083855f.png)
These changes will be made only to the README file on your readme-edits
branch, so now this branch contains content that's different from main
.
Opening a pull requestโ
Now that you have changes in a branch off of main
, you can open a pull request.
Pull requests are the heart of collaboration on GitHub. When you open a pull request, you're proposing your changes and requesting that someone review and pull in your contribution and merge them into their branch. Pull requests show diffs, or differences, of the content from both branches. The changes, additions, and subtractions are shown in different colors.
As soon as you make a commit, you can open a pull request and start a discussion, even before the code is finished.
By using GitHub's @mention
feature in your pull request message, you can ask for feedback from specific people or teams, whether they're down the hall or 10 time zones away.
You can even open pull requests in your own repository and merge them yourself. It's a great way to learn the GitHub flow before working on larger projects.
-
Click the Pull requests tab of your
hello-world
repository. -
Click New pull request
-
In the Example Comparisons box, select the branch you made,
readme-edits
, to compare withmain
(the original). -
Look over your changes in the diffs on the Compare page, make sure they're what you want to submit.
-
Click Create pull request.
-
Give your pull request a title and write a brief description of your changes. You can include emojis and drag and drop images and gifs.
-
Click Create pull request.
Your collaborators can now review your edits and make suggestions.
Merging your pull requestโ
In this final step, you will merge your readme-edits
branch into the main
branch.
- Click Merge pull request to merge the changes into
main
. - Click Confirm merge.
- Go ahead and delete the branch, since its changes have been incorporated, by clicking Delete branch.
Wrap upโ
By completing this tutorial, you've learned to create a project and make a pull request on GitHub.
- You can start adding collaborators to your project. who would follow a similar approach, of creating branches, making changes, and merging them into the main branch.
Take a look at your GitHub profile and you'll see your work reflected on your contribution graph.
Checklistโ
Make sure you completed the following items before you submit the assignment on Canvas:
- Create a project on GitHub
- Create a branch on GitHub
- Make changes to the branch
- Open a pull request on GitHub
- Merge your pull request
- Filled out the feedback form (optional)
What to submit on Canvasโ
just a link to your remote repository should suffice for this lab.