ccsf2015-6.github.io/index.html at master · thisfinalcode/ccsf2015-6.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>

<head>
        <title>Practicing Git</title>
        <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
	<script src="poem.js"></script>
</head>

<body>
        <div class="section" id="plan">
                <h1>Practicing Git</h1>
                <div class="minileft">
                        <div><img src="hammer.gif" /></div>
                        <div><img src="construction.gif" /></div>
                </div>

		<p>Ready to learn about version control through git?  You can
		<a href="https://openhatch.org/wiki/Open_Source_Comes_to_Campus/Practicing_Git/Students">follow along here</a>.</p>

                <h2>Version control is...</h2>

		<p>Version control is a system that records changes to a file or set of files over time so that you can recall specific versions later.
		</br>
		<a href="http://git-scm.com/book/en/v2/Getting-Started-About-Version-Control" target="_blank">http://git-scm.com/book/en/v2/Getting-Started-About-Version-Control</a></p>

                <h2>Cloning a repository...</h2>

		<p>... just a simple command of "git clone" follow by the url of the forked repo, then there is copy of the repo right there on your current directory!</p>

                <h2>"Adding", "committing" and "pushing" changes...</h2>
		<p>These are not the same at all! When you add changes, it is staged, and git keeps track of the changes you made.
                        When you commit, it is locked in on git, and now you are ready to push your changes to your repository. You will not be able to push until you have committed your changes. SO don't be wishy washy and commit.
                        When you push, it is being submitted to your respository, and now you can share it with the world!

                </p>
                <div id="error">I love pink yayayayayay whaaaaaaaat whoooooooooooooooooooooooo scooby doobie dooo
                        more
                        errors
                        like
                        rowrse
                        hehehehe
                        ewww
                        puppies are cute
                </div>

                <h2>You need to fork when...</h2>

		<p>... you would like to make a copy of a project. By forking, you will have a version of the original project to work with, and you would be able to make changes to the copy that is created.</p>


        </div>

        <div class="section" id="poem">
		<p>An interactive poem about version control:</p>
		<div id="line">
		<p onClick=nextLine(0)>(Click to advance.)</p>
		</div>
        </div>

        <div class="section" id="more">
                <h2>More about open source</h2>
                <p>Free, open source software is software that is
                shared freely and available to build upon. It is a
                PRACTICAL way to apply your skills to COLLABORATIVE projects
                and social causes. You can participate by writing or
                reviewing code, answering users' questions,
                translating the interface to another LANGUAGE, making
                video tutorials to help new users, and myriad other
                ways. Open source software is often produced by lots
                of VOLUNTEERS collaborating across CITIES and COUNTRIES, and
                this event specially welcomes STUDENTS to that style
                of CONTRIBUTIONS.</p>

                <p>Open source participation is one way to gain
                noun skills and make connections that will last
                you through your career. Volunteer staff will include
                professionals and academics who use open source
                daily.</p>
        </div>

        <div class="section" id="whoweare">
                <h2>Who we are</h2>
                <p>This tutorial was put together by <a href="">Shauna Gordon-McKeon</a> and
		<a href="http://openhatch.org/people/paulproteus/">Asheesh Laroia</a> of
		<a href="http://openhatch.org/">OpenHatch</a>.  We're a non-profit that helps people get involved
                in open source.  We especially like <a href="http://campus.openhatch.org/">running events on college campuses</a>.
		You can <a href="http://openhatch.org/about/">learn more</a>.</p>

                <h2>Get in touch</h2>
                <p>If you want to get in touch with us, the best thing
                to do is to email us. Try this:
                hello@openhatch.org<br />
		You can also find us on IRC at #openhatch on FreeNode.
                Click <a href="http://webchat.freenode.net/?randomnick=1&channels=%23openhatch">here</a>
                for web chat.</p>

		<h2>Further resources</h2>
		<p><a href="http://try.github.io/levels/1/challenges/1">Try Git</a><br />
		<a href="http://git-scm.com/book/en/Getting-Started">The official git book</a><br />
		<a href="http://gitimmersion.com/">Git Immersion</a></p>
        </div>

</body>
</html>