-
Notifications
You must be signed in to change notification settings - Fork 1
/
main.html
77 lines (54 loc) · 2.98 KB
/
main.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>What is the Command Line?</title>
<link rel="stylesheet" href="styles.css" />
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://unpkg.com/jquery.terminal/js/jquery.terminal.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/jquery.terminal/css/jquery.terminal.min.css"/>
</head>
<body>
<div class="typewriter">
<h1>> The Command Line - Simplified</h1>
</div>
<h2>What is the Command Line? </h2>
<p>The command line (or terminal - they're essentially the same thing), is a text interface to used to interact and run programs on your computer.
This website will introduce you to the basics of command line interface (CLI) tools and how to use them effectively. </p>
<h2> What does it do? </h2>
<p>Most people are familiar with interacting with a computer through a graphical user interface (those buttons you click to run programs).
The command line provides an alternative to this, allowing you to run programs and a large number of tools straight from a terminal!
<br><br>
As a new programmer, you'll undoubtedly run into programs that require you to run commands from the terminal.
Even if you don't, some people find it much faster to do everything via a command line and bypass the use of a mouse entirely. </p>
<h2> Let's Get Started! </h2>
<h3> Accessing the Command Line</h3>
<h4> On MacOS/Linux/Unix</h4>
<p>A terminal will be available by default as an application.</p>
<h4> On Windows</h4>
<p>It's a tiny bit harder on Windows. There is a program called cmd, but it won't play with many of the Unix commands we will be using.
To use them, we recommend <a href = https://learn.microsoft.com/en-us/powershell/">PowerShell</a> or <a href = "https://gitforwindows.org">Gitbash</a>.
</p>
<h3> Basic Navigation</h3>
<p>There are a few basic built-in commands that you need to know to navigate the command line. The most important three for navigation: </p>
<ul>
<li>pwd - find out where exactly you are in your directory</li>
<li>ls - list the files available in the current directory </li>
<li>cd - move directories. This one is a little different - you need to specifiy a path of where to go. For example, to get to file x:</li>
<ul>
<li> cd x</li>
</ul>
</ul>
<h2>Try it for yourself!</h2>
<p>Hint: use the three commands above! Orient yourself, find out what paths you have, and then move.</p>
<div id="terminal"></div>
<script src="script.js"></script>
<br><br>
</body>
<footer>
<hr>
<h4>Made by Narit Trikasemsak and Derek Hessinger for HackHolyoke 2022. </h4>
<a href="https://github.com/narittt/CLI-Simplified">Github Repository</a>
<p>Special thanks to Jakub T. Jankiewicz the creator of <a href="https://terminal.jcubic.pl">jQuery Terminal</a></p>
</footer>
</html>