{"id":3952,"date":"2016-10-24T13:36:56","date_gmt":"2016-10-24T12:36:56","guid":{"rendered":"https:\/\/marvel7077.wpengine.com\/?p=3952"},"modified":"2020-12-13T22:52:44","modified_gmt":"2020-12-13T22:52:44","slug":"designers-guide-git","status":"publish","type":"post","link":"https:\/\/marvelapp.com\/blog\/designers-guide-git\/","title":{"rendered":"The Designers Guide to Git"},"content":{"rendered":"
<\/div>
<\/svg><\/div>

\"Writing code with Git is hard. Writing code without it is unthinkable<\/em>.\"<\/p><\/span><\/blockquote>\n

Or anyone who really wants to use it but has no idea how<\/h2>\n

Writing code is hard. For every 1 minute of bliss typing characters in the computer and seeing it render things that didn\u2019t exist before, there are 10 minutes of frustration with unreadable code and bugs that didn\u2019t exist the night before.<\/p>\n

Whether you\u2019re senior developer on a huge team or a designer who just started dabbling with front-end for personal projects, using Git will change the way you code for the best and make group collaboration enjoyable.<\/p>\n

This guide will walk you through basic concepts in Git with some hands-on action at the end. It won\u2019t make you a Git master, but you will be able to use Git by yourself with Github<\/a> and it\u2019s desktop app<\/a>.<\/p>\n

PSA:<\/strong> This is a guide for absolute beginners<\/em>\u2026 if you already have Git chops feel free to skim through or jump to the references in the end of the article.<\/p>\n

What is Git?<\/h2>\n

Git is a distributed version-control system for code.<\/strong><\/p>\n

Descriptive but not very helpful, right? Let me tell you a true story then:<\/p>\n

You\u2019re working on a small website. You\u2019ve been trying to get that sticky footer right for a whole hour and somehow only managed to make it worse in the process. It\u2019s 2AM. You hate CSS and are currently in the process of re-thinking your life choices. Screw this, let\u2019s go back to the previous version from 3 hours ago<\/strong> and watch some Netflix.<\/em><\/span><\/p>\n

Oh wait.<\/p>\n

The previous version<\/em>. You don\u2019t have it anymore, do you?<\/p>\n

What if every change in your project was tracked\u200a\u2014\u200aevery character and line of code you added or deleted. What if you could save all<\/em> of your code at every<\/em> stage of your work?<\/p>\n

That way, once you started working on the feature\/sticky-footer<\/em>, you were sure nothing would be lost if you decided to roll back\u200a\u2014\u200aand you could even go back to work on this feature later if you wanted to.<\/p>\n