Front End Web Development Interview Questions
- 0of 0 votes
AnswersGiven a mapping from digits to list of letters and a string of digits of arbitrary length determine all possible ways to replace the digits with letters.
- syam.bollu May 09, 2017 in United States
Input Mapping = {
'1' → ['A', 'B', 'C'],
'2' → ['D', 'E', 'F'],
...
}
Avg length of map values - N
Input String = “12” - K
Expected Output = [“AD”, “AE”, “AF”, “BD”, “BE”, “BF”, “CD”, “CE”, “CF”]| Report Duplicate | Flag | PURGE
Facebook Front End Web Development - 4of 4 votes
AnswersWe have an array of objects A and an array of indexes B. Reorder objects in array A with given indexes in array B. Do not change array A's length.
example:
- u-11i24223 October 26, 2015 in United Statesvar A = [C, D, E, F, G]; var B = [3, 0, 4, 1, 2]; sort(A, B); // A is now [D, F, G, C, E];
| Report Duplicate | Flag | PURGE
Facebook Front-end Software Engineer Front End Web Development - 0of 0 votes
Answers1. A server can call an API once per second. How would you ensure that it calls 1/sec given that it's a multithreaded environment.
- Tom Walker June 09, 2015 in United States
2. If there are multiple servers how would you ensure that the calls still remain 1/sec.| Report Duplicate | Flag | PURGE
Expedia Software Developer Front End Web Development - 2of 2 votes
Answers1. A server is getting streams of numbers from TCP IP. Write code to get minima/maxima for every 60sec. - The interviewer was looking for code with multithreading as you can perform print of minima/maxima for 60 sec interval and at same time do comparison.
- Tom Walker June 09, 2015 in United States
2. If the stream can't be handled by one server and now there are multiple servers how would you calculate minima/maxima? To calculate what optimizations would you do.
3. If now you need to find 10 largest and 10 smallest elements how would you do?| Report Duplicate | Flag | PURGE
Expedia Software Developer Front End Web Development - -1of 1 vote
AnswersThe provided 'site.html' document passes validation (using a service like: http://validator.w3.org/check), however it's not quite "right". Please take a look at it, and: There are 22 errors in site.html
- naren March 13, 2015 in United States
Apply any fixes to the document (in the 'site.html' file)
Changes can be related to best practices, syntax, semantics, formatting, whatever is missing/lacking.
Do not create/add any CSS. We only looking for solid markup and fast/functional JavaScript to perform the content truncation.
site.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- DO NOT REMOVE THIS LINE: DDC-EX-REV-D -->
<title></title>
<meta charset="utf-8">
<meta content="Lorem ipsum" name="description">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
console.log('document is ready');
$("html body .main-content #primaryContent .press-releases .press_release").each(function(){
if($(this).children("p").length > 1){
$('<div><a href="#readmore" class="readmore">Read More…</a></div>').appendTo($(this));
$(this).children("p").first().addClass('first-p');
$(this).children("p").not('.first-p').hide();
$(this).find('.readmore').click(function(){
$(this).parent().siblings('p').not('.first-p').slideToggle(500);
return false;
});
}
});
});
</script>
</head>
<body>
<header>
<h4><a target="_blank" href="http://www.dealer.com">Dealer.com</a>
</h4>
<nav>
<ul>
<li>
<a href="#solutions">Solutions</a>
<a href="#products">Products</a>
<a href="#services" class="active highlightOrange" style="border-bottom-width:5px;">Services</a>
<a href="#company">Company</a>
</li>
</ul>
</nav>
<span class="contact-info-phone">Call Us Today <a href="#">(802) 555-5555</a></span>
</header>
<section class="main-content">
<div id="primaryContent" class="pressReleasesContainer">
<section class="press-releases">
<article class="press_release">
<h2>Dealer.com Awarded Patent for its Human Voice Inventory Video Technology</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
</article>
<article class="press_release">
<h2>Dealer.com Awarded "Highest Rated" Dealer Satisfaction Award for MobileSites by DrivingSales</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
</article>
<div class="press_release">
<h2>The Dealer.com Digital Website Suite Features Powerful Marketing & Management Apps in One Platform</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
</div>
</section>
</div>
<div id="secondaryContent" class="aside-right">
<section class="previous-releases previous-releases-individual">
<h2>Previous Releases</h2>
<ul>
<li>
<time datetime="2012-01-23">January 23, 2012</time>
<p>Dealer.com awarded coolest place to work in Burlington, VT. After weeks of voting...</p>
<p>
<a href="#">read more >> </a>
</p>
</li>
<li>
<time datetime="2012-01-01">January 1, 2012</time>
<p>Dealer.com brings in the new year with a bang! The month of January is always an...</p>
<p>
<a href="#">read more >> </a>
</p>
</li>
<li>
<time datetime="2011-12-18">December 18, 2011</time>
<p>Dealer.com awarded coolest place to work in Burlington, VT. After weeks of voting...</p>
<p>
<a href="#">read more >> </a>
</p>
</li>
</ul>
</section>
<section>
<h2>Previous Releases</h2>
<h4>2012 Archive</h4>
<ul>
<li><a href="#">April</a></li>
<li><a href="#">March</a></li>
<li><a href="#">February</a></li>
<li><a href="#">January</a></li>
</ul>
</section>
<section>
<h2>Full Releases Archive</h2>
<ol>
<li><a href="#">2011 Full Archive</a></li>
<li><a href="#">2010 Full Archive</a></li>
<li><a href="#">2009 Full Archive</a></li>
<li><a href="#">2008 Full Archive</a></li>
</ol>
</section>
</div>
</section>
<div class="footer">
<div>
<h1>Learn More About Dealer.com</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tortor libero, volutpat ut lacinia ut, lobortis at massa. Etiam condimentum laoreet dolor, cursus auctor leo tristique a. Donec congue vulputate nisl, a aliquam libero aliquet at. Proin auctor enim vitae lectus lacinia vitae ullamcorper dolor tempus. Ut at ligula mi. Curabitur nisl sapien, laoreet vel blandit quis, condimentum interdum eros. Duis eget sem justo. Vivamus sit amet ante massa, eu facilisis ipsum. Ut fermentum convallis placerat. Suspendisse sit amet felis cursus mauris tempor facilisis.</p>
<table>
<tbody>
<tr>
<td>
<a href="#linkedin" class="linked">
<span class="icon"></span> LinkedIn
</a>
</td>
<td>
<a href="#facebook" class="facebook">
<span class="icon"></span> Facebook
</a>
</td>
<td>
<a href="#rss" class="rss">
<span class="icon"></span> Subscribe
</a>
</td>
</tbody>
</table>
</div>
<div class="asideRight">
<p>Please fill out the form below and a sales representative will contact you.</p>
<form action="#" method="post" id="quick-contact-form">
<fieldset>
<ul>
<li>
<label for="field-name">Full Name </label>
<input type="text" id="field-name" name="name" required>
</li>
<li>
<label for="field-phone">Phone </label>
<input type="text" id="field-phone" name="phone" required class="phoneUS" placeholder="(555) 555-5555">
</li>
<li>
<label for="field-email">Email</label>
<input type="email" id="field-email" name="email" required placeholder="me@example.com">
</li>
<li>
<label for="field-comments">Comments</label>
<textarea required id="field-comments" name="comments" rows="4" cols="20"></textarea>
</li>
<li>
<input type="submit" value="Contact Now" name="quick-contact-submit">
</li>
</ul>
</fieldset>
</form>
</div>
</div>
</body>
</html>| Report Duplicate | Flag | PURGE
dealer.com Web Developer Front End Web Development - 0of 0 votes
AnswersHow would you speed up dynamically generated web content?
- pecan April 23, 2014 in United States| Report Duplicate | Flag | PURGE
Laserfiche Software Engineer / Developer Front End Web Development - -6of 8 votes
AnswersAre you familiar with .NET?
- barrysingh1108@googlemail.com February 01, 2014 in UK| Report Duplicate | Flag | PURGE
Sage Software Intern Front End Web Development - 1of 1 vote
AnswersWhat happens when you click on a link and get the web page? meaning what's the process behind that
- sunny smart June 19, 2013 in India| Report Duplicate | Flag | PURGE
CapitalIQ Consultant Front End Web Development - 0of 0 votes
Answers1. There are a cluster of stateless servers all serving the same pages. 2. The servers are hosting 5 web pages- p1.html, p2.html, p3.html, p4.html and p5.html 3. p1.html just redirects users to the other 4 pages 4. Requests to p1.html should result in 10% of users being redirected to p2.html, 5% of users redirected to p3.html, 20% of users redirected to p4.html, and 65% of users redirected to p5.html. 5. Users do not need to stick to the page they are first redirected to. They could end up on a different page with every request to p1.html 6. Write a function/pseudocode that would be invoked with every request to p1.html and redirect the correct percentage of users to the correct page.
- msjseeker12 January 06, 2013 in United States| Report Duplicate | Flag | PURGE
Ask.com Software Engineer / Developer Front End Web Development - 0of 0 votes
Answershow do u use persistent storage on browsers . what are various options .
- chad July 18, 2012 in United States
my ans : html5 : we can use localstorage and persistent storage.
non-html5 browsers : we can use cookies .| Report Duplicate | Flag | PURGE
Medio Systems Software Engineer / Developer Front End Web Development - 1of 1 vote
Answershow do u detect useragent in css . suppose u want to use different css on mobile devices.
- chad July 18, 2012 in United States
my ans : media tag.| Report Duplicate | Flag | PURGE
Medio Systems Software Engineer / Developer Front End Web Development - 0of 0 votes
AnswersSomething that web browser can't do?
- Sam March 10, 2012 in India| Report Duplicate | Flag | PURGE
Front End Web Development - 0of 0 votes
AnswersDifference between == and === in JScript, Write a method to detect mouse hovering over a text box using CSS style sheets
- Gloryhunter February 26, 2012 in United States| Report Duplicate | Flag | PURGE
Yahoo Software Engineer / Developer Front End Web Development - 0of 0 votes
AnswersExplain WCF?
- arianSonia February 11, 2012 in United States for Azure
What is Webservice?
What is SOAP Protocol?
Difference between HTTP and TCP?| Report Duplicate | Flag | PURGE
Microsoft Software Engineer in Test Front End Web Development - 0of 0 votes
AnswersOur website is making a lot of HTTP with over 40 icons and a couple very large gif images. How would reduce the number of requests.
- whiteorb February 03, 2012 in United States| Report Duplicate | Flag | PURGE
Front End Web Development - 0of 0 votes
AnswersWrite jQuery code to alert a message box when you click on a paragraph with the content of paragraph.
- blue-j January 07, 2012 in United States for Global Foundation Services| Report Duplicate | Flag | PURGE
Microsoft Software Engineer / Developer Front End Web Development - 0of 0 votes
AnswersWrite HTML/CSS code to put odd images on left and even number images on right with some text content (basically float images).
- blue-j January 07, 2012 in United States for Global Foundation Services| Report Duplicate | Flag | PURGE
Microsoft Software Engineer / Developer Front End Web Development