-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
157 lines (157 loc) · 7.15 KB
/
index.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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Intro to JavaScript</title>
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="logo"><a href="index.html"><img class="img-responsive" src="img/geekwise_owl.png" alt="geekwise owl logo"></a></div>
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav nav-pills navbar-nav pull-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Days <span class="caret"></span></a>
<ul class="dropdown-menu">
<li role="presentation"><a href="one.html">dayOne</a></li>
<li role="presentation"><a href="two.html">dayTwo</a></li>
<li role="presentation"><a href="three.html">dayThree</a></li>
<li role="presentation"><a href="four.html">dayFour</a></li>
<li role="presentation"><a href="five.html">dayFive</a></li>
<li role="presentation"><a href="six.html">daySix</a></li>
<li role="presentation"><a href="seven.html">daySeven</a></li>
<li role="presentation"><a href="eight.html">dayEight</a></li>
<li role="presentation"><a href="nine.html">dayNine</a></li>
<li role="presentation"><a href="ten.html">dayTen</a></li>
<li role="presentation"><a href="eleven.html">dayEleven</a></li>
<li role="presentation"><a href="final.html">finalProject</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<div class="container">
<div class="row">
<div class="col-sm 12 text-center">
<h1>Intro to JavaScript</h1>
</div>
</div>
<div class="row section">
<aside class="col-sm-3"><h2>Objectives</h2></aside>
<main class="col-sm-9 outline">
<ul>
<li>The DOM</li>
<li>How JavaScript Interacts With the Browser</li>
<li>Programmatic Logic</li>
<li>JS Objects</li>
<li>JSON</li>
<li>Dynamically Populate HTML and CSS</li>
<li>Forms and Other User Inputs</li>
</ul>
</main>
</div>
<div class="row section">
<div class="col-xs-12 text-center">
<h2 class="title">Roadmap</h2>
</div>
<div class="row">
<aside class="col-sm-3"><h2>Week 1</h2></aside>
<main class="col-sm-9">
<ul>
<li>What to expect from this course</li>
<li>Tools: Git, Atom, Atom packages, Slack (added to proper channel), Google Chrome</li>
<li>JS Intro: where did it come from? Where is it going?</li>
<li>Resources: MDN, W3Schools, Blogs galore!</li>
<li>Linking JS and JS conventions & best practices</li>
<li>ES5, ES6, and beyond!</li>
<li>var, let, const</li>
<li>Types and Typing</li>
<li>JavaScript's native objects (Math and Date)</li>
<li>What's the console?</li>
<li>Using the browser: Alert, confirm, and prompt</li>
</ul>
</main>
</div>
<div class="row">
<aside class="col-sm-3"><h2>Week 2</h2></aside>
<main class="col-sm-9">
<ul>
<li>Arrays</li>
<li>Loops</li>
<li>Comparisons & logical operators</li>
<li>If, else if, else</li>
</ul>
</main>
</div>
<div class="row">
<aside class="col-sm-3"><h2>Week 3</h2></aside>
<main class="col-sm-9">
<ul>
<li>Ternary Operators</li>
<li>Switch Statements</li>
<li>Variable Hoisting</li>
<li>The DOM & how to manipulate it</li>
<li>Functions</li>
<li>Function Hoisting</li>
<li>Event Listeners</li>
</ul>
</main>
</div>
<div class="row">
<aside class="col-sm-3"><h2>Week 4</h2></aside>
<main class="col-sm-9">
<ul>
<li>Forms, inputs, and responding to users</li>
<li>What is "this"?</li>
<li>Creating DOM elements</li>
</ul>
</main>
</div>
<div class="row">
<aside class="col-sm-3"><h2>Week 5</h2></aside>
<main class="col-sm-9">
<ul>
<li>Custom Objects</li>
<li>Object Constructors</li>
<li>Timers and Intervals</li>
<li>IIFEs</li>
<li>Browser Storage</li>
</ul>
</main>
</div>
<div class="row">
<aside class="col-sm-3"><h2>Week 6</h2></aside>
<main class="col-sm-9">
<ul>
<li>JSON</li>
<li>HTTP & APIs</li>
<li>Closure</li>
<li>ES6 Classes</li>
<li>What to expect from frameworks</li>
</ul>
</main>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>