{"id":5498,"date":"2026-03-30T15:50:54","date_gmt":"2026-03-30T10:20:54","guid":{"rendered":"https:\/\/codematrix.co.in\/blog\/?page_id=5498"},"modified":"2026-04-01T12:09:05","modified_gmt":"2026-04-01T06:39:05","slug":"github","status":"publish","type":"page","link":"https:\/\/codematrix.co.in\/blog\/github\/","title":{"rendered":"GitHub"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5498\" class=\"elementor elementor-5498\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85e631d e-flex e-con-boxed e-con e-parent\" data-id=\"85e631d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f7ebb4 elementor-widget elementor-widget-html\" data-id=\"4f7ebb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- Brand Styling --- *\/\r\n    :root {\r\n        --brand-purple: #9C00E4;\r\n        --brand-light: #f3e8ff;\r\n    }\r\n\r\n    \/* Reset & Base *\/\r\n    .python-full-layout * { box-sizing: border-box; }\r\n\r\n    \/* Layout Adjustments *\/\r\n    .python-full-layout { \r\n        display: flex; \r\n        gap: 30px; \r\n        padding: 20px; \r\n        max-width: 1200px; \r\n        margin: 0 auto;\r\n        background: #fdfbff; \r\n    }\r\n\r\n    .sidebar { \r\n        width: 280px; \r\n        position: sticky; \r\n        top: 20px; \r\n        height: fit-content; \r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .sidebar .topic { \r\n        display: block; \r\n        padding: 12px; \r\n        text-decoration: none; \r\n        color: #444; \r\n        border-radius: 8px; \r\n        margin-bottom: 8px; \r\n        background: #fff;\r\n        border: 1px solid #eee;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .sidebar .topic.active { \r\n        background: var(--brand-purple); \r\n        color: white; \r\n        border-color: var(--brand-purple);\r\n    }\r\n\r\n    \/* Main Content *\/\r\n    .main-content { \r\n        flex: 1; \r\n        font-family: 'Segoe UI', sans-serif; \r\n        min-width: 0; \r\n    }\r\n\r\n    .article-card { \r\n        background: white; \r\n        padding: 30px; \r\n        border-radius: 15px; \r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05); \r\n    }\r\n\r\n    h1 { color: var(--brand-purple); font-size: 2.2rem; margin-bottom: 20px; }\r\n    h2 { color: #333; margin-top: 30px; border-left: 4px solid var(--brand-purple); padding-left: 15px; }\r\n    \r\n    .custom-img { \r\n        display: block; \r\n        margin: 30px auto; \r\n        width: 100%; \r\n        max-width: 600px; \r\n        border: 2px solid #e9d5ff; \r\n        border-radius: 10px;\r\n    }\r\n\r\n    table { \r\n        width: 100%; \r\n        border-collapse: collapse; \r\n        margin: 20px 0; \r\n    }\r\n\r\n    table th, table td { \r\n        border: 1px solid #eee; \r\n        padding: 12px; \r\n        text-align: left; \r\n    }\r\n\r\n    table th { background: #f8f9fa; color: var(--brand-purple); }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 991px) {\r\n        .python-full-layout { flex-direction: column; }\r\n        .sidebar { width: 100%; position: relative; top: 0; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"python-full-layout\">\r\n    <aside class=\"sidebar\">\r\n        <h2 style=\"font-size: 1.2rem; color: var(--brand-purple); margin-bottom: 15px;\">GitHub Guide<\/h2>\r\n        <a href=\"#intro\" class=\"topic active\">What is GitHub?<\/a>\r\n        <a href=\"#git-vs-github\" class=\"topic\">1. Git vs. GitHub<\/a>\r\n        <a href=\"#features\" class=\"topic\">2. Key Features<\/a>\r\n        <a href=\"#workflow\" class=\"topic\">3. GitHub Workflow<\/a>\r\n        <a href=\"#mcq\" class=\"topic\">Practice MCQs<\/a>\r\n    <\/aside>\r\n\r\n    <main class=\"main-content\">\r\n        <article class=\"article-card\">\r\n            \r\n            <header id=\"intro\">\r\n                <h1>Understanding GitHub<\/h1>\r\n                <p><strong>GitHub<\/strong> is a cloud-based platform that helps developers store and manage their code, as well as track and control changes to their software. It is the world's largest host of source code and acts as a social network for developers to collaborate on projects from anywhere in the world.<\/p>\r\n            <\/header>\r\n\r\n            <img decoding=\"async\" src=\"https:\/\/codematrix.co.in\/blog\/wp-content\/uploads\/2026\/04\/download.png\" alt=\"GitHub \" class=\"custom-img\">\r\n            \r\n\r\n            <section id=\"git-vs-github\">\r\n                <h2>1. Git vs. GitHub: What's the difference?<\/h2>\r\n                <p>It is common to confuse the two, but they are very different tools that work together:<\/p>\r\n                <ul>\r\n                    <li><strong>Git:<\/strong> A local tool installed on your computer. It is the version control system that tracks your file history.<\/li>\r\n                    <li><strong>GitHub:<\/strong> A website (cloud service) that hosts Git repositories. It allows you to share your local Git history with others.<\/li>\r\n                <\/ul>\r\n            <\/section>\r\n\r\n            <section id=\"features\">\r\n                <h2>2. Key Features<\/h2>\r\n                <table>\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Feature<\/th>\r\n                            <th>Description<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr><td><strong>Repository (Repo)<\/strong><\/td><td>A \"project folder\" that contains all project files and their revision history.<\/td><\/tr>\r\n                        <tr><td><strong>Branching<\/strong><\/td><td>Creating a separate version of the main code to work on new features safely.<\/td><\/tr>\r\n                        <tr><td><strong>Pull Request (PR)<\/strong><\/td><td>A way to tell others about changes you've pushed to a branch so they can review and merge them.<\/td><\/tr>\r\n                        <tr><td><strong>Issues<\/strong><\/td><td>A built-in task tracker to report bugs or request new features.<\/td><\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/section>\r\n\r\n            <section id=\"workflow\">\r\n                <h2>3. The GitHub Workflow<\/h2>\r\n                <p>The standard process for contributing to a project usually follows these steps:<\/p>\r\n                <ol>\r\n                    <li><strong>Fork:<\/strong> Create a copy of a repository in your own account.<\/li>\r\n                    <li><strong>Clone:<\/strong> Pull that code down to your local machine.<\/li>\r\n                    <li><strong>Commit:<\/strong> Make changes and save them locally.<\/li>\r\n                    <li><strong>Push:<\/strong> Send your local changes back up to GitHub.<\/li>\r\n                    <li><strong>Pull Request:<\/strong> Ask the original owner to pull your changes into their project.<\/li>\r\n                <\/ol>\r\n            <\/section>\r\n\r\n            <section id=\"mcq\" class=\"practice-mcqs\">\r\n                <h2>Knowledge Check<\/h2>\r\n                <div class=\"mcq-box\" style=\"background: #f9f4ff; padding: 20px; border-radius: 10px; border: 1px solid #e9d5ff;\">\r\n                    <p><strong>1. What is a \"Repository\" in GitHub?<\/strong><br>\r\n                    A) A programming language | B) <strong>A project folder with version history<\/strong> | C) A type of server<\/p>\r\n                    \r\n                    <p><strong>2. Which tool is used locally on your computer to track changes?<\/strong><br>\r\n                    A) GitHub | B) <strong>Git<\/strong> | C) Cloud Storage<\/p>\r\n\r\n                    <p><strong>3. What do you use to propose your changes to be merged into the main project?<\/strong><br>\r\n                    A) A Fork | B) A Commit | C) <strong>A Pull Request<\/strong><\/p>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <div style=\"text-align: center; margin-top: 40px;\">\r\n                <a href=\"https:\/\/codematrix.co.in\/courses\" target=\"_blank\" style=\"background: var(--brand-purple); color: white; padding: 12px 25px; text-decoration: none; border-radius: 8px; display: inline-block; font-weight: bold;\">\r\n                    \ud83d\ude80 Start Your First Repo!\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/article>\r\n    <\/main>\r\n<\/div>\r\n\r\n<script>\r\nwindow.addEventListener('DOMContentLoaded', () => {\r\n    const sections = document.querySelectorAll('header[id], section[id]');\r\n    const navLinks = document.querySelectorAll('.sidebar .topic');\r\n\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                navLinks.forEach(link => {\r\n                    link.classList.remove('active');\r\n                    if (link.getAttribute('href') === `#${entry.target.id}`) {\r\n                        link.classList.add('active');\r\n                    }\r\n                });\r\n            }\r\n        });\r\n    }, { threshold: 0.5 });\r\n    sections.forEach(section => observer.observe(section));\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GitHub Guide What is GitHub? 1. Git vs. GitHub 2. Key Features 3. GitHub Workflow Practice MCQs Understanding GitHub GitHub is a cloud-based platform that helps developers store and manage their code, as well as track and control changes to their software. It is the world&#8217;s largest host of source code and acts as a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5498","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/codematrix.co.in\/blog\/wp-json\/wp\/v2\/pages\/5498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codematrix.co.in\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codematrix.co.in\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codematrix.co.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codematrix.co.in\/blog\/wp-json\/wp\/v2\/comments?post=5498"}],"version-history":[{"count":7,"href":"https:\/\/codematrix.co.in\/blog\/wp-json\/wp\/v2\/pages\/5498\/revisions"}],"predecessor-version":[{"id":6511,"href":"https:\/\/codematrix.co.in\/blog\/wp-json\/wp\/v2\/pages\/5498\/revisions\/6511"}],"wp:attachment":[{"href":"https:\/\/codematrix.co.in\/blog\/wp-json\/wp\/v2\/media?parent=5498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}