Beginner's Guide to GitHub

What You'll Learn

  • What GitHub is

  • How to create a GitHub account

  • How to create repositories

  • How to upload coding projects

  • How to build a beginner coding portfolio

Overview

GitHub is one of the most widely used tools in software development. It allows programmers to store, organize, share, and collaborate on code projects online.

Think of GitHub as Google Driveโ€”but specifically for coding projects.

By the end of this guide, you'll have your own GitHub account and your first repository ready to showcase your work.

What Is GitHub?

GitHub is an online platform that helps developers:

  • Store code safely online

  • Track project changes

  • Collaborate with other programmers

  • Share projects with others

  • Build a professional coding portfolio

Why Do Developers Use GitHub?

๐Ÿ“ Project Storage
Keep your code safe even if your computer breaks.

๐ŸŒŽ Project Sharing
Share your work with friends, teachers, and collaborators.

๐Ÿ‘ฅ Collaboration
Work on projects with other developers.

๐Ÿ’ผ Professional Development
Many employers and colleges look at GitHub portfolios.

Step 1: Create a GitHub Account

  1. Visit github.com

  2. Click Sign Up

  3. Enter:

    • Email address

    • Username

    • Password

  4. Complete the verification process

  5. Verify your email address

Congratulations! You now have a GitHub account.

Step 2: Understand Repositories

A repository (or "repo") is simply a folder that contains one project.

Examples

  • my-first-website

  • calculator-app

  • tic-tac-toe-game

Each project should have its own repository.

Step 3: Create Your First Repository

  1. Click the + button in the top-right corner.

  2. Select New Repository.

  3. Choose a repository name.

Naming Tips

Good Examples:

  • personal-portfolio

  • weather-app

  • school-timetable

Avoid:

  • project1

  • randomstuff

  • asdfgh

Repository Settings

For beginners:

โœ… Public Repository

โœ… Add a README File

โŒ Skip .gitignore

โŒ Skip License

Click Create Repository.

Step 4: Upload Your Project

Uploading Files

  1. Open your repository.

  2. Click Add File.

  3. Select Upload Files.

  4. Drag and drop your project files.

  5. Click Commit Changes.

Your project is now stored on GitHub.

Step 5: Create a README

A README acts as the front page of your project.

A good README should include:

  • Project name

  • Project description

  • Skills used

  • What you learned

  • Screenshots (optional)

Example

My First Website

This project is a personal website built using HTML and CSS.

Skills Learned:

  • HTML

  • CSS

  • GitHub

Step 6: Customize Your Profile

Optional but recommended:

  • Add a profile picture

  • Write a short bio

  • Pin your favorite repositories

This helps create a professional coding portfolio.

What You Learned

By completing this guide, you have:

โœ… Created a GitHub account

โœ… Created a repository

โœ… Uploaded project files

โœ… Written a README

โœ… Started building a coding portfolio

Troubleshooting

I Forgot My Password

Use GitHub's "Forgot Password" option to reset it.

My Files Won't Upload

  • Check your internet connection

  • Ensure files are under GitHub's upload limits

  • Try uploading one file at a time

I Need to Rename My Repository

Go to:
Repository โ†’ Settings โ†’ Repository Name

I Want to Delete a Repository

Go to:
Repository โ†’ Settings โ†’ Danger Zone

Be carefulโ€”deleting a repository is permanent.

Pro Tips

๐Ÿ’ก Use clear commit messages.

Good:

  • Added calculator functionality

  • Updated website styling

  • Fixed navigation menu

Avoid:

  • stuff

  • update

  • idk

๐Ÿ’ก Keep your README updated as your project grows.

๐Ÿ’ก Explore other GitHub projects to learn from experienced developers.

Real-World STEM Connection

GitHub is used by software engineers, web developers, data scientists, cybersecurity professionals, and technology companies around the world. Learning GitHub early gives students experience with the same tools used by professionals in the tech industry.

Previous
Previous

Beginner's Guide to GitHub Pages Pt. 2

Next
Next

Create Your Own School Timetable