Skip to main content

50 Git commands Cheatsheet

This is part of GitHub/Git Tutorials and a continuation of the previous post where we discussed what is gitHub. I hope you have a basic understanding of what is Github in general. Let’s get started with Git Cheat Sheet. Git Cheat Sheet. 50 Git commands | Git Tutorials

Git commands are handy when comes to fix any problems which you cant fix by the UI, for example consider a scenarion you need to fix the conflict in a page. Git Commands will help you to find the root cause and can explore the entire log history. At Git core it help you to keep a history of every change you made in the project files and help the user with track the changes, revert, helps to identify who made the changes.

Understanding Git: The Building Blocks​

In Setting up git on Windows tutorial you learned to perform how to check the current version of the git. Now below you will see how to add some changes to the files you have created. I assume you have a small project where you created a file called filename.ipynb, now you want to add that into the git.

Adding file to the repo
 git add filename.ipynb

In this example, the <h1> tag creates a heading, and the <p> tag creates a paragraph. The browser interprets these tags and displays the content accordingly. HTML tags can be nested within each other to create more complex structures, such as lists, tables, forms, and more.

How Web Browsers Render HTML​

When a user requests a web page by entering a URL in the browser's address bar or clicking a link, the browser sends a request to the web server hosting the page. The server responds by sending the HTML content of the page back to the browser. The browser then parses the HTML code and renders the page on the user's screen.

Commiting the changes
git commit -m "Give some meaningfull comments"

Pushing Changes to the branch

info
Uploading file to the remote
git push origin [name_of_your_new_branch] -> Push the branch on github :
  1. Git Pull: The browser paints the pixels on the screen according to the layout determined in the rendering step. It combines the content, styles, and layout to create the final visual representation of the web page.
info
Uploading file to the remote
git push origin [name_of_your_new_branch] -> Push the branch on github :
  1. Reflow and Repaint: If the user interacts with the page, such as scrolling or resizing the window, the browser may need to reflow and repaint parts of the page to reflect the changes. Reflow involves recalculating the layout of the affected elements, while repaint involves updating the affected pixels on the screen.
info
Uploading file to the remote
git push origin [name_of_your_new_branch] -> Push the branch on github :

By understanding how web browsers render HTML content, web developers can optimize their code and design to create fast and responsive web pages. Techniques such as minimizing the use of inline styles, reducing the number of DOM elements, and optimizing images can help improve the performance of web pages and provide a better user experience.

Useful 50 Git Commands Cheatsheet​

In addition to rendering HTML content, web browsers handle various resources associated with a web page, including:

  • CSS Stylesheets: Browsers download and apply CSS stylesheets to control the presentation of HTML elements. Stylesheets can be linked externally using the <link> tag or embedded within the HTML document using the <style> tag.

    For example, the following HTML code snippet links an external CSS stylesheet to the web page:

    git configuration commands
    git --version
    git config _\--global #for global level config_
    git config _#for project level config_
    git config --global user.name <"name">
    git config --global user.email <"email">
    git config --global core.editor <"editor">
    git config --global color.ui true

Git Basic Commands

info
Basic Commands
git init _#Initialize a local Git repository_
git add . _#add all file in the current directory_
git add  _#Add a file to the staging area_
git add -A _#Add all new and changed files to the staging area_
git clone _#Create a local copy of a remote repository_
  1. Git commits: The browser paints the pixels on the screen according to the layout determined in the rendering step. It combines the content, styles, and layout to create the final visual representation of the web page.
info
Git Commit Commands
git commit #commit staged files
git commit -a #stage and commit all changes to tracked files
git commit -am "message" #stage and commit all files with a message
git commit --amend -m "message" #add additional info to last commit
  1. Checking logs and views: If the user interacts with the page, such as scrolling or resizing the window, the browser may need to reflow and repaint parts of the page to reflect the changes. Reflow involves recalculating the layout of the affected elements, while repaint involves updating the affected pixels on the screen.
info
Checking logs and views
git log #view changes
git log --summary #view changes detailed
git log --oneline #view changes breifly
git status git show
  1. Git Diff: If the user interacts with the page, such as scrolling or resizing the window, the browser may need to reflow and repaint parts of the page to reflect the changes. Reflow involves recalculating the layout of the affected elements, while repaint involves updating the affected pixels on the screen.
info
Git diff
git diff
git diff --color-words
git diff -staged
  1. to rename a file to directly stage: If the user interacts with the page, such as scrolling or resizing the window, the browser may need to reflow and repaint parts of the page to reflect the changes. Reflow involves recalculating the layout of the affected elements, while repaint involves updating the affected pixels on the screen.
info
to rename a file to directly stage
git mv <filename> <renamed Filename>
git rm <filename>
  1. Working with Git branch: If the user interacts with the page, such as scrolling or resizing the window, the browser may need to reflow and repaint parts of the page to reflect the changes. Reflow involves recalculating the layout of the affected elements, while repaint involves updating the affected pixels on the screen.
info
Checking logs and views
git branch #list branches
git branch <name> #create new branch
git branch -d \[branch name\] #delete branch
git checkout <branch name>  #Switch to a branch
git merge <branch name>   #Merge a branch into the active branch
git merge <source name>  <Target name> #Merge a branch into a target branch
  1. Undo Changes: If the user interacts with the page, such as scrolling or resizing the window, the browser may need to reflow and repaint parts of the page to reflect the changes. Reflow involves recalculating the layout of the affected elements, while repaint involves updating the affected pixels on the screen.
info
Undo Changes
git checkout --  #telling git to undo changes in working directory.
git checkout -- . #undo all changes in working directory
git reset HEAD <file> #to unstage the file in staging area
git revert <sha value> #to revert back to specfic commit
git clean -n #show the untracked file status
git clean -f #remove untracked files
  1. Adding Changes to remote: If the user interacts with the page, such as scrolling or resizing the window, the browser may need to reflow and repaint parts of the page to reflect the changes. Reflow involves recalculating the layout of the affected elements, while repaint involves updating the affected pixels on the screen.
info
Adding Changes to remote
git remote add origin <link URL>  #Add a remote repository
git branch -M main #make the branch main
git push -u origin main #Push changes to remote repository and remember the branch

By managing these resources efficiently, web developers can create engaging and interactive web pages that deliver a rich user experience. Understanding how HTML works with web browsers and how browsers render content is essential for building modern web applications that meet user expectations and performance standards.

< />

< />

Practice Git Interactively​

Learn By Doing

Master Git through gameplay at Learn Git Branching↗. This interactive learning platform turns Git concepts into visual puzzles and challenges. It's like a game that teaches you Git commands with immediate visual feedback - perfect for beginners and experienced developers alike.

Conclusion​

In conclusion, I hope you enjoyed reading this article on “Git Cheat Sheet. 50 Git commands |Git Tutorials”. In the next post, We will continue the Git/Github courses with more added materials and set up of git in your system. Signing off Sanjay Kv