đ Why Git & GitHub Matter for Your Career
If you want to become a full stack developer, backend engineer, or even a serious frontend dev,
you must understand Git and GitHub. They are the standard tools for version control and
collaboration in almost every modern software team.
The good news? You donât need to be a âpro coderâ to start. In this guide, weâll walk through
Git & GitHub step by step, in simple language, with real examples that match how people
actually work in IT and development.
Read this guide slowly, and keep your VS Code + terminal open.
The best way to learn Git is: see â type â break â fix.
1ī¸âŖ What Are Git and GitHub (In Human Language)?
đš Git = Version Control System
Git is a local tool installed on your machine. It tracks changes to your project files over time.
Think of it like a super-smart âtime machineâ for your code.
With Git, you can:
- Save snapshots of your project (called commits).
- Go back to an older version if you break something.
- Work on new features in branches without touching the main code.
đš GitHub = Online Git Repository Hosting
GitHub is a website that hosts your Git repositories online. It lets you:
- Store your code in the cloud.
- Collaborate with others (pull requests, code reviews).
- Show your projects to recruiters and clients.
- Contribute to open-source projects.
Shortcut: Git = engine on your PC, GitHub = parking + sharing on the internet.
2ī¸âŖ Key Concepts You Must Know Before Commands
đĻ Repository (repo)
A repository is simply a project folder tracked by Git.
đ Commit
A commit is a snapshot of your files at a specific point in time, with a message describing what changed.
đŋ Branch
A branch is a separate line of work. You usually have:
main or master â stable code.
feature/login-page â new feature in progress.
âī¸ Remote
A remote is the connection between your local repo and a remote server (e.g., GitHub).
Most of the time, it is called origin.
3ī¸âŖ Step 1 â Install Git and Do Basic Setup
đģ Install Git
- Windows: download from git-scm.com
- Linux: usually
sudo apt install git or similar.
- macOS: via Homebrew or Xcode tools.
âī¸ Configure Your Identity (Run Once per Machine)
Open Command Prompt / Terminal and run:
git config --global user.name "Your Name"
git config --global user.email "youremail@example.com"
This information appears in your commits and on GitHub history.
4ī¸âŖ Step 2 â Create Your First Local Repository
đ§ Option A â Start from an Existing Folder
Imagine you already have a project folder:
my-html-project/
index.html
style.css
Open terminal in that folder and run:
git init
This:
- Creates a hidden
.git folder.
- Tells Git: âStart tracking changes in this project.â
đ§ Option B â Create a New Folder
mkdir my-first-git-repo
cd my-first-git-repo
git init
5ī¸âŖ Step 3 â Check Status, Add Files, Make Your First Commit
đ Check Whatâs Going On
git status
You will see:
- Untracked files â Git sees them but doesnât track yet.
- Changes not staged â modified but not prepared for commit.
â Add Files to Staging Area
To track all files:
git add .
Or add a single file:
git add index.html
â
Create Your First Commit
git commit -m "Initial commit: basic HTML structure"
Now Git has stored a snapshot of your project. You can continue making changes and committing them with
clear messages.
6ī¸âŖ Step 4 â Understand the Commit History
đ View History
git log
Press Q to exit the log view.
Shorter version:
git log --oneline
Good habit: Write meaningful commit messages, like
"Add navbar and hero section", not just "update" or "fix".
7ī¸âŖ Step 5 â Working with Branches (Simple Use Case)
đą Create & Switch to a New Branch
Letâs create a branch for a new feature:
git checkout -b feature/contact-form
This:
- Creates a branch called
feature/contact-form.
- Switches you to that branch.
đ Switch Between Branches
git checkout main
git checkout feature/contact-form
đŋ Merge a Branch Back to Main
After finishing your feature:
git checkout main
git merge feature/contact-form
8ī¸âŖ Step 6 â Create a GitHub Repository
Go to github.com and:
- Create a free account (if you donât have one).
- Click New â create a repository name (e.g.,
my-first-git-project).
- Choose Public or Private.
- Leave âInitialize with READMEâ unchecked if you already have code locally.
9ī¸âŖ Step 7 â Connect Local Repo to GitHub (Remote)
In your project folder, add GitHub as a remote:
git remote add origin https://github.com/your-username/my-first-git-project.git
âŦī¸ Push Your Local Code to GitHub
git branch -M main
git push -u origin main
Now your code is live on GitHub under that repository.
From now on, you can push changes with:
git push
đ Step 8 â Cloning a Project from GitHub
If you want to download an existing project from GitHub:
git clone https://github.com/someone/project-name.git
This:
- Creates a folder with project files.
- Also sets the
origin remote to that GitHub URL.
1ī¸âŖ1ī¸âŖ Step 9 â Basic Collaboration Flow
Common daily flow with a team:
- Pull latest changes:
git pull
- Create feature branch:
git checkout -b feature/login
- Code, then stage & commit:
git add . â git commit -m "Add login form UI"
- Push feature branch:
git push -u origin feature/login
- Create Pull Request in GitHub â ask for review â merge.
1ī¸âŖ2ī¸âŖ Step 10 â Common Git Commands Cheat Sheet
git status â Check what changed.
git add . â Stage all changes.
git commit -m "message" â Save snapshot.
git log --oneline â Short history.
git branch â List branches.
git checkout branch-name â Switch branch.
git pull â Get latest from remote.
git push â Send your commits to remote.
git clone URL â Copy repo from GitHub.
Reality check: Everyone breaks Git at some point (including seniors).
Donât panic â commit often, push regularly, and youâll always have a place to roll back.
â
Final Thoughts: How to Learn Git & GitHub Practically
Donât just read tutorials. Take a small project â even a simple HTML/CSS landing page â and:
- Initialize Git.
- Make frequent commits as you change things.
- Push to GitHub.
- Try creating a branch for a new section (e.g., âpricing sectionâ).
- Merge it back into
main.
If you repeat this process a few times, Git & GitHub will stop feeling âscaryâ and start feeling like a normal part of your workflow.
đ āĻā§āύ Git & GitHub āĻļāĻŋāĻāĻŦ?
āϤā§āĻŽāĻŋ āϝāĻĻāĻŋ āĻāĻŦāĻŋāώā§āϝāϤ⧠Full Stack Developer, Backend Engineer āĻŦāĻž āϏāĻŋāϰāĻŋāϝāĻŧāĻžāϏ Frontend Dev āĻšāϤ⧠āĻāĻžāĻ,
āϤāĻžāĻšāϞ⧠Git & GitHub āĻāĻāĻĻāĻŽ āĻŦā§āϏāĻŋāĻ āϏā§āĻāĻŋāϞāĨ¤
āĻāĻžāϞ⧠āĻĻāĻŋāĻ āĻšāϞ⧠â Git āĻļāĻŋāĻāϤ⧠āϤā§āĻŽāĻžāϰ āĻĒā§āϰā§-āϞā§āĻā§āϞ āĻā§āĻĄāĻžāϰ āĻšāĻāϝāĻŧāĻžāϰ āĻĻāϰāĻāĻžāϰ āύā§āĻāĨ¤
āĻāĻ āĻāĻžāĻāĻĄā§ āĻāĻŽāϰāĻž āϧāĻžāĻĒā§ āϧāĻžāĻĒā§ āĻāĻāĻĻāĻŽ āĻŦāĻŋāĻāĻŋāύāĻžāϰ āĻĢā§āϰā§āύā§āĻĄāϞāĻŋ āĻāĻžāĻŦā§ Git & GitHub āĻŦā§āĻāĻŦā§,
āĻŦāĻžāϏā§āϤāĻŦ āĻĒā§āϰāĻā§āĻā§āĻā§āϰ āĻāĻĻāĻžāĻšāϰāĻŖāϏāĻšāĨ¤
āĻĒā§āĻžāϰ āϏāĻžāĻĨā§ āϏāĻžāĻĨā§ VS Code + Terminal āĻāĻĒā§āύ āϰāĻžāĻā§āĨ¤
Git āĻļāĻŋāĻāĻžāϰ āϏā§āϰāĻž āĻāĻĒāĻžāϝāĻŧ: āĻĻā§āĻā§ â āĻāĻžāĻāĻĒ āĻāϰ⧠â āĻā§āϞ āĻāϰ⧠â āĻ āĻŋāĻ āĻāϰā§āĨ¤
1ī¸âŖ Git & GitHub āĻāϏāϞ⧠āĻā§?
đš Git = Version Control System
Git āĻšāϞ⧠āĻāĻāĻāĻž local āĻā§āϞ, āϝā§āĻāĻž āϤā§āĻŽāĻžāϰ āĻĒā§āϰāĻā§āĻā§āĻ āĻĢāĻžāĻāϞā§āϰ āĻĒāϰāĻŋāĻŦāϰā§āϤāύāĻā§āϞ⧠āĻā§āϰā§āϝāĻžāĻ āĻāϰ⧠āϰāĻžāĻā§āĨ¤
āϏāĻšāĻāĻāĻžāĻŦā§ āĻŦāϞāϞ⧠â Git āϤā§āĻŽāĻžāϰ āĻā§āĻĄā§āϰ āĻāύā§āϝ âTime Machineâ āĻāϰ āĻŽāϤ⧠āĻāĻžāĻ āĻāϰā§āĨ¤
Git āĻĻāĻŋāϝāĻŧā§ āϤā§āĻŽāĻŋ āĻĒāĻžāϰā§:
- āĻā§āĻĄā§āϰ āϏā§āύā§āϝāĻžāĻĒāĻļāĻ āύāĻŋāϤ⧠(āϝāĻžāĻā§ āĻŦāϞ⧠commit)
- āĻā§āϞ āĻāϰāϞ⧠āĻāĻā§āϰ āĻ
āĻŦāϏā§āĻĨāĻžāϝāĻŧ āĻĢāĻŋāϰ⧠āϝā§āϤā§
- āύāϤā§āύ āĻĢāĻŋāĻāĻžāϰ āύāĻŋāϝāĻŧā§ āĻāϞāĻžāĻĻāĻž branch āĻ āĻāĻžāĻ āĻāϰāϤā§
đš GitHub = Git Repo āϰāĻžāĻāĻžāϰ Online Platform
GitHub āĻšāϞ⧠āĻāĻāĻāĻž āĻāϝāĻŧā§āĻŦāϏāĻžāĻāĻ, āϝā§āĻāĻžāύ⧠āϤā§āĻŽāĻŋ āϤā§āĻŽāĻžāϰ Git āĻĒā§āϰāĻā§āĻā§āĻāĻā§āϞ⧠host āĻāϰā§āĨ¤
GitHub āĻāϰ āĻŽāĻžāϧā§āϝāĻŽā§ āϤā§āĻŽāĻŋ:
- āĻā§āĻĄ āĻā§āϞāĻžāĻāĻĄā§ āϏā§āĻ āϰāĻžāĻāϤ⧠āĻĒāĻžāϰā§
- āĻāĻŋāĻŽā§āϰ āϏāĻžāĻĨā§ āĻāĻžāĻ āĻāϰāϤ⧠āĻĒāĻžāϰ⧠(Pull Request, Code Review)
- āύāĻŋāĻā§āϰ āĻĒā§āϰāĻā§āĻā§āĻ āϰāĻŋāĻā§āϰā§āĻāĻžāϰāĻā§ āĻĻā§āĻāĻžāϤ⧠āĻĒāĻžāϰā§
- Open Source āĻĒā§āϰāĻā§āĻā§āĻā§ āĻāύā§āĻā§āϰāĻŋāĻŦāĻŋāĻāĻ āĻāϰāϤ⧠āĻĒāĻžāϰā§
āĻāĻ āϞāĻžāĻāύ āϏāĻžāϰāĻžāĻāĻļ: Git = āĻāĻĒāύāĻžāϰ āĻĒāĻŋāϏāĻŋāϰ āĻāĻā§āĻāĻŋāύ, GitHub = āĻ
āύāϞāĻžāĻāύ⧠āĻā§āϝāĻžāϰā§āĻ/āĻĒāĻžāϰā§āĻāĻŋāĻ + āĻļā§āϝāĻŧāĻžāϰāĻŋāĻāĨ¤
2ī¸âŖ āĻāĻŋāĻā§ Core āϧāĻžāϰāĻŖāĻž (Concept) āĻāĻā§ āĻā§āϞāĻŋāϝāĻŧāĻžāϰ āĻāϰāĻŋ
đĻ Repository (Repo)
āϤā§āĻŽāĻžāϰ āĻĒā§āϰāĻā§āĻā§āĻ āĻĢā§āϞā§āĻĄāĻžāϰ, āϝā§āĻāĻžāĻā§ Git āĻĻāĻŋāϝāĻŧā§ track āĻāϰāĻž āĻšāĻā§āĻā§ â āϏā§āĻāĻžāĻ repository āĻŦāĻž repoāĨ¤
đ Commit
Commit āĻšāϞ⧠āϤā§āĻŽāĻžāϰ āĻĒā§āϰāĻā§āĻā§āĻā§āϰ āĻāĻāĻāĻž āύāĻŋāϰā§āĻĻāĻŋāώā§āĻ āϏāĻŽāϝāĻŧā§āϰ āϏā§āύā§āϝāĻžāĻĒāĻļāĻ + āϏāĻžāĻĨā§ āĻā§āĻ āĻāĻāĻāĻž āĻŽā§āϏā§āĻ,
âāĻāĻŋ āĻĒāϰāĻŋāĻŦāϰā§āϤāύ āĻāϰā§āĻā§â āϏā§āĻāĻž āϞāĻŋāĻā§ āϰāĻžāĻāĻžāϰ āĻāύā§āϝāĨ¤
đŋ Branch
Branch āĻŽāĻžāύ⧠āĻšāϞ⧠āĻā§āĻĄā§āϰ āĻāϞāĻžāĻĻāĻž āĻāĻāĻāĻž āϞāĻžāĻāύ, āϝā§āĻāĻžāύ⧠āϤā§āĻŽāĻŋ āĻāϞāĻžāĻĻāĻž āĻĢāĻŋāĻāĻžāϰ āύāĻŋāϝāĻŧā§ āĻāĻžāĻ āĻāϰāϤ⧠āĻĒāĻžāϰā§āĨ¤ āϝā§āĻŽāύāĻ
main â āϏā§āĻā§āĻŦāϞ āĻā§āĻĄ
feature/login-page â āύāϤā§āύ āĻĢāĻŋāĻāĻžāϰ āĻĄā§āĻā§āϞāĻĒ āĻšāĻā§āĻā§
âī¸ Remote
Remote āĻŽāĻžāύ⧠āϤā§āĻŽāĻžāϰ local repo āĻāϰ online repo (āϝā§āĻŽāύ GitHub) āĻāϰ āĻŽāĻžāĻā§āϰ āĻāĻžāύā§āĻāĻļāύāĨ¤
āϏāĻžāϧāĻžāϰāĻŖāϤ āĻāϰ āύāĻžāĻŽ āĻĨāĻžāĻā§ origināĨ¤
3ī¸âŖ Step 1 â Git āĻāύāϏā§āĻāϞ āĻāϰ Basic Setup
đģ Git Install
- Windows â git-scm.com āĻĨā§āĻā§ āĻĄāĻžāĻāύāϞā§āĻĄ
- Linux â
sudo apt install git āĻāĻžāĻāĻĒ āĻāϰāϞ⧠āĻšāϝāĻŧ (Ubuntu/Debian)
- macOS â Homebrew āĻŦāĻž Xcode tools āĻĻāĻŋāϝāĻŧā§
âī¸ User Name & Email āϏā§āĻ āĻāϰāĻž (āĻāĻāĻŦāĻžāϰ āĻāϰāϞā§āĻ āĻāϞā§)
Command Prompt / Terminal āĻ āϞāĻŋāĻā§:
git config --global user.name "Your Name"
git config --global user.email "youremail@example.com"
āĻāĻ āύāĻžāĻŽ āĻāϰ āĻāĻŽā§āĻāϞ āϤā§āĻŽāĻžāϰ āϏāĻŦ commit āĻ āĻĻā§āĻāĻž āϝāĻžāĻŦā§ (GitHub history āϤā§āĻ)āĨ¤
4ī¸âŖ Step 2 â āĻĒā§āϰāĻĨāĻŽ Local Repository āĻŦāĻžāύāĻžāύā§
đ§ Option A â āĻāĻā§ āĻĨā§āĻā§āĻ āĻĒā§āϰāĻā§āĻā§āĻ āĻĢā§āϞā§āĻĄāĻžāϰ āĻāĻā§
āϧāϰ⧠āϤā§āĻŽāĻžāϰ āĻĢā§āϞā§āĻĄāĻžāϰāĻ
my-html-project/
index.html
style.css
āĻāĻ āĻĢā§āϞā§āĻĄāĻžāϰā§āϰ āĻā§āϤāϰ⧠āĻāĻžāϰā§āĻŽāĻŋāύāĻžāϞ āĻāĻĒā§āύ āĻāϰ⧠āϞā§āĻā§:
git init
āĻāĻāĻž āĻāϰāϞā§:
- āĻāĻŋāϤāϰ⧠āĻāĻāĻāĻž āĻšāĻŋāĻĄā§āύ
.git āĻĢā§āϞā§āĻĄāĻžāϰ āϤā§āϰāĻŋ āĻšāĻŦā§
- Git āĻŦā§āĻāĻŦā§ â āĻāĻāύ āĻĨā§āĻā§ āĻāĻ āĻĒā§āϰāĻā§āĻā§āĻā§āϰ āĻĒāϰāĻŋāĻŦāϰā§āϤāύ track āĻāϰāϤ⧠āĻšāĻŦā§
đ§ Option B â āĻāĻāĻĻāĻŽ āύāϤā§āύ āĻĢā§āϞā§āĻĄāĻžāϰ
mkdir my-first-git-repo
cd my-first-git-repo
git init
5ī¸âŖ Step 3 â Status āĻĻā§āĻāĻž, File Add āĻāϰāĻž, āĻĒā§āϰāĻĨāĻŽ Commit
đ Status āĻā§āĻ āĻāϰāĻž
git status
āĻāĻāĻžāύ⧠āϤā§āĻŽāĻŋ āĻĻā§āĻāĻŦā§:
- Untracked files â Git āĻāĻāύ⧠āϝā§āĻā§āϞā§āĻā§ āĻā§āϰā§āϝāĻžāĻ āĻāϰāĻā§ āύāĻž
- Changes not staged â āĻĒāϰāĻŋāĻŦāϰā§āϤāύ āĻšāϝāĻŧā§āĻā§, āĻāĻŋāύā§āϤ⧠commit āĻāϰ āĻāύā§āϝ āĻĒā§āϰāϏā§āϤā§āϤ āύāĻž
â Staging Area āϤ⧠āĻĢāĻžāĻāϞ āύā§āĻāϝāĻŧāĻž
āϏāĻŦ āĻĢāĻžāĻāϞ āĻāĻāϏāĻžāĻĨā§ add āĻāϰāϤā§:
git add .
āĻāĻāĻāĻž āĻĢāĻžāĻāϞ āĻāϞāĻžāĻĻāĻž āĻāϰ⧠add āĻāϰāϤā§āĻ
git add index.html
â
āĻĒā§āϰāĻĨāĻŽ Commit āϤā§āϰāĻŋ
git commit -m "Initial commit: basic project structure"
āĻāĻāύ āϤā§āĻŽāĻžāϰ āĻĒā§āϰāĻā§āĻā§āĻā§āϰ āĻĒā§āϰāĻĨāĻŽ āϏā§āύā§āϝāĻžāĻĒāĻļāĻ Git āĻ āϏā§āĻ āĻšāϝāĻŧā§ āĻā§āϞāĨ¤
āĻāϰāĻĒāϰ āϤā§āĻŽāĻŋ āϝā§āĻ āĻĒāϰāĻŋāĻŦāϰā§āϤāύāĻ āĻāϰāĻŦā§, commit āĻāϰ⧠step by step history āϤā§āϰāĻŋ āĻāϰāϤ⧠āĻĒāĻžāϰāĻŦā§āĨ¤
6ī¸âŖ Step 4 â Commit History āĻĻā§āĻāĻž
đ āĻĒā§āϰāĻž Log āĻĻā§āĻāĻž
git log
Q āĻāĻžāĻĒāϞ⧠log āĻĨā§āĻā§ āĻŦā§āϰ āĻšāĻāϝāĻŧāĻž āϝāĻžāϝāĻŧāĨ¤
āĻā§āĻ āĻāϰ⧠āĻĻā§āĻāϤ⧠āĻāĻžāĻāϞā§:
git log --oneline
Good Practice: Commit message āĻ āϏā§āĻĒāώā§āĻ āĻāϰ⧠āϞāĻŋāĻā§ â
"Add navbar & hero section" āĻāϰāĻāĻŽ, "update" āĻŦāĻž "fixed" āϞāĻŋāĻā§ āĻāĻžāĻ āĻļā§āώ āĻāϰ⧠āύāĻžāĨ¤
7ī¸âŖ Step 5 â Branch āύāĻŋāϝāĻŧā§ āϏāĻšāĻ āĻāĻĻāĻžāĻšāϰāĻŖ
đą āύāϤā§āύ Branch āϤā§āϰāĻŋ + Switch
āϧāϰ⧠āϤā§āĻŽāĻŋ âContact Formâ āĻĢāĻŋāĻāĻžāϰ āύāĻŋāϝāĻŧā§ āĻāĻžāĻ āĻāϰāĻŦā§:
git checkout -b feature/contact-form
āĻāϤ⧠āϝāĻž āĻšāĻŦā§:
- āύāϤā§āύ branch āϤā§āϰāĻŋ āĻšāĻŦā§ â
feature/contact-form
- āϤā§āĻŽāĻŋ āϏā§āĻ branch āĻ āĻāϞ⧠āϝāĻžāĻŦā§
đ Branch āĻĒāϰāĻŋāĻŦāϰā§āϤāύ āĻāϰāĻž
git checkout main
git checkout feature/contact-form
đŋ Branch merge āĻāϰ⧠main āĻ āύāĻŋāϝāĻŧā§ āĻāϏāĻž
āĻĢāĻŋāĻāĻžāϰ āĻļā§āώ āĻšāϞā§:
git checkout main
git merge feature/contact-form
8ī¸âŖ Step 6 â GitHub āĻ Repo āϤā§āϰāĻŋ
github.com āĻ āĻāĻŋāϝāĻŧā§:
- āĻāĻāĻāĻž āĻĢā§āϰāĻŋ āĻāĻāĻžāĻāύā§āĻ āĻāϰ⧠(āϝāĻĻāĻŋ āύāĻž āĻĨāĻžāĻā§)
- New Repository āĻ āĻā§āϞāĻŋāĻ āĻāϰā§
- āύāĻžāĻŽ āĻĻāĻžāĻ, āϝā§āĻŽāύāĻ
my-first-git-project
- Public/Private āϝāĻž āĻĻāϰāĻāĻžāϰ āϏā§āĻ āĻāϰā§
-
āϝāĻĻāĻŋ āϤā§āĻŽāĻžāϰ local āĻ āĻāĻā§ āĻĨā§āĻā§āĻ āĻĒā§āϰāĻā§āĻā§āĻ āĻĨāĻžāĻā§, āϤāĻžāĻšāϞā§
âInitialize with READMEâ āĻāύāĻā§āĻ āĻāϰ⧠āϰāĻžāĻā§
9ī¸âŖ Step 7 â Local Repo āĻā§ GitHub āĻāϰ āϏāĻžāĻĨā§ āĻāĻžāύā§āĻā§āĻ āĻāϰāĻž
āĻĒā§āϰāĻā§āĻā§āĻ āĻĢā§āϞā§āĻĄāĻžāϰ⧠āĻāĻžāϰā§āĻŽāĻŋāύāĻžāϞ āĻāĻĒā§āύ āĻāϰ⧠āϞā§āĻā§:
git remote add origin https://github.com/your-username/my-first-git-project.git
âŦī¸ āĻĒā§āϰāĻĨāĻŽāĻŦāĻžāϰ āĻā§āĻĄ Push āĻāϰāĻž
git branch -M main
git push -u origin main
āĻāĻāύ āϤā§āĻŽāĻžāϰ āĻā§āĻĄ GitHub āĻ āĻāϞ⧠āĻā§āϞāĨ¤
āĻāϰāĻĒāϰ āĻĨā§āĻā§ āĻāĻŦāĻžāϰ commit āĻāϰāϞ⧠āĻā§āĻŦāϞ:
git push
1ī¸âŖ0ī¸âŖ Step 8 â GitHub āĻĨā§āĻā§ Repo Clone āĻāϰāĻž
āĻā§āύ⧠āĻĒā§āϰāĻā§āĻā§āĻ GitHub āĻĨā§āĻā§ āĻĄāĻžāĻāύāϞā§āĻĄ āĻāϰ⧠āĻāĻžāĻ āĻāϰāϤ⧠āĻāĻžāĻāϞā§:
git clone https://github.com/someone/project-name.git
āĻāϤā§:
- āϤā§āĻŽāĻžāϰ āĻĒāĻŋāϏāĻŋāϤ⧠āĻĒā§āϰāĻā§āĻā§āĻ āĻĢā§āϞā§āĻĄāĻžāϰ āϤā§āϰāĻŋ āĻšāĻŦā§
origin remote GitHub āĻāϰ URL āĻ āĻĒāϝāĻŧā§āύā§āĻ āĻāϰāĻž āĻĨāĻžāĻāĻŦā§
1ī¸âŖ1ī¸âŖ Step 9 â āĻāĻŋāĻŽā§ āĻāĻžāĻā§āϰ Basic Flow
āϧāϰ⧠āϤā§āĻŽāĻŋ āĻāĻŋāĻŽā§ āĻāĻžāĻ āĻāϰāĻā§āĨ¤ āϏāĻžāϧāĻžāϰāĻŖ āĻŦā§āϝāĻžāϏāĻŋāĻ āĻĢā§āϞā§:
- āϏāĻŦāĻžāϰ āύāϤā§āύ āĻā§āĻĄ āĻā§āύ⧠āύāĻžāĻ:
git pull
- āύāĻŋāĻā§āϰ āĻĢāĻŋāĻāĻžāϰā§āϰ branch āĻŦāĻžāύāĻžāĻ:
git checkout -b feature/login
- āĻāĻžāĻ āĻļā§āώ⧠commit āĻāϰā§:
git add . â git commit -m "Add login UI"
- GitHub āĻ push āĻāϰā§:
git push -u origin feature/login
- GitHub āĻ Pull Request āĻāϰ⧠āϰāĻŋāĻāĻŋāĻ āύāĻŋāϝāĻŧā§ main āĻ merge āĻāϰā§
1ī¸âŖ2ī¸âŖ Step 10 â āĻā§āĻā§āĻ Cheat Sheet
git status â āĻāĻŋ āĻāĻŋ āĻĒāϰāĻŋāĻŦāϰā§āϤāύ āĻšāϝāĻŧā§āĻā§, āĻĻā§āĻā§
git add . â āϏāĻŦ āĻĒāϰāĻŋāĻŦāϰā§āϤāύ stage āĻāϰā§
git commit -m "message" â āϏā§āύā§āϝāĻžāĻĒāĻļāĻ āϏā§āĻ āĻāϰā§
git log --oneline â āĻāĻŽāĻŋāĻ history āĻļāϰā§āĻ āĻĢāϰāĻŽā§ āĻĻā§āĻā§
git branch â branch āϞāĻŋāϏā§āĻ
git checkout branch-name â branch change
git pull â remote āĻĨā§āĻā§ āύāϤā§āύ āĻā§āĻĄ āĻāύā§
git push â āύāĻŋāĻā§āϰ commit āĻā§āϞ⧠GitHub āĻ āĻĒāĻžāĻ āĻžāĻ
git clone URL â GitHub āĻĨā§āĻā§ āĻĒā§āϰāĻā§āĻā§āĻ āĻāĻĒāĻŋ āĻāϰā§
āĻŦāĻžāϏā§āϤāĻŦāϤāĻž: Git āύāĻŋāϝāĻŧā§ āϏāĻŦāĻžāĻ āĻāĻāύ⧠āύāĻž āĻāĻāύ⧠āĻāύā§āĻĄāĻā§āϞ āĻāϰā§āĨ¤
Panic āύāĻž āĻšāϝāĻŧā§ commit āĻā§āĻ āĻā§āĻ āĻāϰā§, āĻĒā§āϰāĻžāϝāĻŧāĻ push āĻāϰ⧠â āϤāĻžāĻšāϞ⧠āϏāĻŦāϏāĻŽāϝāĻŧāĻ āĻĢāĻŋāϰ⧠āϝāĻžāĻāϝāĻŧāĻžāϰ āĻāĻžāϝāĻŧāĻāĻž āĻĨāĻžāĻāĻŦā§āĨ¤
â
āĻļā§āώ āĻāĻĨāĻž â āĻĒā§āϰā§āϝāĻžāĻāĻāĻŋāĻā§āϝāĻžāϞāĻāĻžāĻŦā§ Git & GitHub āĻļāĻŋāĻāĻŦā§ āϝā§āĻāĻžāĻŦā§
āĻļā§āϧ⧠āĻĨāĻŋāϝāĻŧā§āϰāĻŋ āĻĒāĻĄāĻŧāϞ⧠āĻšāĻŦā§ āύāĻžāĨ¤ āĻā§āĻ āĻāĻāĻāĻŋ āĻĒā§āϰāĻā§āĻā§āĻ āύāĻžāĻ â
āϝā§āĻŽāύ āĻļā§āϧā§āĻ HTML/CSS āĻĻāĻŋāϝāĻŧā§ āĻāĻāĻāĻž landing page â āĻāϰ āϏā§āĻāĻžāύā§:
- Git init āĻāϰā§
- āĻĒā§āϰāϤāĻŋāĻŦāĻžāϰ āĻāĻŋāĻā§ āĻĒāϰāĻŋāĻŦāϰā§āϤāύ āĻāϰāϞ⧠commit āĻāϰā§
- GitHub āĻ push āĻāϰā§
- āύāϤā§āύ section (āϝā§āĻŽāύ pricing) āĻāϰ āĻāύā§āϝ āĻāϞāĻžāĻĻāĻž branch āύāĻžāĻ
- āĻļā§āώ⧠branch merge āĻāϰ⧠main āĻ āύāĻŋāϝāĻŧā§ āĻāϏā§
āĻāϝāĻŧā§āĻāĻŦāĻžāϰ āĻāĻ āĻĢā§āϞ⧠follow āĻāϰāϞ⧠āĻĻā§āĻāĻŦā§ Git & GitHub āĻāϰ āĻāϝāĻŧā§āϰ āĻāĻŋāĻā§ āϞāĻžāĻāĻŦā§ āύāĻžāĨ¤
āĻŦāϰāĻ āϤā§āĻŽāĻžāϰ developer journeyâāϰ āύāϰāĻŽāĻžāϞ āĻ
āĻāĻļ āĻŽāύ⧠āĻšāĻŦā§āĨ¤