how to start coding in github #178141

omenaijessica17 · 2025-10-27T16:16:13Z

omenaijessica17
Oct 27, 2025

I just started my account in github in less than two weeks and I still don't know how to code in github

vdandge8 · 2025-10-27T17:01:58Z

vdandge8
Oct 27, 2025

Coding किसलिए karna चाहता web app ki native app बनाना ki kuch और .kis platform par करना hai mobile ya pc.ai ki मदद se coding kar sakta

0 replies

Thyrail · 2025-10-28T20:45:46Z

Thyrail
Oct 28, 2025

Hello @omenaijessica17, and welcome to GitHub!

This is a very common question, and it's the most important concept to learn first.

You don't actually code in GitHub. You code on your own computer and then use GitHub to store, share, and manage that code.

Think of GitHub as a "Google Drive" or "Dropbox," but specifically designed for code. You write your files (like index.html) on your computer using a code editor, and then you "push" (upload) those files to your GitHub repository to save your progress and share it.

Here is a full guide to get you from an empty folder to a live website.

Part 1: Your Coding Toolkit (The Setup)

First, you need two pieces of free software on your computer.

A Code Editor: This is the program where you will write your code. The most popular choice is Visual Studio Code (VS Code).
- Download it here: https://code.visualstudio.com/
Git: This is the tool that tracks your changes and "pushes" your code to GitHub. It's a command-line program.
- Download it here: https://git-scm.com/downloads
- During installation on Windows, it will also install "Git Bash," which is the command-line terminal you will use.

Part 2: Step-by-Step: Your First Website Project

Let's make a simple website and put it on GitHub.

Step 1: Create a "Repository" on GitHub

A repository (or "repo") is like a project folder on GitHub.

Go to GitHub.com.
In the top-right corner, click the + icon and select "New repository".
Give your repository a name, like my-first-website.
Make sure it's set to Public.
DO NOT check any boxes (like "Add a README file" or ".gitignore"). This makes your first push easier.
Click "Create repository".
GitHub will show you a new page. Keep this page open! We will need to copy a URL from it soon.

Step 2: Write Your Code on Your Computer

Now, let's write the code for your website.

On your computer (e.g., on your Desktop), create a new folder. Name it my-first-website.
Open VS Code.
In VS Code, go to File > Open Folder... and choose the my-first-website folder you just made.
You will see an "EXPLORER" panel on the left. Right-click in that empty panel and select "New File" to create three files, one by one:
- index.html
- style.css
- script.js
Copy and paste the following code into each matching file:

index.html (This is your website's content)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My First Website</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Hello, GitHub!</h1>
    <p>This is my first project.</p>
    <button id="colorButton">Click Me!</button>
    <script src="script.js"></script>
</body>
</html>

style.css (This is your website's style)

body {
    font-family: Arial, sans-serif;
    display: grid;
    place-items: center;
    min-height: 100vh;
    background-color: #f0f0f0;
    text-align: center;
}

h1 {
    color: #333;
}

button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    background-color: #0366d6;
    color: white;
    border: none;
    border-radius: 5px;
}

script.js (This makes your website interactive)

// Get the button element from the HTML
const button = document.getElementById('colorButton');

// Add an event listener to run code when it's clicked
button.addEventListener('click', () => {
    // Get a random color
    const randomColor = '#' + Math.floor(Math.random()*16777215).toString(16);
    
    // Change the background color of the page
    document.body.style.backgroundColor = randomColor;
});

You now have a simple, complete website sitting in a folder on your computer! You can even double-click the index.html file to open it in your browser.

Step 3: Connect and "Push" Your Code to GitHub

This is the final step. We will use Git Bash (the tool you installed) to send your local code to your GitHub repo.

Go to your my-first-website folder on your computer.
Right-click inside the folder and select "Open Git Bash here" (or "Open in Terminal" on Mac/Linux).
A black command-line window will open. Type the following commands one by one, hitting Enter after each one.
Initialize Git (This tells Git to start tracking this folder):

git init

Add all your new files (This stages them for uploading):

git add .

(Note: The . means "add all files in this folder")

"Commit" your files (This saves a snapshot of your changes):

git commit -m "My first website commit"

Connect your local folder to your GitHub repo:

Go back to the GitHub repo page you created in Step 1.
Look for the section titled "...or push an existing repository from the command line".
Copy the URL from that section. It will look something like this: https://github.com/YourUsername/my-first-website.git
Now, type this command in Git Bash, pasting your own URL at the end:

git remote add origin [https://github.com/YourUsername/my-first-website.git](https://github.com/YourUsername/my-first-website.git)

Set the main branch name (A best-practice step):

git branch -M main

Push (upload) your code to GitHub!

git push -u origin main

Git might ask for your GitHub username and password.

Note: For the password, GitHub now requires a Personal Access Token (PAT). You can generate one in your GitHub Settings.

You're done! Go back to your GitHub repo page online and refresh it. You will see your index.html, style.css, and script.js files there!

Part 3: Bonus! Put Your Website Online

Now that your code is on GitHub, you can host it as a real, live website for free using GitHub Pages.

In your GitHub repo, click the "Settings" tab (near the top right).
On the left menu, click "Pages".
Under "Build and deployment" > "Branch", select main from the dropdown menu and click "Save".
Wait a minute or two. GitHub will publish your site and show you a green message with the URL. It will be: https://YourUsername.github.io/my-first-website/

You can now share this link with anyone to show them your first live website!

That is the basic workflow: Code locally in VS Code, then use Git to add, commit, and push your changes to GitHub.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

GitHub Community

how to start coding in github #178141

Uh oh!

{{title}}

Uh oh!

Replies: 2 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

GitHub Community

how to start coding in github #178141

Uh oh!

omenaijessica17 Oct 27, 2025

Replies: 2 comments

Uh oh!

vdandge8 Oct 27, 2025

Uh oh!

Thyrail Oct 28, 2025

Part 1: Your Coding Toolkit (The Setup)

Part 2: Step-by-Step: Your First Website Project

Step 1: Create a "Repository" on GitHub

Step 2: Write Your Code on Your Computer

Step 3: Connect and "Push" Your Code to GitHub

omenaijessica17
Oct 27, 2025

vdandge8
Oct 27, 2025

Thyrail
Oct 28, 2025