JavaScriptBasics/JavaScriptBasics.html at master · matthewkim93/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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JavaScript Basics</title>
    <meta name="CSS assignment for codingdojo" content="blocking stuff">
    <link rel="stylesheet" href="style.css">
  <body>
    <div id="background">
      <div id="headliner">
        <h1>JavaScript Basics</h1>
      </div>
      <div id="nav">
        <ul><a href="">Home</a>
          <li><a href="">Javascript Overview</a></li>
            <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="">Function</a></li>
            </ul>
          <li><a href="">Projects</a></li>
          <li><a href="">Assignments</a></li>
          <li><a href="">Quiz</a></li>
        </ul>
      </div>
      <div id="body">
        <h2>JavaScript Basics</h2>
        <p>JavaScript is a cross-platform, object-oreignted scripting language. JavaScript is extremely popular for a variety of reasons. It is a small and lightweight languag 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> JavaSccript variables are containers for storing data values - imagine a cup you fill with coffeem 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>var x</span>;</li>
          <br>
          <li><a href="">Variable Assignment</a> Assignment operators assign value 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>
          <br>
          <li><a href="">Data Type</a> Data types are an important concept; to be able to oerate on variables you need to know the data type. There are six data types that are JavaScript primatives: Boolean - <span>true</span> or <span>false</span>; null - null 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>
          <br>
          <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 condiditons that have been met. You can use conditional statements in your code to accomplish this. There are the following conditional statements; <span>if</span> a 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>
          <br>
          <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. Thats a loop!</li>
          <br>
          <li><a href="">Function</a> Functions are an encaspulation fo 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 putting together a desk from Ikea, we open the instruction manual and get started, first we screw the legs to the tbale top; next we place the table the right way up. Done! We finished our instruction. Sadly there are a ton more tables to do so lets call our function over and over and over again.</li>
      </div>
      <div id="moreinfo">For more useful information check out this url:<a href="">JavaScript!</a> </div>
    </div>
  </body>
</html>