GithubHelp home page GithubHelp logo

summer-of-git's Introduction

Hello, Summer of Tech!

This is an example repository for the Summer of Tech git tutorial.

Feel free to fork and modify it as you see fit.

Setup

Make sure you have installed the GitHub desktop client and signed up to GitHub:

The Workshop

  1. (On GitHub) Fork the summer-of-git repository.
  2. (With GitHub Desktop) Clone your summer-of-git repository.
  3. Add your name and photo.
  4. (With GitHub Desktop) Commit and push your changes.
  5. (On GitHub) View the result.

Fork the summer-of-git repository

Extra help docs: Forking repositories.

A Fork is a copy of another person's repository onto your GitHub account. By copying a repository, you may then edit your copy as you see fit (make sure to respect the LICENSE), either for yourself or as a playground before submitting a pull request (patch or fix).

We will be forking the summer-of-git repository to edit it for yourself.

  1. Visit summer-of-git.
  2. Click "Fork" in the top right hand corner. You should be redirected to a copy of the repository on your account.

Clone your summer-of-git repository

Extra help docs: Cloning your fork.

Cloning a repository will copy it to your computer, so that you may edit it locally. This can be done a few ways. We're going to do it through the GitHub Desktop client. (N.B., these instructions are for using the client on a Mac, but it should be very similar for Windows or Linux.)

  1. Open GitHub Desktop.
  2. Sign in with your GitHub account.
    1. Click "GitHub Desktop" in the menu bar.
    2. Click "Preferences".
    3. Go to the "Accounts" tab.
    4. Click "Sign In" next to "GitHub.com".
  3. Clone your repository.
    1. Click "File" in the menu bar.
    2. Click "Clone Repository...".
    3. Go to the "Github.com" tab.
    4. Find and click "your-username/summer-of-git".
    5. Select a destination path.
    6. Click "Clone".

Add your name and photo

Update the website! You can do this using your favourite editor.

There are a couple of TODO's in the index.html file:

  • Your name.
  • Your picture.
  • Your blurb.
  • Your links.

Edit some or all, and anything else that you want to change.

Commit and push your changes

We're going to create a commit with the new versions of the files. We can view what we have changed in GitHub Desktop before making the commit. We can also choose to only commit some of the changes.

  1. Open GitHub Desktop.
  2. Ensure "summer-of-git" is selected as the "Current Repository" in the top left corner.
  3. Get the commit ready.
    1. Tick any changes you wish to commit in the left hand panel (they will be ticked by default, so you shouldn't have to do anything here).
    2. Write a summary and description for the commit.
  4. Click commit to master!
  5. Click "Push origin" (to the right of "Current Repository" and "Current Branch".

If you click on the "History" tab (just below "Current Repository"), you should see your new commit at the top.

View the result

We're going to use GitHub pages to view the result. GitHub pages is essentially a web server that grabs the website from your repository. You need to enable it (it's disabled by default), and then you can view the website at https://your-username.github.io/summer-of-git.

  1. Open GitHub.
  2. Enable GitHub Pages.
    1. Click on "summer-of-git" from "Your repositories" (the box on the right).
    2. Click "Settings" (make sure to click on the repository settings, and not your account settings).
    3. Scroll down to "GitHub Pages".
    4. Select "master" as the "Source".
    5. Click "Save".
  3. Visit https://your-username.github.io/summer-of-git (make sure to replace your-username with your actual username).

Additional links

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.