JSBasicsTest/JavascriptBasics.html at main · 3toe/JSBasicsTest · 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
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Javascript Basics</title>
   <link rel="stylesheet" href="style.css">
</head>
<body>
   <div id="container">

 <!-- Heading -->
      <h1>JavaScript Basics</h1>

<!-- Nav bar with links -->
      <div id="nav">
         <a href="#">Home</a>
         <ul>
            <li><a href="#">JavaScript Overview</a>
               <ul>
                  <li><a href="#">Variable Declarations</a></li>
                  <li><a href="#">Variable Assignments</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>

<!-- main content box -->
      <div id="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 programmatic control over them.</p>
         <ul>
            <li><a href="#">Variable Declaration</a> JavaScript variables are containers for storing values - imagine a cup you fill with coffee, the cup holds the coffee, a variable holds the value. All JavaScript variables must be identified with unique names. These unique names are called identifiers. <span>var x;</span></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 to hold. The = assignment operator assigns a value to a variable. <span>var x =10;</span></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 - <span>true</span> or <span>false;</span> null - <span>null</span> aka nothing; Number - <span>42</span> or <span>3.14159;</span> String - <span>"Coding Dojo Rocks!";</span> Array - <span>[1, 'Coding', 2, 'Dojo'];</span> and Object - <span>{first_name: 'Jane', last_name: 'Doe'}</span></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 your code to accomplish this. There are the following conditional statements: <span>if</span> this specified condition is true, do this code in our code block; <span>else if</span> to specify a new condition to test, if the first condition is false; <span>else</span> 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 essentially 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 track four times and then you stop. That's 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 that we are putting together a desk from Ikea, we open up the instruction manual and get started, first we screw the legs to the tabletop; next we place the table the right way up. Done! We finished our instructions. Sadly there are a ton more tables to do, so let's call our function over and over and over again.</li>
         </ul>
      </div>

<!-- Footer -->
      <p id="footer">For more useful information check out this URL: <a href="#">JavaScript!</a></p>
   </div>

</body>
</html>