**Course Title:** HTML & Web Development Fundamentals: Building Modern Websites **Section Title:** Version Control and Collaboration **Topic:** Collaborating on HTML projects using GitHub **Table of Contents** 1. Introduction to GitHub 2. Creating a GitHub repository 3. Cloning a repository to your local machine 4. Creating a new branch for collaboration 5. Making changes and committing to a branch 6. Creating a pull request for code review 7. Collaborating with others using GitHub 8. Best practices for team collaboration on GitHub 9. Troubleshooting common issues on GitHub **1. Introduction to GitHub** GitHub is a web-based platform that allows developers to collaborate and manage source code repositories. GitHub uses Git, a version control system that tracks changes to code over time. GitHub provides a hosted version control system where you can store and manage your code. **What is GitHub?** GitHub is often referred to as "Facebook for developers" because it allows developers to showcase their projects, share code, and collaborate with others. **Why use GitHub?** * Collaborate with others on projects * Manage different versions of your code * Showcase your projects and share them with others * Learn from others by exploring their projects and code **Create a GitHub account** To get started with GitHub, you need to create an account. Go to [GitHub.com](https://github.com/) and sign up for a free account. **2. Creating a GitHub repository** A repository is where you store your code on GitHub. To create a new repository, follow these steps: * Log in to your GitHub account * Click on the "+" button in the top right corner * Select "New repository" * Enter a name for your repository * Add a description (optional) * Choose whether your repository is public or private * Click on "Create repository" **3. Cloning a repository to your local machine** To start working on a repository, you need to clone it to your local machine. To do this: * Log in to your GitHub account * Navigate to the repository you want to clone * Click on the green "Code" button * Copy the repository URL * Open your terminal or command prompt * Navigate to the directory where you want to clone the repository * Use the `git clone` command followed by the repository URL Example: ```bash git clone https://github.com/username/repository-name.git ``` **4. Creating a new branch for collaboration** Branching allows you to work on different versions of your code without affecting the main codebase. To create a new branch: * Navigate to your repository directory * Use the `git branch` command followed by the name of your new branch Example: ```bash git branch feature/new-feature ``` * Switch to your new branch using the `git checkout` command Example: ```bash git checkout feature/new-feature ``` **5. Making changes and committing to a branch** To make changes to your code, follow these steps: * Make your changes to the code * Use the `git add` command to stage your changes * Use the `git commit` command to commit your changes Example: ```bash git add . git commit -m "Added new feature" ``` **6. Creating a pull request for code review** When you're ready to merge your changes into the main codebase, you create a pull request. To do this: * Navigate to your repository on GitHub * Click on the "Pull requests" tab * Click on the "New pull request" button * Select the branch you want to merge from * Review the changes and click on "Create pull request" **7. Collaborating with others using GitHub** To collaborate with others on a repository, they need to be added as collaborators. To add a collaborator: * Navigate to your repository on GitHub * Click on the "Settings" tab * Click on "Manage access" * Click on "Add collaborator" * Enter the username of the collaborator you want to add **8. Best practices for team collaboration on GitHub** * Use branches for different features and bug fixes * Use pull requests for code review * Keep your commits small and descriptive * Use GitHub Issues for tracking bugs and feature requests **9. Troubleshooting common issues on GitHub** * Repository not found: Make sure the repository URL is correct and the repository exists. * Authentication failed: Make sure your GitHub username and password are correct. * Conflicts when merging branches: Make sure to resolve conflicts before merging branches. **Practical Takeaway** Collaborating on HTML projects using GitHub is an essential skill for any web developer. By following the steps outlined in this topic, you'll be able to create a new repository, clone it to your local machine, and collaborate with others using branches and pull requests. **Next Topic:** In the next topic, we'll cover managing and merging HTML project versions. **Leave a Comment/Ask for Help** What do you think about using GitHub for collaboration? Have you encountered any issues with GitHub? Share your thoughts and ask for help in the comments section below.

git clone https://github.com/username/repository-name.git

git branch feature/new-feature

git checkout feature/new-feature

git add .
git commit -m "Added new feature"