Skip to content

Commit 84be711

Browse files
Start exercise
1 parent a4122f1 commit 84be711

5 files changed

Lines changed: 18 additions & 49 deletions

File tree

.github/steps/1-create-a-branch.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,27 +24,27 @@ For more information, see "[About branches](https://docs.github.com/en/pull-requ
2424
is essentially an "About me" section on your GitHub profile where you can share information about yourself with the community on GitHub.com.
2525
GitHub shows your profile README at the top of your profile page. For more information, see "[Managing your profile README](https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/customizing-your-profile/managing-your-profile-readme)".
2626

27-
![screenshot showing an example profile readme](../images/example-profile-readme.png)
27+
![screenshot showing an example profile readme](https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/example-profile-readme.png?raw=true)
2828

2929
### :keyboard: Activity: Your first branch
3030

3131
1. Open a new browser tab and navigate to your newly made repository (your copy of this exercise). Then, work on the steps in your second tab while you read the instructions in this tab.
3232

3333
2. Navigate to the **< > Code** tab in the header menu of your repository.
3434

35-
![screenshot highlighting the code tab](../images/code-tab-highlight.png)
35+
![screenshot highlighting the code tab](https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/code-tab-highlight.png?raw=true)
3636

3737
3. Click on the **main** branch drop-down.
3838

39-
<img width="300" alt="screenshot highlighting the branch selection" src="../images/branch-selection-dropdown.png">
39+
<img width="300" alt="screenshot highlighting the branch selection" src="https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/branch-selection-dropdown.png?raw=true">
4040

4141
4. In the text box **Find or create a branch...**, enter `my-first-branch`.
4242

4343
> **Note:** This is checked to continue with the next step. :wink:
4444
4545
5. Click the text **Create branch: `my-first-branch` from main** to create your branch.
4646

47-
<img width="300" alt="screenshot highlighting the create branch prompt" src="../images/create-branch-prompt.png">
47+
<img width="300" alt="screenshot highlighting the create branch prompt" src="https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/create-branch-prompt.png?raw=true">
4848

4949
- The branch will automatically switch to the one you just created.
5050
- The **main** branch drop-down menu will display your new branch name.

.github/steps/2-commit-a-file.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ The following steps will guide you through the process of committing a change on
1717

1818
2. Select the **Add file** drop-down and click **Create new file**.
1919

20-
<img width="300" alt="screenshot of the create new file option" src="../images/create-new-file-option.png">
20+
<img width="300" alt="screenshot of the create new file option" src="https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/create-new-file-option.png?raw=true">
2121

2222
3. In the **Name your file...** field, enter `PROFILE.md`.
2323

@@ -27,15 +27,15 @@ The following steps will guide you through the process of committing a change on
2727
Welcome to my GitHub profile!
2828
```
2929

30-
![screenshot for adding the profile.md file](../images/add-profile-file.png)
30+
![screenshot for adding the profile.md file](https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/add-profile-file.png?raw=true)
3131

3232
5. Click **Commit changes...** in the upper right corner above the contents box. A dialog will appear.
3333

3434
6. GitHub offers a simple default message, but let's change it slightly for practice. Enter `Add PROFILE.md` in the **Commit message** field.
3535

3636
- A **commit message** and optional **extended description** help provide clarity for your changes. This is particularly useful when your commit involves several files.
3737

38-
<img width="400" alt="screenshot of adding a new file with a commit message" src="../images/commit-message-dialog.png">
38+
<img width="400" alt="screenshot of adding a new file with a commit message" src="https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/commit-message-dialog.png?raw=true">
3939

4040
6. In this lesson, we'll ignore the other fields for now and click **Commit changes**.
4141

.github/steps/3-open-a-pull-request.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ Now that you have made a change to the project and created a commit, it’s time
1010

1111
You may have noticed after your commit that a message displayed indicating your recent push to your branch and providing a button that says **Compare & pull request**.
1212

13-
![screenshot of message and button](../images/compare-pull-request-button.png)
13+
![screenshot of message and button](https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/compare-pull-request-button.png?raw=true)
1414

1515
To create a pull request automatically, click **Compare & pull request** button, and then skip to step 5 below. Alternately, you practice creating it manually using the first 4 steps.
1616

@@ -21,15 +21,15 @@ To create a pull request automatically, click **Compare & pull request** button,
2121
- **base:** `main`
2222
- **compare:** `my-first-branch`
2323

24-
![screenshot showing both branch selections](../images/branch-selection-comparison.png)
24+
![screenshot showing both branch selections](https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/branch-selection-comparison.png?raw=true)
2525

2626
4. Click **Create pull request**.
2727

2828
5. Enter a title for your pull request. By default, the title will automatically be the name of your branch. For this exercise, let's edit the field to say `Add my first file`.
2929

3030
6. The next field helps you provide a **description** of the changes you made. Please enter a short description of what you’ve accomplished so far. As a reminder, you have: created a new branch, created a file, and made a commit.
3131

32-
![screenshot showing pull request](../images/create-pull-request-form.png)
32+
![screenshot showing pull request](https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/create-pull-request-form.png?raw=true)
3333

3434
7. Click **Create pull request**.
3535

.github/steps/4-merge-your-pull-request.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ You successfully created a pull request. Now it's time to merge it!
66

77
**What is a merge?**: A _[merge](https://docs.github.com/en/get-started/quickstart/github-glossary#merge)_ adds the changes in your pull request and branch into the `main` branch. For more information about merges, see "[Merging a pull request](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/incorporating-changes-from-a-pull-request/merging-a-pull-request)."
88

9-
![screenshot of green merge pull request button](../images/merge-pull-request-button.png)
9+
![screenshot of green merge pull request button](https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/merge-pull-request-button.png?raw=true)
1010

1111
### :keyboard: Activity: Merge the pull request
1212

@@ -20,7 +20,7 @@ You successfully created a pull request. Now it's time to merge it!
2020
2121
3. Once your branch has been merged, you don't need it anymore. To delete this branch, click **Delete branch**.
2222

23-
![screenshot showing delete branch button](../images/delete-branch-button.png)
23+
![screenshot showing delete branch button](https://github.com/BytecodeBrewer/skills-introduction-to-github/blob/main/.github/images/delete-branch-button.png?raw=true)
2424

2525
4. Now that your work is merged, Mona will confirm and share some final review content. Nice work! 🎉
2626

README.md

Lines changed: 6 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,16 @@
11
# Introduction to GitHub
22

3-
_Get started using GitHub in less than an hour._
3+
<img src="https://octodex.github.com/images/Professortocat_v2.png" align="right" height="200px" />
44

5-
## Welcome
5+
Hey BytecodeBrewer!
66

7-
People use GitHub to build some of the most advanced technologies in the world. Whether you’re visualizing data or building a new game, there’s a whole community and set of tools on GitHub that can help you do it even better. GitHub Skills’ “Introduction to GitHub” exercise guides you through everything you need to start contributing in less than an hour.
7+
Mona here. I'm done preparing your exercise. Hope you enjoy! 💚
88

9-
- **Who is this for**: New developers, new GitHub users, and students.
10-
- **What you'll learn**: We'll introduce repositories, branches, commits, and pull requests.
11-
- **What you'll build**: We'll make a short Markdown file you can use as your [profile README](https://docs.github.com/account-and-profile/setting-up-and-managing-your-github-profile/customizing-your-profile/managing-your-profile-readme).
12-
- **Prerequisites**: None. This exercise is a great introduction for your first day on GitHub.
13-
- **How long**: This exercise takes less than one hour to complete.
9+
Remember, it's self-paced so feel free to take a break! ☕️
1410

15-
In this exercise, you will:
16-
17-
1. Create a branch
18-
2. Commit a file
19-
3. Open a pull request
20-
4. Merge your pull request
21-
22-
### How to start this exercise
23-
24-
Simply copy the exercise to your account, then give your favorite Octocat (Mona) **about 20 seconds** to prepare the first lesson, then **refresh the page**.
25-
26-
[![](https://img.shields.io/badge/Copy%20Exercise-%E2%86%92-1f883d?style=for-the-badge&logo=github&labelColor=197935)](https://github.com/new?template_owner=skills&template_name=introduction-to-github&owner=%40me&name=skills-introduction-to-github&description=Exercise:+Introduction+to+GitHub&visibility=public)
27-
28-
<details>
29-
<summary>Having trouble? 🤷</summary><br/>
30-
31-
When copying the exercise, we recommend the following settings:
32-
33-
- For owner, choose your personal account or an organization to host the repository.
34-
35-
- We recommend creating a public repository, since private repositories will use Actions minutes.
36-
37-
If the exercise isn't ready in 20 seconds, please check the [Actions](../../actions) tab.
38-
39-
- Check to see if a job is running. Sometimes it simply takes a bit longer.
40-
41-
- If the page shows a failed job, please submit an issue. Nice, you found a bug! 🐛
42-
43-
</details>
11+
[![](https://img.shields.io/badge/Go%20to%20Exercise-%E2%86%92-1f883d?style=for-the-badge&logo=github&labelColor=197935)](https://github.com/BytecodeBrewer/skills-introduction-to-github/issues/1)
4412

4513
---
4614

4715
&copy; 2025 GitHub &bull; [Code of Conduct](https://www.contributor-covenant.org/version/2/1/code_of_conduct/code_of_conduct.md) &bull; [MIT License](https://gh.io/mit)
16+

0 commit comments

Comments
 (0)