javaScriptBasics/javaScriptBasics.html at master · klaytenr/javaScriptBasics · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>JavaScript Basics</title>
    <link rel="stylesheet" type="text/css" href="javaScriptBasics.CSS">
</head>

<body>
    <div id="total">
        <div id="title">
            <h1>JavaScript Basics</h1>
        </div>
        <div id="nav">
            <p id="p1">Home</p>
            <ul id="list">
                <li>JavaScript Overview
                <ul>
                    <li class="items">Variable Declaration</li>
                    <li class="items">Variable Assignment</li>
                    <li class="items">Data Type</li>
                    <li class="items">Conditionals</li>
                    <li class="items">Loops</li>
                    <li class="items">Function</li>
                </ul></li>
                <li>Projects</li>
                <li>Assignments</li>
                <li>Quiz</li>
            </ul>
        </div>
        <div id="main">
            <h2>JavaScript Basics</h2>
            <p id="p2">JavaScript is cross-platform, object-oriented scripting language.
            JavaScript is extremely popular for a variety of reasons. It is a small
            and lightweight language allowing mamimum flexibility for developers
            to take it in a bunch of different directions. JavaScript lives inside
            a host environment(a web browser or Node server), it can be connected
            to the object of these environments to provide programmatic control
            over them.</p>
            <ul id="list2">
                <li class="white"><span class="blue">Variable Declaration</span> JavaScript variables are containers for storing data
                values - imagine a cup you fill with coffee, the cup holds the coffee,
                a variable holds a value. All JavaScript variables must be identified
                with unique names. These unique names are called identifiers. <span class="purple">var x;</span></li>
                <li class="white"><span class="blue">lipsum dolor</span> sit amet, consectetur adipiscing elit.<span class="purple">hel[p</span> Ut ligula ligula, suscipit sed congue a, tempor non tortor. Maecenas tincidunt turpis eu tempor bibendum. Donec ullamcorper euismod scelerisque. Maecenas mattis rhoncus rutrum. Mauris rhoncus, nibh in vehicula ngue al</li>
                <li class="white"><span class="blue">Lorem ipsum</span> dolor sit amet, consectetur adipiscing elit. Ut ligula ligula, suscipit sed cong<span class="purple">typing</span>ue a, tempor non tortor. Maecenas tincidunt turpis eu tempor bibendum. Donec ullamcorper euismod scelerisque. Maecenas mattis rhoncus rutrum. Mauris rhoncus, nibh in vehicula n</li>
                <li class="white"><span class="blue">Lorem ipsum</span> dolor sit amet, consectetur adipiscing elit. <span class="purple">sucks</span>Ut ligula ligula, suscipit sed congue a, tempor non tortor. Maecenas tincidunt turpis eu tempor bibendum. Donec ullamcorper euismod scelerisque. Maecenas mattis rhoncus rutrum. Mauris rhoncus, nibh in vehicula ng</li>
                <li class="white"><span class="blue">Lorem ipsum</span> dolor sit amet, consectetur adipiscing <span class="purple">this</span>elit. Ut ligula ligula, suscipit sed congue a, tempor non tortor. Maecenas tincidunt turpis eu tempor bibendum. Donec ullamcorper euismod scelerisque. Maecenas mattis rhoncus rutrum. Mauris rhoncus, nibh in vehicula ngu</li>
                <li class="white"><span class="blue">Lorem ipsum</span> dolor sit amet, consectetur adipiscing elit. Ut ligula ligula, suscipit se<span class="purple">so much</span>d congue a, tempor non tortor. Maecenas tincidunt turpis eu tempor bibendum. Donec ullamcorper euismod scelerisque. Maecenas mattis rhoncus rutrum. Mauris rhoncus, nibh in vehicula </li>
            </ul>
        </div>
        <div id="more">
            <p id="p3">For more information check out this url: <span id="p4">JavaScript!</span> </p>
        </div>
    </div>
</body>

</html>