Git Milestones

Below is a list of tasks. By mid-semester, everyone should...

Understand what the task is asking
Be able to do the task
Make it clear through your actions you understand what's happening

Instructions
Resources
Git Basics
Basic Git workflows
Create a new repository
Turn in Assignments
Git Advanced
Grading

Instructions

After you've completed the Git & Github lectures...

Fork this repository
Complete / check off each task below, creating files and adding content where prompted with ✏️ or ??
After you finish, celebrate your Git proficiency! 🙌

Notes...

RTM - Sometimes I give the command you need and sometimes you have to read the documentation to find it.
Details - Following the instructions, especially those with a ✏️
Classes - This milestone is made to use with multiple classes, insert your own class name where you see <your-class-name-here> (e.g. dig245-critical-web-design)

Resources

Here are some popular tutorials/guides. You should still look for other ones that you might like better!

The class Git & Github lectures
Github Desktop Documentation
Github Cheatsheet HTML and PDF
Github Learning Lab which contains tutorials like Introduction to Github and others

Git Basics

Fork this repository

Create a Github account and make your first commit

Create a Github account
Fork this repository learn-git-milestones (click the Fork button, top right).
✏️ Edit the README file (click the pencil icon) and add your favorite emoji here: 😈
✏️ Replace the space in the [ ] preceding each of the lines you complete with an x so they look like [x]
✏️ Commit changes to the README file directly to the main branch with the message commit #1 from Github.com
View the commit history and confirm your edits

Git Installation

Install your development environment

Install Atom on your machine
Install Git on your machine

Windows: Install Git for Windows (includes Git BASH, its own version of the bash shell)

Mac:

Install the homebrew package manager
Install git using Homebrew brew install git
Set your default shell to bash chsh -s /bin/bash - You'll be prompted to type a password. The command line doesn't give you feedback that you're typing. Just type your password and hit enter. Backspace a lot if you make a mistake.

On the command line, confirm Git is installed by typing git at the prompt and hitting enter
Install Github Desktop
Connect your Github account in Githhub Desktop

Basic Git workflows

You should be able to perform a basic Git workflow using Github.com, the command line, Github Desktop, and Git in a preferred text editor (e.g. Atom or Visual Studio). Using four different interfaces will give you practice and help you understand Git better. You've already forked and made a commit on Github.com so let's move to Github Desktop ...

In Github Desktop

You should be able to ...

Command line (CLI)

You should have a basic familiarity with the command line in case you need to do advanced Git commands. Many folks use the CLI for file editing, though I'm not going to make you suffer when we have Atom installed. You've used most of these already through a GUI (e.g. git status, git add, git commit, git push) ...

Git in Atom

You should be able to ...

In Github Desktop, open this repo learn-git-milestones in Atom: Repository > Open in Atom
✏️ In Atom, edit this README file and add your third favorite emoji here: 😭
✏️ Create a new file hello.txt, add some text and save it.
Display the Git panel (click the small Git button at the bottom right).

Select on your file(s) in Unstaged changes and confirm your changes match what you expect to see
Double click on each file with changes to stage them
✏️ Commit your changes directly to the main branch with the message commit #4 from Atom

Create a new repository

Create a repository from scratch
- ✏️ In Github Desktop, create a new repository with the name: my-awesome-project
- Local Path: Click "Choose" and create a new folder my-awesome-project inside the <your-class-name-here> folder you made above
- Click Create Repository
- This should now be your class folder's directory structure.
```
<your-class-name-here>
  |-- my-awesome-project
  |-- learn-git-milestones
```
- Open your new repository in Atom (with Github Desktop or drag the my-awesome-project project folder into Atom)
- ✏️ Add a README file: README.md
- ✏️ In the README write your name and the date
- ✏️ Use some Markdown tags

Create a Github.io page

Create a github.io site for your repository ...

✏️ Create a file called index.html in your new repo and add the following html

<!DOCTYPE html>
<html>
<head>
<title>My first github.io website</title>
</head>
<body>

<h1>Hello world!</h1>
<p>🙌</p>

</body>
</html>

Set up a Github page "project site" for your repo
- Go to the settings page for your repo on Github.com and scroll aaaaallllll the way down to the Github Pages section
- Select the main branch source and click save
- Do not use a theme. Start from scratch
- Visit your project site at http://username.github.io/my-awesome-project
- Update your project, push a new commit, and confirm your updates (note: changes are not always instant)
- Paste this link here: https://jaelynztaylor.github.io/my-awesome-project/

Turn in this Assignment

Now that we have basic Git commands out of the way use Git to create and turn in your assignment ...

Complete all of the items on this README
Test your file(s) in a web browser
Commit and push the files to Github
Paste the github.io link into the appropriate Moodle forum

Git Advanced

That is all that is required for this milestone. See the ADVANCED.md file if you would like to continue learning Git.

Grading

Credits

Thanks to Jesse Farmer for inspiring this milestone assignment.

jaelynztaylor/learn-git-milestones