JavascriptBasics/Javascript-Basics.html at master · Ihmoda/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
<!DOCTYPE html>
<html lang="en">
   <head>
      <title>Position Practice</title>
      <meta charset="utf-8"/>
      <link rel="stylesheet" type="text/css" href="style.css">
   </head>

   <body>

        <div id="wrapper">

            <div id="title">
                <h1 id="header"> Javascript Basics</h1>
            </div>

            <div id="navigation">
                <a href="">Home</a>
                <ul>
                    <li><a href="">Javascript Overview</a>
                        <ul class="innerlist">
                            <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>
                    <li><a href="">Projects</a></li>
                    <li><a href="">Assignments</a></li>
                    <li><a href="">Quiz</a></li>
                </ul>
            </div>
            <div id="content">
                <div id="jstitle">
                    <h2>Javascript Basics</h2>
                </div>
                <div id="jsdescription">
                    <p>JavaScript is a cross-platform, object-oriented 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>
                </div>
                <div id="jsbullets">
                    <ul>
                        <li class="bullet"><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, <span>var x;</span></li>
                        <li class="bullet"><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 class="bullet"><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 class="bullet"><a href="">Conditionals</a> When you write code, you want to perform different actions for different decisions - hitting different code blocks based on value or conditionals that have been met. You can use conditional statements in your code to accomplish this. There are the following conditional statements; <span>if</span> is 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 we execute this block of code;</span> <span>var x;</span></li>
                        <li class="bullet"><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 class="bullet"><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 putting together a desk from Ikea, we open the instruction manual and get started, first we screw the legs to the table top; next we place the right way up,. Done! We finished our instructions. Sadly there are a ton more tables to do so lets call our function over and over and over again.</li>
                    </ul>
                </div>
            </div>
            <div id="footer">
                <p id="footertext">For more useful information check out this link <span><a href="">Javascript!</a></span></p>
            </div>
        </div>

   </body>