This repository was archived by the owner on Apr 29, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathGit_intro.html
More file actions
136 lines (121 loc) · 4.12 KB
/
Git_intro.html
File metadata and controls
136 lines (121 loc) · 4.12 KB
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title> GitHub introduction </title>
<link rel="stylesheet" href="reveal.js/css/reveal.css">
<link rel="stylesheet" href="reveal.js/css/theme/white.css">
<link rel="stylesheet" href="reveal.js/css/theme/custom.css">
<!-- Theme used for syntax highlighting of code -->
<link rel="stylesheet" href="reveal.js/lib/css/zenburn.css">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'reveal.js/css/print/pdf.css' : 'reveal.js/css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<h2> GitHub: What? Why? How?</h2>
<img src="./assets/images/github-logo.png" alt="ocotcat">
</section>
<section>
<h2> Version control </h2>
<p> Management of changes, called revisions to any types of
information</p>
<ul>
<li> Simple file versioning add v1.0, v1.1, … to filenames</li>
<li>Simple tools: Google Drive, Dropbox...</li>
<li>Advanced tools: subversion and git</li>
</ul>
<p><strong>Revision</strong>:Change associated with a timestamp
and the person making the change </p>
</section>
<section>
<h2>Benefits of version control</h2>
<ul>
<li> Go back to previous versions</li>
<li>Store history of changes</li>
<li> Collaborate with others</li>
</ul>
</section>
<section>
<h2>Git: a distributed version control system</h2>
<p>Git allows us to collaboratively work on the same
documents at the same time, and without stepping on each
other's toes </p>
<img src="./assets/images/git_2x.png" alt="git"
height="400px" style="float: left">
<img src="./assets/images/git_commit.png" alt="gitcom"
height="200px">
<small><a href="https://xkcd.com">Image attributions: https://xkcd.com
1296 & 1597</a></small>
</section>
<section>
<h2> Interacting with Git </h2>
<ul>
<li>Online</li>
<li> Using a GUI (graphical user interface) application </li>
<li> Via the command line </li>
<li> Via IDEs: Rstudio, PyCharm </li>
</ul>
</section>
<section>
<h2> Hands on!</h2>
<img src="./assets/slides-img/login.png" alt="login" height="400px">
</section>
<section>
<h2> My first repo </h2>
Steps 1- 3
</section>
<section>
<h2>Git /GitHub terms</h2>
<ul>
<li> <strong>Repository</strong>: a project where all your files are,
online or on your computer</li>
<li><strong>Commit</strong>: saving a version of file(s)</li>
<li><strong>Issues</strong>: to-do list of tasks, bugs and
things you wish to accomplish </li>
<li><strong>Branches</strong>: copies of the project</li>
<img src="./assets/slides-img/branch.png" alt="branch"
width="300px" >
</ul>
</section>
<section>
<h2>More terms</h2>
<ul>
<li><strong>Pull request</strong>: request to add your changes from a
branch back into master </li>
<li><strong>Merge</strong>: act of incorporating new changes (commits)
from one branch to another</li>
</ul>
</section>
<section>
<h2> My first repo </h2>
Steps 4 onwards
</section>
</div>
</div>
<script src="reveal.js/lib/js/head.min.js"></script>
<script src="reveal.js/js/reveal.js"></script>
<script>
// More info about config & dependencies:
// - https://github.com/hakimel/reveal.js#configuration
// - https://github.com/hakimel/reveal.js#dependencies
Reveal.initialize({
dependencies: [
{ src: 'reveal.js/plugin/markdown/marked.js' },
{ src: 'reveal.js/plugin/markdown/markdown.js' },
{ src: 'reveal.js/plugin/notes/notes.js', async: true },
{ src: 'reveal.js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
]
});
</script>
</body>
</html>