**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.