Workflow in Git and GitHub

In this class we'll be using GitHub service to keep track of your progress over the course of the semester and to keep all your files safely backed up. This would be the outline of the process:

git schema

This is a step-by-step guide describing a typical workflow you'll use for your in-class and home work. It assumesm you've already gone through the set-up process outlined here.

  1. Start by opening GitHub Desktop app and after making sure the right repository is selected click on the "Fetch origin" option. You'll find both current repo name and the "Fetch origin" on the top of the app window.

  2. Now you can start working on your code. Open the file that you want to work on in your text editor and start making changes. Don't get carried away - once you've finished working on one part of your designs (i.e navbar, page content, images etc.) you will want to commit the changes.

  3. To commit the changes mean to put a marker in your progress. It will allow you to return to whatever is the state that your page/site is in at this point. You might want to do this rollback if you mess something up later, but instead of scraping everything and starting from scratch you can save the parts of your work that are in good standing.

  4. You might want to now go back to your code in a text editor and continue working on other parts of your designs. Or you might want to send the changes you have just committed up to the origin on This will back up your work and will allow you to share it with others. If you are ready to do that return to the section where you previously "Fetched origin." Now you will see an option there to push to origin and a number of commits that have not been pushed up yet. Click "Push origin"


    After you click it you will see a progress indicator, and at the end of it the repo will again be fetched and refreshed.

  5. Done. You can now verify that the changes are visible on