Lightning_Exercise/index.html at master · PythonWizards/Lightning_Exercise · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./Ex_May10/styles.css">
    <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
    <title>NSS</title>
</head>
<body>
    <head>

    </head>

    <section id="mainSection">
        <!-- <button class="controls showing" id="previous">Previous</button>
        <button class="controls showing" id="next">Next</button> -->
        <ul id="slides">
            <li id="slideOne" class="slide showing">
                <h1 class="main_title">Navigating the Machine</h1>
                <p class="main_content">Nashville Software School</p>
                <p class="main_content">May 10, 2018</p>
            </li>
            <li id="slideTwo" class="slide">
                    <h1 class="slide_title">Opening Applications Quickly</h1>
                    <p class="slide_content">• If you are on a Mac: Use Command(⌘) + SpaceBar. Begin typing the name of the application, when you see the app appear hit enter. Time saved with shortcuts adds up.</p>
                    <p class="slide_content">• If you are on a PC: Hit the Windows key. Begin typing the name of the application. As with the Mac, hit enter when you see thedesired app pop up.</p>
            </li>
            <li id="slideThree" class="slide">
                    <h1 class="slide_title">Essential Applications</h1>
                    <p class="slide_content">• Visual Studio Code: We will use this editor extensively at NSS. There are a myriad of other editors, but none come close to the capabilites and extensions that VSC boasts.</p>
                    <p class="slide_content">• Google Chrome or Mozilla Firefox: Pick your poison, both come with GREAT developer tools. You will use these tools to inspect your application guts and all, maybe you'll even find a bug or two. 🐛</p>
            </li>
            <li id="slideFour" class="slide">
                    <h1 class="slide_title">Essential Websites</h1>
                    <p class="slide_content">• Github: Make an account, get used to navigating around github and looking at code. You can follow other users and view their work as well. This is instrumental in the learning process</p>
                    <p class="slide_content">• Slack: Install the app straight onto your machine. Make sure you're in the NSS channel, then type :yay: into general.</p>
            </li>
            <li id="slideFive" class="slide">
                    <h1 class="slide_title">Finally, The Terminal</h1>
                    <p class="slide_content">• Your computer is immensely powerful, but you would never know that with all the clicking and mouse-dependant navigation you've picked up over the years. Luckily we have direct access to the heart of the machine. Hit CMD+Spacebar (windows key) and type 'Terminal' ('Command' or just 'cmd' for windows users</p>
                    <p class="slide_content">• Bazinga! We now have a portal to the inner workings of the computer. You can now look like a hacker in public.</p>
            </li>
            <li id="slideSix" class="slide">
                    <h1 class="slide_title">Essential Commands</h1>
                    <p class="slide_content">• Now that you're in, how do we navigate? Well we have several commands that handle that. When you initially open terminal, you will be placed into a directory on youre machine, for Macs, its generally know as the root directory, denoted by simply '~'. Windows opens in the User directory of your account</p>
                    <p class="slide_content">• Now we will step deeper into the Directory. But how do we know where to go? Type <span class="code">ls</span> and hit enter. You should see a bunch of files and directories pop up. These are all the places we can go. Type <span class="code">cd Desktop</span> and hit enter. You just 'changed directory' to the desktop. Now you have direct access to the files on your desktop.</p>
            </li>
            <li id="slideSeven" class="slide">
                    <h1 class="slide_title">Essential Commands</h1>
                    <p class="slide_content">• Now that we've moved down, how do we move out? simple. Type <span class="code">cd ..</span>. Yes, 2 dots. You should see you are now back in the previous directory! You will come to know file structure with time. Dont get too bogged down in the syntax, just try to understand a high level look at what you're trying to accomplish</p>
                    <p class="slide_content">• <span class="code">touch</span> - You can create files  with the 'touch' command. <br>
                        (Usage: <span class="code">touch filename.html</span>)</p>
                    <p class="slide_content">• <span class="code">mkdir</span> - You can create new Directories with the <span class="code">mkdir</span> command.<br>
                        (Usage: <span class="code">mkdir newDirectory</span>)</p>
                    <p class="slide_content">• <span class="code">mv</span> - You can move files and directories around with <span class="code">mv</span>.<br>
                          (usage: <span class="code">mv whereFileCurrentlyIs.js otherFolder/whereFileWillBeMoved.js</span>)</p>
                    <p class="slide_content">• <span class="code">rm -rf</span> - You can remove files and directories around with <span class="code">rm -rf</span>.<br>
                          (usage: <span class="code">rm -rf    fileToDelete</span>).<br>
                           <strong>Disclaimer: You can really screw up your computer if you delete the wrong thing. Use this with extreme caution.<strong></p>
            </li>
            <li id="slideEight" class="slide">
                    <h1 class="slide_title"></h1>
                    <p class="slide_content"></p>
            </li>
        </ul>

    </section>

    <footer>
        <script src="./Ex_May10/main.js"></script>
        <script src="./Ex_May10/data/presentationHandle.js"></script>
    </footer>
</body>
</html>