Skip to content

Commit 12385a9

Browse files
khan4019khan4019
committed
added new file oop
1 parent 071dfbd commit 12385a9

File tree

4 files changed

+305
-2
lines changed

4 files changed

+305
-2
lines changed

‎algorithm.html

Lines changed: 165 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,165 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="description" content="">
8+
<meta name="that js dude" content="">
9+
<title>JS: interview Questions -3</title>
10+
11+
<link rel="shortcut icon" href="images/favicon.jpg">
12+
<link rel="stylesheet" href="css/bootstrap.min.css" >
13+
<link rel="stylesheet" href="css/zenburn.css">
14+
<!-- Custom styles for this template -->
15+
<style>
16+
/* Move down content because we have a fixed navbar that is 50px tall */
17+
body {
18+
padding-bottom: 20px;
19+
}
20+
.purpleBold{
21+
color:purple;
22+
font-weight: bold;
23+
}
24+
.gray{
25+
color: gray;
26+
}
27+
.blueish{
28+
color: rgba(151, 182, 209, 0.98);
29+
}
30+
.singInStuff{
31+
margin-top: 9px;
32+
}
33+
#uName{
34+
margin-top: -7px;
35+
}
36+
.skipListItem{
37+
list-style-type: none;
38+
}
39+
.skipListItem a{
40+
color: inherit;
41+
}
42+
a:visited
43+
{
44+
color: rgba(218, 209, 149, 0.98);
45+
}
46+
.padding10Px{
47+
padding: 10px;
48+
}
49+
/*style for demo*/
50+
51+
</style>
52+
53+
<!-- Just for debugging purposes. Don't actually copy this line! -->
54+
<!--[if lt IE 9]><script src="docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
55+
56+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
57+
<!--[if lt IE 9]>
58+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
59+
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
60+
<![endif]-->
61+
</head>
62+
63+
<body>
64+
65+
<!-- Main jumbotron for a primary marketing message or call to action -->
66+
<div class="jumbotron">
67+
<div class="container">
68+
<h1>JS: Interview Questions</h1>
69+
<h4>Algorithm interview questions for intermediate JavaScript developers</h4>
70+
<h2>part-6: expert</h2>
71+
<p>June 29, 2014</p>
72+
<!-- <div id="fb-root"></div><div class="fb-like" data-href="http://www.thatjsdude.com/interview/dom.html" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div><div class="g-plusone"></div> -->
73+
</div>
74+
</div>
75+
<div class="container container-fluid">
76+
<!-- Example row of columns -->
77+
78+
<div class="row center">
79+
<!-- <iframe width="853" height="480" src="//www.youtube.com/embed/Rx_JFOSxgpY" frameborder="0" allowfullscreen></iframe> -->
80+
</div>
81+
82+
<!-- <p class="gray">if you are little more comfortable or claim to be comfortable with javascript, these questions would not be enough for you. more coming</p>
83+
<p class="gray"> <span class="purpleBold">More Questions</span> <a href="css.html">css interview questions</a>, <a href="html.html">html interview questions</a> </p> -->
84+
<div id="questionList">
85+
<h2>todo list</h2>
86+
</div>
87+
88+
<div>
89+
<h2>Questions list</h2>
90+
<h4>from cracking the coding interview</h4>
91+
<ul>
92+
<li>find median on an stream of integers: <a href="http://www.careercup.com/question?id=5681210609106944">link</a></li>
93+
<li>quadra tree: <a href="http://www.careercup.com/question?id=5768273018748928">link</a></li>
94+
</ul>
95+
</div>
96+
<div>
97+
<h3 class="purpleBold">Express anger!</h3>
98+
<!-- <p class="gray">Feel free to express your anger (sorry folks, you have to use g+.). Also point out my mistakes ( technical, wrong answer, spelling, grammar, sentence..., whatever), let your dude learn and grow.</p>
99+
<script src="https://apis.google.com/js/plusone.js"></script>
100+
<div class="g-comments"
101+
data-href="http://www.thatjsdude.com/interview/dom.html"
102+
data-width="642"
103+
data-first_party_property="BLOGGER"
104+
data-view_type="FILTERED_POSTMOD">
105+
</div> -->
106+
</div>
107+
<hr>
108+
109+
<footer>
110+
<p>&copy;thatJSDude 2014</p>
111+
</footer>
112+
</div> <!-- /container -->
113+
114+
115+
<!-- Bootstrap core JavaScript
116+
================================================== -->
117+
<!-- Placed at the end of the document so the pages load faster -->
118+
<script src="js/jquery-2.0.3.min.js"></script>
119+
<script src="js/bootstrap.min.js"></script>
120+
<script src="js/highlight.pack.js"></script>
121+
<script>hljs.initHighlightingOnLoad();</script>
122+
<script src="js/toggleExample.js"></script>
123+
<script type="text/javascript">
124+
//social plugins
125+
// //g+
126+
// (function() {
127+
// var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
128+
// po.src = 'https://apis.google.com/js/platform.js';
129+
// var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
130+
// })();
131+
// //fb
132+
// (function(d, s, id) {
133+
// var js, fjs = d.getElementsByTagName(s)[0];
134+
// if (d.getElementById(id)) return;
135+
// js = d.createElement(s); js.id = id;
136+
// js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
137+
// fjs.parentNode.insertBefore(js, fjs);
138+
// }(document, 'script', 'facebook-jssdk'));
139+
</script>
140+
<script type="text/javascript">
141+
document.getElementById('listToDestroy').addEventListener('click', function (e) {
142+
var elm = e.target.parentNode;
143+
elm.parentNode.removeChild(elm);
144+
e.preventDefault();
145+
});
146+
147+
document.getElementById('doubleHolder').addEventListener('click', function (e) {
148+
149+
if(e.target.classList.contains('double')){
150+
var btn = document.createElement('button');
151+
btn.setAttribute('class', 'double');
152+
btn.innerHTML = 'double';
153+
154+
var btn2 = document.createElement('button');
155+
btn2.setAttribute('class', 'double');
156+
btn2.innerHTML = 'double';
157+
158+
this.appendChild(btn);
159+
this.appendChild(btn2);
160+
this.removeChild(e.target);
161+
}
162+
});
163+
</script>
164+
</body>
165+
</html>

‎js3.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -464,7 +464,7 @@ <h3>areas to generate question</h3>
464464
<hr>
465465

466466
<footer>
467-
<p>&copy;thatJSDude 2014</p>
467+
<p>&copy;thatJSDude <script type="text/javascript">document.write(new Date().getFullYear());</script></p>
468468
</footer>
469469
</div> <!-- /container -->
470470

‎oop.html

Lines changed: 138 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="description" content="">
8+
<meta name="that js dude" content="">
9+
<title>Intermediate developer</title>
10+
11+
<link rel="shortcut icon" href="images/favicon.jpg">
12+
<link rel="stylesheet" href="css/bootstrap.min.css" >
13+
<link rel="stylesheet" href="css/zenburn.css">
14+
<!-- Custom styles for this template -->
15+
<style>
16+
/* Move down content because we have a fixed navbar that is 50px tall */
17+
body {
18+
padding-bottom: 20px;
19+
}
20+
.purpleBold{
21+
color:purple;
22+
font-weight: bold;
23+
}
24+
.gray{
25+
color: gray;
26+
}
27+
.blueish{
28+
color: rgba(151, 182, 209, 0.98);
29+
}
30+
.singInStuff{
31+
margin-top: 9px;
32+
}
33+
#uName{
34+
margin-top: -7px;
35+
}
36+
.skipListItem{
37+
list-style-type: none;
38+
}
39+
.skipListItem a{
40+
color: inherit;
41+
}
42+
a:visited
43+
{
44+
color: rgba(218, 209, 149, 0.98);
45+
}
46+
/*style for demo*/
47+
48+
</style>
49+
50+
<!-- Just for debugging purposes. Don't actually copy this line! -->
51+
<!--[if lt IE 9]><script src="docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
52+
53+
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
54+
<!--[if lt IE 9]>
55+
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
56+
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
57+
<![endif]-->
58+
</head>
59+
60+
<body>
61+
62+
<!-- Main jumbotron for a primary marketing message or call to action -->
63+
<div class="jumbotron">
64+
<div class="container">
65+
<h1>JS: OOP Quiz</h1>
66+
<h2>part -3: intermediate</h2>
67+
<p>August 26, 2014</p>
68+
<!-- <div id="fb-root"></div><div class="fb-like" data-href="http://www.thatjsdude.com/interview/js1.htmQuiz" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> &nbsp;<div class="g-plusone"></div>
69+
-->
70+
</div>
71+
</div>
72+
<div class="container">
73+
<!-- Example row of columns -->
74+
75+
<div class="row center">
76+
<!-- <iframe width="853" height="480" src="//www.youtube.com/embed/Rx_JFOSxgpY" frameborder="0" allowfullscreen></iframe> -->
77+
</div>
78+
79+
<!-- <p class="gray">if you are little more comfortable or claim to be comfortable with javascript, these questions would not be enough for you. more coming</p>
80+
<p class="gray"> <span class="purpleBold">More Questions</span> <a href="css.html">css interview questions</a>, <a href="html.html">html interview questions</a> </p> -->
81+
<div>
82+
<h2>OOP</h2>
83+
<p><strong>Question:</strong> What are the concepts of OOP?</p>
84+
<p> <strong>Answer:</strong> </p>
85+
<pre><code>
86+
87+
</code></pre>
88+
<pre><code>
89+
90+
</code></pre>
91+
<p><strong>Encapsulation: </strong>You would not be able to access (get or set) the value of "i" from outside. Hence the privacy of the value of "i" is maintained secretly. However, you execute a(), the value of "i" will be increased by one. This is called encapsulation in object oriented programming.</p>
92+
</div>
93+
94+
95+
96+
97+
98+
<div>
99+
<!-- <h3 class="purpleBold">Express anger!</h3>
100+
<p class="gray">Feel free to express your anger (sorry u have to use facebook). also find out mistakes ( technical, wrong answer, spelling, grammar, sentence, whatever), let ur dude learn and grow.</p>
101+
<div class="fb-comments" data-href="http://www.thatjsdude.com/interview/js1.html" data-numposts="5" data-colorscheme="light"></div>
102+
-->
103+
</div>
104+
<hr>
105+
106+
<footer>
107+
<p>&copy;thatJSDude <script type="text/javascript">document.write(new Date().getFullYear());</script></p>
108+
</footer>
109+
</div> <!-- /container -->
110+
111+
112+
<!-- Bootstrap core JavaScript
113+
================================================== -->
114+
<!-- Placed at the end of the document so the pages load faster -->
115+
<script src="js/jquery-2.0.3.min.js"></script>
116+
<script src="js/bootstrap.min.js"></script>
117+
<script src="js/highlight.pack.js"></script>
118+
<script>hljs.initHighlightingOnLoad();</script>
119+
<script src="js/toggleExample.js"></script>
120+
<script type="text/javascript">
121+
// //social plugins
122+
// //g+
123+
// (function() {
124+
// var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
125+
// po.src = 'https://apis.google.com/js/platform.js';
126+
// var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
127+
// })();
128+
// //fb
129+
// (function(d, s, id) {
130+
// var js, fjs = d.getElementsByTagName(s)[0];
131+
// if (d.getElementById(id)) return;
132+
// js = d.createElement(s); js.id = id;
133+
// js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
134+
// fjs.parentNode.insertBefore(js, fjs);
135+
// }(document, 'script', 'facebook-jssdk'));
136+
</script>
137+
</body>
138+
</html>

‎tree.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@
6666
<div class="jumbotron">
6767
<div class="container">
6868
<h1>JS: Interview Questions</h1>
69-
<h4>Tree relatd interview questions for intermediate JavaScript developers</h4>
69+
<h4>Tree that relatd interview questions for intermediate JavaScript developers</h4>
7070
<h2>part-6: expert</h2>
7171
<p>June 29, 2014</p>
7272
<!-- <div id="fb-root"></div><div class="fb-like" data-href="http://www.thatjsdude.com/interview/dom.html" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div><div class="g-plusone"></div> -->

0 commit comments

Comments
 (0)