JavascriptBasics/index.html at master · Kaikaine/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
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
<!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">
    <title>Document</title>
    <link rel='stylesheet' href='reset.css'>
    <link rel='stylesheet' href='style.css'>
</head>
<body>

    <h1 class='logo'>
        JavaScript Basics
    </h1>


    <ul class='nav'>

            <a href='#'> Home</a>
        <li>
                <a href='#'> JavaScript Overview</a>
            <ul>
                <li>
                        <a href='#'> Variable Declaration</a>
                </li>
                <li>
                        <a href='#'> Variable Assignment</a>
                </li>
                <li>
                        <a href='#'> Data Type</a>
                </li>
                <li>
                        <a href='#'> Conditionals</a>
                </li>
                <li>
                        <a href='#'> Loops</a>
                </li>
                <li>
                        <a href='#'> Functions</a>
                </li>
            </ul>
        </li>
        <li>
                <a href='#'> Projects</a>
        </li>
        <li>
                <a href='#'> Assignments </a>
        </li>
        <li>
                <a href='#'> Quiz </a>
        </li>

    </ul>


    <div class="main">

    <h2>
        JavaScript Basics
    </h2>

    <p>
        JavaScript is a cross-platform, object-oriented scripting language. JavaScript is extremely popular for a variety of reasons. It is a small and lightweight language allowing maximum 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 objects of these environments to provide progammatic control over them.
    </p>

    <ul>
        <li>

            <a href='#'>Variable Declaration</a> 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. <p class='inline'>var x;</p>

        </li>

        <li>

            <a href='#'>Variable Assignment</a> Assignment operators assign values to JavaScript variables - our cup can now have coffee poured in it, giving our variable a value o hold. The = assignment operator assigns a value to a variable. <p class='inline'>var x = 10;</p>

        </li>

        <li>

            <a href='#'>Data Types</a> Data Types are an important concept; to be able to operate on variables you need to know the data type. There are six data types that are Javascript primitives: Boolean - <p class='inline'>true</p> or <p class='inline'>false;</p> null - <p class='inline'>null</p> aka nothing; Number - <p class='inline'>42</p> or <p class='inline'>3.14159;</p> String - <p class='inline'>"Coding Dojo Rocks!";</p> Array - <p class="inline">[1,'Coding',2,'Dojo'];</p> and Object - <p class='inline'>{first_name: 'Jane',last_name: 'Doe'}</p>

        </li>

        <li>
            <a href='#'>Conditionals</a> When you write code, you want to perform different actions for different decisions - hitting different code blocks based on values or conditions that have been met. You can use conditional statements in upur code to accomplish this. There are the following conditional statements: <p class='inline'>if</p> a specified condition is true, do this code in our code block; <p class="inline">else if</p> to specify a new condition to test, if the first condition is false; <p class="inline">else</p> we execute this block of code;
        </li>

        <li>
            <a href="#">Loops</a> There are many different kinds of loops in every programming language, but they all essesntially do the same thing: they will repeat an action some number of times. Imagine you have to run a mile, well you run around the tack four times and then you stop. Thats a loop!
        </li>

        <li>
            <a href="#">Function</a> Functions are an encapsulation of a code block When we call our function this will run that code block. Think of it as a list of instructions. As an example imagine we are utting together a desk from Ikea, we open up the instruction manual and get started, first we screw the lefs to the table top; next we place the table the right way up. Done! We finished our instructions. Sadly there are a ton more tables to do lets call our functions over and over and over again.
        </li>

    </ul>

    </div>

    <footer>
        For more useful information check out this url: <a href="#">Javascript!</a>
    </footer>

</body>
</html>