-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathquiz.html
More file actions
200 lines (164 loc) · 17.9 KB
/
quiz.html
File metadata and controls
200 lines (164 loc) · 17.9 KB
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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Women-Code</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/styles.css">
<link href="assets/css/reset.css" media="screen" rel="stylesheet" type="text/css">
<link href="assets/css/slickQuiz.css" media="screen" rel="stylesheet" type="text/css">
<link href="assets/css/master.css" media="screen" rel="stylesheet" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="slickQuiz">
<div class="container-fluid big-logo-row">
<div class="container">
<div class="row">
<div class="col-xs-12 big-logo-container">
<!--<h1 class="big-logo">Logo Large</h1>-->
<img src="assets/img/women-code.svg" class="img-responsive" alt="Women Code" title="Women Code">
</div><!--/.col-xs-12 -->
</div><!--/.row -->
</div><!--/.container -->
</div><!--/.container-fluid -->
<nav class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<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 id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/WomenCode.com/">Home</a></li>
<li><a href="/WomenCode.com/quiz.html">Quiz</a></li>
<li><a href="/WomenCode.com/glossary.html">Glossary</a></li>
<li><a href="/WomenCode.com/resources.html">Resources</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<h1 class="quizName"><!-- where the quiz name goes --></h1>
<div class="quizArea">
<div class="quizHeader">
<!-- where the quiz main copy goes -->
<a class="button startQuiz" href="#">Get Started!</a>
</div>
<!-- where the quiz gets built -->
</div>
<div class="quizResults">
<h2 class="center-block">Congratulations!</h2>
<h3 class="quizScore">You Scored: <span><!-- where the quiz score goes --></span></h3>
<h3 class="quizLevel center-block"><strong></strong> <span><!-- where the quiz ranking level goes --></span></h3>
<div class="quizResultsCopy">
<!-- where the quiz result copy goes -->
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid big-logo-row level1" style="display: none;">
<div class="container">
<div class="row">
<div class="col-xs-12 big-logo-container">
<section>
<p>Based on your answers, we think you should look into Front End Development! If you don’t know what that is, this helpful web resource will tell you! Take it away helpful web resource:</p>
<p>"<b>Front-end web development</b>, is the practice of producing HTML, CSS and JavaScript for a website or Web Application so that a user can see and interact with them directly. The challenge associated with front end development is that the tools and techniques used to create the front end of a website change constantly and so the developer needs to constantly be aware of how the field is developing.</p>
<p>The objective of designing a site is to ensure that when the users open up the site they see the information in a format that is easy to read and relevant. This is further complicated by the fact that users now use a large variety of devices with varying screen sizes and resolutions thus forcing the designer to take into consideration these aspects when designing the site. They need to ensure that their site comes up correctly in different browsers (cross-browser), different operating systems (cross-platform) and different devices (cross-device), which requires careful planning on the side of the developer."</p>
<p>Credit: <a href="https://en.wikipedia.org/wiki/Front-end_web_development">https://en.wikipedia.org/wiki/Front-end_web_development</a>
</section>
</div><!--/.col-xs-12 -->
</div>
</div>
</div>
<div class="container-fluid big-logo-row level2" style="display: none;">
<div class="container">
<div class="row">
<div class="col-xs-12 big-logo-container">
<section>
<p>Based on your answers, we think you should look into Back End Development! If you don’t know what that is, this helpful web resource will tell you! Take it away helpful web resource: </p>
<p>“The backend usually consists of three parts: a server, an application, and a database. If you book a flight or buy concert tickets, you usually open a website and interact with the frontend. Once you’ve entered that information, the application stores it in a database that was created on a server. For sake of ease, just think about a database as a giant Excel spreadsheet on your computer, but your computer (server) is stored somewhere in Arizona.</p>
<p>All of that information stays on the server so when you log back into the application to print your tickets, all of the information is still there in your account.</p>
<p>We call a person that builds all of this technology to work together a backend developer. Backend technologies usually consist of languages like <u>PHP</u>, <u>Ruby</u>, <u>Python</u>, etc. To make them even easier to use they’re usually enhanced by frameworks like Ruby on Rails, Cake PHP, and Code Igniter that all make development faster and easier to collaborate on.” </p>
<p>Credit: <a href="http://blog.teamtreehouse.com/i-dont-speak-your-language-frontend-vs-backend">http://blog.teamtreehouse.com/i-dont-speak-your-language-frontend-vs-backend</a></p>
</section>
</div><!--/.col-xs-12 -->
</div>
</div>
</div>
<div class="container-fluid big-logo-row level3" style="display: none;">
<div class="container">
<div class="row">
<div class="col-xs-12 big-logo-container">
<section>
<p><span style="font-weight: 400;">Based on your answers, we think you should look into Data Science! If you don’t know what that is, this helpful web resource will tell you! Take it away helpful web resource: </span></p>
<p> </p>
<p><strong>“Data science</strong><span style="font-weight: 400;">, also known as </span><strong>data-driven science</strong><span style="font-weight: 400;">, is an interdisciplinary field about scientific methods, processes and systems to extract </span><a href="https://en.wikipedia.org/wiki/Knowledge"><span style="font-weight: 400;">knowledge</span></a><span style="font-weight: 400;"> or insights from </span><a href="https://en.wikipedia.org/wiki/Data"><span style="font-weight: 400;">data</span></a><span style="font-weight: 400;"> in various forms, either structured or unstructured,</span><a href="https://en.wikipedia.org/wiki/Data_science#cite_note-1"><span style="font-weight: 400;">[1]</span></a><a href="https://en.wikipedia.org/wiki/Data_science#cite_note-2"><span style="font-weight: 400;">[2]</span></a><span style="font-weight: 400;"> similar to </span><a href="https://en.wikipedia.org/wiki/Knowledge_Discovery_in_Databases"><span style="font-weight: 400;">Knowledge Discovery in Databases</span></a><span style="font-weight: 400;"> (KDD).</span></p>
<p><span style="font-weight: 400;">Data science is a "concept to unify statistics, data analysis and their related methods" in order to "understand and analyze actual phenomena" with data.</span><a href="https://en.wikipedia.org/wiki/Data_science#cite_note-Hayashi-3"><span style="font-weight: 400;">[3]</span></a><span style="font-weight: 400;"> It employs techniques and theories drawn from many fields within the broad areas of </span><a href="https://en.wikipedia.org/wiki/Mathematics"><span style="font-weight: 400;">mathematics</span></a><span style="font-weight: 400;">, </span><a href="https://en.wikipedia.org/wiki/Statistics"><span style="font-weight: 400;">statistics</span></a><span style="font-weight: 400;">, </span><a href="https://en.wikipedia.org/wiki/Information_science"><span style="font-weight: 400;">information science</span></a><span style="font-weight: 400;">, and </span><a href="https://en.wikipedia.org/wiki/Computer_science"><span style="font-weight: 400;">computer science</span></a><span style="font-weight: 400;">, in particular from the subdomains of </span><a href="https://en.wikipedia.org/wiki/Machine_learning"><span style="font-weight: 400;">machine learning</span></a><span style="font-weight: 400;">, </span><a href="https://en.wikipedia.org/wiki/Classification"><span style="font-weight: 400;">classification</span></a><span style="font-weight: 400;">, </span><a href="https://en.wikipedia.org/wiki/Cluster_analysis"><span style="font-weight: 400;">cluster analysis</span></a><span style="font-weight: 400;">, </span><a href="https://en.wikipedia.org/wiki/Data_mining"><span style="font-weight: 400;">data mining</span></a><span style="font-weight: 400;">, </span><a href="https://en.wikipedia.org/wiki/Database"><span style="font-weight: 400;">databases</span></a><span style="font-weight: 400;">, and </span><a href="https://en.wikipedia.org/wiki/Data_visualization"><span style="font-weight: 400;">visualization</span></a><span style="font-weight: 400;">.”</span></p>
<p><span style="font-weight: 400;">Credit: </span><a href="https://en.wikipedia.org/wiki/Data_science"><span style="font-weight: 400;">https://en.wikipedia.org/wiki/Data_science</span></a></p>
</section>
</div><!--/.col-xs-12 -->
</div>
</div>
</div>
<div class="container-fluid big-logo-row level4" style="display: none;">
<div class="container">
<div class="row">
<div class="col-xs-12 big-logo-container">
<section>
<p><span style="font-weight: 400;">Based on your answers, we think you should look into UX! If you don’t know what that is, this helpful web resource will tell you! Take it away helpful web resource: </span></p>
<p> </p>
<p><strong>“User experience design</strong><span style="font-weight: 400;"> (</span><strong>UX</strong><span style="font-weight: 400;">, </span><strong>UXD</strong><span style="font-weight: 400;">, </span><strong>UED</strong><span style="font-weight: 400;"> or </span><strong>XD</strong><span style="font-weight: 400;">) is the process of enhancing user satisfaction with a product by improving the </span><a href="https://en.wikipedia.org/wiki/Usability"><span style="font-weight: 400;">usability</span></a><span style="font-weight: 400;">, </span><a href="https://en.wikipedia.org/wiki/Accessibility"><span style="font-weight: 400;">accessibility</span></a><span style="font-weight: 400;">, and pleasure provided in the interaction with the product.</span><a href="https://en.wikipedia.org/wiki/User_experience_design#cite_note-1"><span style="font-weight: 400;">[1]</span></a><span style="font-weight: 400;"> User experience design encompasses traditional </span><a href="https://en.wikipedia.org/wiki/Human%E2%80%93computer_interaction"><span style="font-weight: 400;">human–computer interaction</span></a><span style="font-weight: 400;"> (HCI) design, and extends it by addressing all aspects of a product or service as perceived by users.”</span><a href="https://en.wikipedia.org/wiki/User_experience_design#cite_note-2"><span style="font-weight: 400;">[2]</span></a><span style="font-weight: 400;"> Credit: </span><a href="https://en.wikipedia.org/wiki/User_experience_design"><span style="font-weight: 400;">https://en.wikipedia.org/wiki/User_experience_design</span></a></p>
</section>
</div><!--/.col-xs-12 -->
</div>
</div>
</div>
<div class="container-fluid big-logo-row level5" style="display: none;">
<div class="container">
<div class="row">
<div class="col-xs-12 big-logo-container">
<section>
<p> </p>
<p><span style="font-weight: 400;">Based on your answers, we think you should look into Project Management! If you don’t know what that is, this helpful web resource will tell you! Take it away helpful web resource: </span></p>
<p> </p>
<p><strong>“Project management</strong><span style="font-weight: 400;"> is the discipline of initiating, planning, executing, controlling, and closing the </span><a href="https://en.wikipedia.org/wiki/Work_(project_management)"><span style="font-weight: 400;">work</span></a><span style="font-weight: 400;"> of a </span><a href="https://en.wikipedia.org/wiki/Project_team"><span style="font-weight: 400;">team</span></a><span style="font-weight: 400;"> to achieve specific goals and meet specific success criteria. A </span><a href="https://en.wikipedia.org/wiki/Project"><span style="font-weight: 400;">project</span></a><span style="font-weight: 400;"> is a temporary endeavor designed to produce a unique product, service or result with a defined beginning and end (usually time-constrained, and often constrained by funding or </span><a href="https://en.wikipedia.org/wiki/Deliverables"><span style="font-weight: 400;">deliverables</span></a><span style="font-weight: 400;">) undertaken to meet unique goals and objectives, typically to bring about beneficial change or added value.</span><a href="https://en.wikipedia.org/wiki/Project_management#cite_note-1"><span style="font-weight: 400;">[1]</span></a><a href="https://en.wikipedia.org/wiki/Project_management#cite_note-2"><span style="font-weight: 400;">[2]</span></a><span style="font-weight: 400;"> The temporary nature of projects stands in contrast with </span><a href="https://en.wikipedia.org/wiki/Business_operations"><span style="font-weight: 400;">business as usual (or operations)</span></a><span style="font-weight: 400;">,</span><a href="https://en.wikipedia.org/wiki/Project_management#cite_note-3"><span style="font-weight: 400;">[3]</span></a><span style="font-weight: 400;"> which are repetitive, permanent, or semi-permanent functional activities to produce products or services. In practice, the </span><a href="https://en.wikipedia.org/wiki/Management"><span style="font-weight: 400;">management</span></a><span style="font-weight: 400;"> of these two systems is often quite different, and as such requires the development of distinct technical skills and management strategies.</span><a href="https://en.wikipedia.org/wiki/Project_management#cite_note-Cattani2011-4"><span style="font-weight: 400;">[4]</span></a></p>
<p><span style="font-weight: 400;">The primary challenge of project management is to achieve all of the project goals within the given constraints.</span><a href="https://en.wikipedia.org/wiki/Project_management#cite_note-5"><span style="font-weight: 400;">[5]</span></a><span style="font-weight: 400;"> This information is usually described in a user or project manual, which is created at the beginning of the development process. The primary constraints are </span><a href="https://en.wikipedia.org/wiki/Scope_(project_management)"><span style="font-weight: 400;">scope</span></a><span style="font-weight: 400;">, time, </span><a href="https://en.wikipedia.org/wiki/Quality_(business)"><span style="font-weight: 400;">quality</span></a><span style="font-weight: 400;"> and </span><a href="https://en.wikipedia.org/wiki/Budget"><span style="font-weight: 400;">budget</span></a><span style="font-weight: 400;">.</span><a href="https://en.wikipedia.org/wiki/Project_management#cite_note-PMI_10-6"><span style="font-weight: 400;">[6]</span></a><span style="font-weight: 400;"> The secondary — and more ambitious — challenge is to </span><a href="https://en.wikipedia.org/wiki/Operations_research"><span style="font-weight: 400;">optimize</span></a><span style="font-weight: 400;"> the </span><a href="https://en.wikipedia.org/wiki/Resource_allocation"><span style="font-weight: 400;">allocation</span></a><span style="font-weight: 400;"> of necessary inputs and integrate them to meet pre-defined objectives.”</span></p>
<p> </p>
<p><span style="font-weight: 400;">Credit: </span><a href="https://en.wikipedia.org/wiki/Project_management"><span style="font-weight: 400;">https://en.wikipedia.org/wiki/Project_management</span></a></p>
<p> </p>
</section>
</div><!--/.col-xs-12 -->
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="assets/js/scripts.js"></script>
<script src="assets/js/slickQuiz-config.js"></script>
<script src="assets/js/slickQuiz.js"></script>
<script src="assets/js/master.js"></script>
<script>
$( document ).ready(function() {
$(".quizScore").hide();
});
</script>
</body>
</html>