-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·392 lines (288 loc) · 10.5 KB
/
index.html
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Git + CMD Cheat Sheet</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
<link rel="stylesheet" href="css/reveal.css">
<link rel='stylesheet' href='http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css'>
<link rel='stylesheet' href='styles/ga.css'>
<link rel='stylesheet' href='styles/ga-projects.css'>
<link rel='stylesheet' href='styles/main.css'>
<!--<link rel="stylesheet" href="css/theme/white.css" id="theme"> -->
<link rel="stylesheet" href="styles/ga_theme.css" id="theme">
<!-- Code syntax highlighting -->
<link rel="stylesheet" href="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 ) ? 'css/print/pdf.css' : 'css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<section data-markdown>
<script type="text/template">
# Command Line Cheatsheet
</script>
</section>
</section>
<section>
<section data-markdown>
<script type="text/template">
# Handy Terminal Commands
(Arrow or scroll down to see)
</script>
</section>
<section data-markdown>
<script type="text/template">
### pwd
Shows current working directory
</script>
</section>
<section data-markdown>
<script type="text/template">
### ls
Shows current folders/files within current working directory
</script>
</section>
<section data-markdown>
<script type="text/template">
### ls -al
Shows all current folders / files in list form
</script>
</section>
<section data-markdown>
<script type="text/template">
### cd [DIRETORY_PATH]
Changes the present working directory to the one specified.
</script>
</section>
<section data-markdown>
<script type="text/template">
### cd ~
Takes you back "home" no matter where you are, this is usually the folder that contains your Documents, Desktop, etc
</script>
</section>
<section data-markdown>
<script type="text/template">
### cd ../
Changes directory to one above your present working directory. Similarly, ../../ goes up two directories above present working directory, etc
</script>
</section>
<section data-markdown>
<script type="text/template">
### mkdir [directory_name]
Creates a directory.
</script>
</section>
<section data-markdown>
<script type="text/template">
### rm -rf [directory_name]
#### (This will remove the folder FOREVER and cannot be recovered)
Removes a FOLDER and everything inside of it (including other folders).
</script>
</section>
<section data-markdown>
<script type="text/template">
### touch filename.js
Creates an empty file (you can edit it in Sublime Text)
</script>
</section>
<section data-markdown>
<script type="text/template">
### rm filename.js
Removes a file called filename.js. Note this must be in your present working directory. Also note that we do not need -rf arguments here
</script>
</section>
</section>
<section>
<section data-markdown>
<script type="text/template">
# Why Git?
</script>
</section>
<section data-markdown>
<script type="text/template">
Git will keep track of the files as you code. Remember that one time in college when you wrote the perfect sentence?
</script>
</section>
<section data-markdown>
<script type="text/template">
But then fate cruelly killed the battery on your laptop before you had a chance to save?
</script>
</section>
<section data-markdown>
<script type="text/template">
And that sentence -- in its perfection -- was lost to both you and mankind for all eternity? (Because Cmd+Z cannot help you once the text editor is closed).
<br/>
<br/>
(But also the world just wasn't ready for such literary genius).
</script>
</section>
<section data-markdown>
<script type="text/template">
Well, if you had git commited + pushed your paper with that sentence immediately after crafting it -- then went on to write a completely different paper on that same file and burning your computer in a large bonfire...
</script>
</section>
<section data-markdown>
<script type="text/template">
...you would still have that sentence of yours!
<br/>
Perfectly intact.
<br/>
Along with whatever your wrote before it.
<br/>
Even though the computer you wrote it on is now burned to a crisp and that file now hosts an elaborate list of movies you want to watch before turning 25...
</script>
</section>
<section data-markdown>
<script type="text/template">
#### Git is simply a software that allows us have these safeguards for the code we write.
<br/>
#### <a href="https://www.github.com">GitHub</a> is a website that allows us to save our git repositories (folders that are tracked by git) in the cloud.
</script>
</section>
</section>
<section>
<section data-markdown>
<script type="text/template">
# Commiting to Git
</script>
</section>
<section data-markdown>
<script type="text/template">
### First, navigate to the folder you want to start watching with Git
</script>
</section>
<section data-markdown>
<script type="text/template">
### git init
This will start tracking all the files that change in your present working directory
</script>
</section>
<section data-markdown>
<script type="text/template">
### git status
This is your best friend, it will tell you what start each file in your directory is in
</script>
</section>
<section data-markdown>
<script type="text/template">
### git add [file_name]
You git add files that you want to be "frozen" into the current git revision. Typically, a git revision will have several files earmarked to be "frozen" (because a website feature is typically some html changed, some css changes, some javascript changes all at once).
</script>
</section>
<section data-markdown>
<script type="text/template">
### git commit -m "commit message"
(-- make it something succint that describes your changes)
<br/>
Once all the files that have changed are earmarked to be frozen, you run a git commit with a message. This will create a snapshot of your code AS IT IS NOW so you can go back to it later if you ever need to.
</script>
</section>
</section>
<section>
<section data-markdown>
<script type="text/template">
# Pushing to GitHub
</script>
</section>
<section data-markdown>
<script type="text/template">
## Ok! So you've a few commits under your belt now.
## Great!
#### ...Now what?
</script>
</section>
<section data-markdown>
<script type="text/template">
## Get your GitHub on!
First, create an account on <a href="https://www.github.com/">GitHub</a>. (Or, sign in if you already have one).
</script>
</section>
<section data-markdown>
<script type="text/template">
## Create a new repo
On the top right hand bar, there is a '+' button. Click that and create a new repository.
</script>
</section>
<section data-markdown>
<script type="text/template">
## Do you see this?
<style>
.foo img { width: 100%; }
</style>
<div class="foo">
<img src="assets/example.png" alt="Image of Repo">
</div>
</script>
</section>
<section data-markdown>
<script type="text/template">
# Copy and paste your two lines
...into your terminal window.
<br>
#### Make sure your present working directory is the one that has a .git folder. You can do ls -al to confirm
</script>
</section>
<section data-markdown>
<script type="text/template">
# That's it!
You should be solid. Every few commits, do yourself a favor and push to github. After the first push, all you need to do is:
### git push
(the -u origin master is no longer needed).
</script>
</section>
<section data-markdown>
<script type="text/template">
#### If you want to host your project on GitHub, <a href="http://fewd.us/gitbot">check out this tool I made</a>.
<br/>
Laugh all the way to the bank.
</script>
</section>
</section>
<section>
<section>
<h1>Made by your boy</h1>
<br/>
<div class="github-card" data-github="mottaquikarim" data-width="400" data-height="" data-theme="default"></div>
<div class="github-card" data-github="FEWDMaterials" data-repo="gitCheatSheet" data-width="400" data-height="" data-theme="default"></div>
<script src="//cdn.jsdelivr.net/github-cards/latest/widget.js"></script>
</section>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script>
<script src="js/reveal.js"></script>
<script>
// Full list of configuration options available at:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
center: true,
transition: 'slide', // none/fade/slide/convex/concave/zoom
// Optional reveal.js plugins
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
{ src: 'plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
{ src: 'plugin/zoom-js/zoom.js', async: true },
{ src: 'plugin/notes/notes.js', async: true }
]
});
</script>
</body>
</html>