javascript-basics/home.html at master · JGillmore/javascript-basics · 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
<!DOCTYPE html>
<html lang="en">
   <head>
      <title>JavaScript Basic</title>
      <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
     <div id = "wrapper">
       <div id = "header">
         <h1>JavaScript Basics</h1>
       </div><!--end of header-->
       <div id = "navbar">
         <a href="">Home</a>
         <ul>
           <li class = "ind1"><a href="">JavaScript Overview</a></li>
           <ul>
             <li class = "ind2"><a href="">Variable Declaration</a></li>
             <li class = "ind2"><a href="">Variable Assignment</a></li>
             <li class = "ind2"><a href="">Data Type</a></li>
             <li class = "ind2"><a href="">Conditionals</a></li>
             <li class = "ind2"><a href="">Loops</a></li>
             <li class = "ind2"><a href="">Function</a></li>
           </ul>
           <li class = "ind1"><a href="">Projects</a></li>
           <li class = "ind1"><a href="">Assignments</a></li>
           <li class = "ind1"><a href="">Quiz</a></li>
         </ul>
       </div><!--end of navbar-->
       <div id = "mainbody">
         <h3>JavaScript Basics</h3>
         <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>
           <p>
             <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. <span>var x;</span>
             </li>
             <li><a href="">Variable Assignment</a> Assignment operators assign
               values to JavaScript variables - our cup can now coffe 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> a specified condition is true, do this 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. Thats a loop!
             </li>
             <li><a href="">Function</a> Functions are an encaspulation 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 up the
               instruction manual and get started, first we screw the legs 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 so lets call our function <vax>over and over</vax> and over
               again.
             </li>
           </p>
         </ul>
       </div><!--end of main body-->
       <div id = "footer">
         <p>for more useful information visit this link: <a href = "">JavaScript</a></p>
       </div><!--end of footer-->
     </div> <!--end of my wrapper-->
   </body>
</html>