-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmain.html
More file actions
120 lines (115 loc) · 7.43 KB
/
main.html
File metadata and controls
120 lines (115 loc) · 7.43 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Programmer Competency Calculator</title>
<meta name="description" content="Based on a popular HN post">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/main.css">
<link href='http://fonts.googleapis.com/css?family=PT+Sans|Oleo+Script+Swash+Caps:400,700|PT+Serif' rel='stylesheet' type='text/css'>
<script src="phonegap.js" type="text/javascript"></script>
<script src="js/libs/modernizr-2.6.2-respond-1.2.0.min.js" type="text/javascript"></script>
<script type="text/javascript">
(function() {"use strict";
var startup = function() {
console.log("Head start");
Modernizr.load(["js/libs/jquery-2.0.3.min.js", "js/libs/bootstrap.min.js", "js/libs/jquery.mobile-events.min.js", "js/main.js"]);
};
console.log("Cordova Agent:" + window.cordovaAgent);
if (window.cordovaAgent || window.device && (window.device.cordova || window.device.phonegap)) {
console.log("Congrats! You are on a device that is compatiable with Cordova");
document.addEventListener("deviceready", startup, false);
} else {
console.error("You are on a device that is not compatiable with Cordova");
startup();
}
})();
</script>
</head>
<body >
<!--[if lt IE 9]>
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]-->
<header class="container">
<br/>
</header>
<div class="container content">
<div id="homePage" class="page">
<h1 class="title">Programmer Competency Calculator</h1>
<h4>(Not to be taken seriously)</h4>
<h5>Based on the <a href="http://sijinjoseph.com/programmer-competency-matrix/" target="_blank" rel="external">Programmer Competency Matrix from sijinjoseph.com</a></h5>
<h6>Note that the knowledge for each level is cumulative; being at level n implies that you also know everything from the levels lower than n.</h6>
<div id="homePage_begin" class="btn btn-primary btn-large">
Begin
</div>
</div>
<div id="questionsPage" class="page hide">
<h2 class="title" id="questionsPage_title">Computer Science</h2>
<div class="field content-well" id="questionsPage_field">
<div id="questionsPage_field_levelDisplay" class="text-small pull-right">
Level 0
</div>
<div id="questionsPage_field_itemIndex" class="text-small pull-left">
0 of 0
</div>
<h3 id="questionsPage_subTitle" class="sub-title">Data Structures</h3>
<div class="choices">
<label for="questionsPage_field_level0" class="radio level0">
<input type="radio" id="questionsPage_field_level0" name="computerScience_dataStructures" value="0" checked="checked" />
<span id="questionsPage_field_text_level0">Doesn't know the difference between Arrays and LinkedLists </span></label>
<label for="questionsPage_field_level1" class="radio level1">
<input type="radio" id="questionsPage_field_level1" name="computerScience_dataStructures" value="1" />
<span id="questionsPage_field_text_level1">Able to explain and use Arrays, LinkedLists, Dictionaries etc in practical programming tasks </span></label>
<label for="questionsPage_field_level2" class="radio level2">
<input type="radio" id="questionsPage_field_level2" name="computerScience_dataStructures" value="2" />
<span id="questionsPage_field_text_level2">Knows space and time tradeoffs of the basic data structures, Arrays vs LinkedLists, Able to explain how hashtables can be implemented and can handle collisions, Priority queues and ways to implement them etc. </span></label>
<label for="questionsPage_field_level3" class="radio level3">
<input type="radio" id="questionsPage_field_level3" name="computerScience_dataStructures" value="3" />
<span id="questionsPage_field_text_level3">Knowledge of advanced data structures like B-trees, binomial and fibonacci heaps, AVL/Red Black trees, Splay Trees, Skip Lists, tries etc. </span></label>
</div>
</div>
<div class="center text-center">
<button id="questionsPage_section_prev" class="hide btn btn-large pull-left margin-bottom5" title="Previous Section">
<i class="icon-double-angle-left icon-large"></i>
</button>
<button id="questionsPage_section_next" class="btn btn-large pull-right margin-bottom5" title="Next Section">
<i class="icon-double-angle-right icon-large"></i>
</button>
<button id="questionsPage_prev" class="hide btn btn-large pull-left margin-bottom5" title="Previous Topic">
<i class="icon-angle-left icon-large"></i>
</button>
<button id="questionsPage_next" class="btn btn-large pull-right margin-bottom5" title="Next Topic">
<i class="icon-angle-right icon-large"></i>
</button>
<button id="questionsPage_summary" class="btn btn-large margin-bottom5" title="Summary">
<i class="icon-book icon-large"></i> Summary
</button>
</div>
</div>
<div id="summaryPage" class="page hide">
<button class="btn btn-large pull-left button-back">
<i class="icon-circle-arrow-left icon-large"></i> Back
</button>
<h2>Summary: </h2>
<div id="summaryPage_summary" class="content-well"></div>
<button class="btn btn-large pull-left button-back">
<i class="icon-circle-arrow-left icon-large"></i> Back
</button>
</div>
</div>
<footer class="container">
<div class="text-right">
Powered by <a href="http://doersguild.com" class="doer-font doer-red" rel="external" target="_blank">Doers' Guild</a>
</div>
</footer>
</body>
</html>