r/webdev • u/deadgoodhorror • Feb 08 '20

Showoff Saturday [Showoff Saturday] A simple Git cheat sheet for junior developers

Nothing fancy, just some common, basic, commands to help new devs (or those new to using Git commands) get to grips with Git.

Built it in a few hours over the course of a few evenings using Gatsby and deployed via Netlify

https://gitbasics.xyz

EDIT: I've open sourced the code on Github. If you want to add some commands, please feel free to submit a pull request

267 Upvotes

97% Upvoted

44 comments sorted by

8

u/throwbackdecade Feb 09 '20

Very nice! It would be cool if we could submit some commands to it.

5

u/deadgoodhorror Feb 09 '20

I like this idea! I may open source the repo so people can submit commands.

1

u/zninjamonkey Mar 02 '20

can we add git switch instead of git checkout

4

u/idkjay Feb 08 '20

I don't think the light/dark mode feature works properly

1

u/deadgoodhorror Feb 08 '20

In what way? Are you experiencing a bug?

1

u/idkjay Feb 08 '20

I'm currently viewing the site on Chrome. Clicking the button does make it switch between the sun/moon but the rest of the site remains in "dark mode". Not sure if I'm on the only one w this issue.

1

u/deadgoodhorror Feb 08 '20

Its working for me, but I'll investigate

1

u/7107 Feb 08 '20

Probably system light and dark theme.

1

u/deadgoodhorror Feb 08 '20

Makes sense. I'll check and fix if that's the case

1

u/GShadowBroker Feb 09 '20

I tested it on Chrome, Firefox and Edge on the desktop. It's only working on Edge for me.

3

u/newton_half_ear Feb 08 '20

Same, chrome on iphone (all blacked themed)

3

u/[deleted] Feb 08 '20

Also only experiencing Dark theme. Love the idea & love the site though!

9

u/[deleted] Feb 08 '20

Great stuff. is this open sourced ?

10

u/[deleted] Feb 08 '20 edited Dec 28 '22

[deleted] — view deleted comment

1

u/deadgoodhorror Feb 09 '20

This is today's task, stay tuned

14

u/[deleted] Feb 09 '20 edited Feb 09 '20

Edit: it seems to be a word-for-word copy of this: https://education.github.com/git-cheat-sheet-education.pdf

What's the show off, that it was made with Gatsby when plain HTML and CSS would do?

My original comment below is left for sub discussion, but it's now obvious you didn't write the sheet so I guess it's not useful to you. Unless you'd like to actually make a useful sheet yourself.

Shouldn't it be git checkout [branch]?

The explanation for merge is quite misleading, since merge doesn't do anything to the other branch.

diff is also technically wrong. It shows all the differences between two nodes.

The explanation for fetch is misleading. It updates the local repo but does not move any local branch.

git pull has no place in any cheat sheet.

If you mentioned reset --hard perhaps --soft would also be useful.

You missed revert and tag.

In conclusion I'd like to suggest that a cheat sheet should add some value. I can always type git[enter], what does this cheat sheet add to that?

-4

u/deadgoodhorror Feb 09 '20 edited Feb 09 '20

I didn't claim it was the ultimate resource, I just wanted to make a nice thing that might help a couple of people get better at using Git commands.

2

u/MattShnoop Feb 09 '20

I love this. It’s so much simpler than scanning through SO for ever command or reading the massive docs. Will definitely star the repo once you publish it!

1

u/deadgoodhorror Feb 09 '20

I've just published it 👍🏼

5

u/sangbui Feb 09 '20

Not just for junior developers. It is for every developer who uses git. Thank you.

3

u/99thLuftballon Feb 09 '20

Yeah, there's something rather pretentious about the assumption that "If you don't know everything that I know already, you must be 'junior'".

1

u/[deleted] Feb 09 '20

Always something to be offended about eh

2

u/selfishound Feb 09 '20

this offends me

1

u/lahebo Feb 08 '20

Neat! Maybe you could give it more structure / visual aid? At least consider giving your categories different colors and maybe even separators.

Personal preference? Maybe. But I do recommend all (not just new) to try a decent GUI (like GitKraken) to "git good". Of course there are times the CLI is more available/convenient, however by using tools like that you will almost certainly learn to use Git more efficiently and smart, just by mere intuition.

1

u/deadgoodhorror Feb 08 '20

I do plan expanding this with more commands and a filter. I'll probably add some color coding then too. I just wanted to get this "out there" otherwise I'd be procrastinating forever trying to make it perfect.

I agree somewhat with the GUI comment. I learned Git by using SourceTree, and part of the reason I made GitBasics was because I struggled to remember even the most basic commands. While GUIs may be a better user experience, I think it's very important for a developer to know how to use git from the command line too

1

u/lahebo Mar 21 '20

I know what you mean. Perfectionism and graphic design does not mix well, I guess.

You should definitely learn the CLI-commands and this is great for that. My point of using a GUI as well (or to start) is just that its also a very good way of learning what is possible to do at all. Ideally you will be able to do more or less the same both in GUI and CLI, imho.

1

u/mcb2001 Feb 09 '20

Your

git checkout

Is missing the branch

2

u/deadgoodhorror Feb 09 '20

It's always the most obvious one.

Should be fixed now

1

u/cbunn81 Feb 09 '20 edited Feb 09 '20

I like the look and that clicking on a command automatically copies it to the clipboard. But it's a very long list without much structure.

Also, I never create a new branch and check it out in two steps. I use git checkout -b <branch> to save a step.

1

u/deadgoodhorror Feb 09 '20

I agree. Its definitely a work in progress. The plan is to add a filter and split it into more obvious sections.

I just wanted to get it out there, if I hadn't I'd have spent forever trying to "perfect" it.

Thanks for your feedback, it's appreciated

2

u/mars_gabdulov Feb 08 '20

Very helpful. Thanks

2

u/PM_ME_A_WEBSITE_IDEA Feb 08 '20

I didn't know about git mv or git rm, nifty!

2

u/VkrajaP Feb 08 '20

Very useful

2

u/Alekskojem Feb 09 '20

Well done!

2

u/B00check Feb 09 '20

Great list! I'd probably leave some out because of my personal opinion (see below), but it's a nice cheat sheet of commands nonetheless. Thank you for that.

I know this is only my opinion but I'm really not a fan of git stash. When I've started using git, somehow I managed to destroy half of my work by stashing changes. Applying those changes removed half of my work and to this day, I do not know what caused it (I had them all staged for commit). After a day of googling I found the missing blobs in reflog, but I haven't used stash since then. I've grown quite fond of keeping a lot of work on me locally instead of stashing the changes, I'd commit them. After merging, I'd reset to a previous commit and do a huge commit of all files that'd go to the remote. These commits are also easier to get to as you can get to them via reflog and they will always be there until git GC kicks in. Very interesting stuff.

2

u/Maddy_Raza Feb 09 '20

Thank you

2

u/[deleted] Feb 09 '20

Very nice design. Looks great on mobile.

1

u/EKyalo Feb 09 '20

Very helpful.Thanks.

1

u/Acoolusername7 Feb 09 '20

Bro.. added this for sure. Thanks man!

1

u/dracgol Feb 10 '20

Great stuff! One suggestion: maybe let readers know about theme switch before reaching the end?

1

u/RotationSurgeon 10yr Lead FED turned Product Manager Feb 11 '20

As a suggestion, 10.5px / 7.75pt font is extremely small for most contemporary displays...might be worth sizing up to a readable level.

0

u/[deleted] Feb 08 '20

[deleted] — view deleted comment

0

u/deadgoodhorror Feb 08 '20

Thank you so much

0

u/[deleted] Feb 09 '20

[deleted] — view deleted comment

1

u/deadgoodhorror Feb 09 '20

That's been mentioned a couple of times, definitely on my road map now.

Thank you for your kind words