-
Notifications
You must be signed in to change notification settings - Fork 0
/
JavascriptBasics.html
96 lines (94 loc) · 5.1 KB
/
JavascriptBasics.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Position Practice</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>JavaScript Basics</h1>
</div>
<div id="navigation">
<a href="#">Home</a>
<ul>
<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>
<div id="main_content">
<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.
JavaScriptlives 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 id="info_list">
<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 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 Type</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 vaules or conditions that have been met.
You can use Conditionals statements in your code to accomplish this.
There are the following conditional statements: <span>if</span> a spevified 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. Thats a loop!
</li>
<li>
<a href="#">Functions</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 over and over and over again.
</li>
</ul>
</div>
<div id="footer">
<p> For more useful information check out this url: <a href="#">JavaScript!</a></p>
</div>
</div><!-- end of wrapper -->
</body>
</html>