If you’ve stepped into the world of web development or coding in general, you've probably heard about 'Git'.

Git is the go-to tool for version control, which helps multiple developers work on a single project without stepping on each other's toes.

Understanding Git vs. GitHub:

Before diving deep, let’s clarify a common confusion. Git is a version control system. It's a tool that tracks changes in your code, allows you to revisit previous versions of your work and more.

GitHub, on the other hand, is a platform or service that uses Git. Think of Git as the engine and GitHub as one of the many cars (like Bitbucket or GitLab) that use this engine.

Commit Often, Commit Well:

• Commit Often:

  Whenever you make a significant change or reach a milestone, commit your changes. This creates a checkpoint that you can return to if needed.

• Commit Messages:

  Write descriptive commit messages. Instead of "changes" or "updates", write something meaningful like "Added user authentication feature" or "Fixed bug in the navigation menu".

Branch Out:

Git allows you to create 'branches' where you can work on new features or test out ideas without affecting the main project.

• Before starting on a new feature or bug fix, create a new branch. This keeps your main project ('master' or 'main' branch) stable.

• Once your changes are tested and finalized, you can 'merge' your branch back into the main project.

Use .gitignore:

In every project, there are files or directories that you don’t want Git to track, like configuration files or the node_modules directory. By creating a .gitignore file in your project’s root, you can specify which files or folders Git should ignore.

# .gitignore
node_modules/
config.env

Learn Basic Commands and Their Shortcuts:

• git status: Check the status of your files (which files have been modified, which are staged for a commit, etc.).

• git log: View the history of your commits.

• git checkout: Switch between branches or revert to a previous commit.

• Pro Tip: You can set up aliases in Git to shorten commands. For example, you can set gs as an alias for git status.

Remote Repositories:

A remote repository is a Git repository hosted on the internet or some network. Once you’ve made changes to your local project, you can 'push' these changes to a remote repository (like GitHub). This not only serves as a backup but also makes collaboration easier.

To push your local changes:

git push origin your-branch-name

Stay Updated:

Git, like all tools, evolves. New features are added, and old ones are improved. Stay updated with Git's official documentation or community forums to learn about new features or best practices.

Download My The Frontend Developer's Toolbox ebook Click Here