Web Development Ninjas Interview Preparation Guide
Download PDF

Web Development Ninjas related Frequently Asked Questions in various Ninjas Web Developer job interviews by interviewer. The set of questions here ensures that you offer a perfect answer posed to you. So get preparation for your new job hunting

58 Ninjas Web Developer Questions and Answers:

1 :: Explain me what are three ways to reduce page load time?

Reduce image sizes, remove unnecessary widgets, HTTP compression, put CSS at the top and script references at the bottom or in external files, reduce lookups, minimize redirects, caching, etc.

2 :: Please explain how do you make comments without text being picked up by the browser?

Comments are used to explain and clarify code or to prevent code from being recognized by the browser. Comments start with “*<!--” and end with ” -->“.
<!-- Insert comment here. -->

3 :: Do you know what are some new HTML5 markup elements?

There are several: <article>, <aside>, <bdi>, <command>, <details>, <figure>, <figcaption>, <summary>, <header>, <footer>, <hgroup>, <mark>, <meter>, <nav>, <progress>, <ruby>, <rt>, <section>, <time>, and <wpr>.

4 :: Tell me why did you decide to enter the world of gaming? How long have you been creating games?

I’ve always been an avid gamer going back to the late 80’s with the Nintendo (NES) system, then the Sega Mega Drive and Game Boy in the 90’s, then onto the Playstation. I’ve always wanted to make games but back then it was nearly impossible for an indie dev. That was until the invention

5 :: Tell me what is $() in jQuery library?

The $() function is an alias of jQuery() function, at first it looks weird and makes jQuery code cryptic, but once you get used to it, you will love it’s brevity. $() function is used to wrap any object into jQuery object, which then allows you to call various method defined jQuery object. You can even pass a selector string to $() function, and it will return jQuery object containing an array of all matched DOM elements. I have seen this jQuery asked several times, despite it’s quite basic, it is used to differentiate between developer who knows jQuery or not.

6 :: Explain me what is the each() function in jQuery? How do you use it?

each() function is like an Iterator in Java, it allows you to iterate over a set of elements. You can pass a function to each() method, which will be executed for each element from the jQuery object, on which it has been called. This question sometime is asked as a follow-up of the previous question e.g. how to show all selected options in alert box. We can use the above selector code to find all the selected options and then we can use the each() method to print them in an alert box, one by one, as shown below:

$('[name=NameOfSelectedTag] :selected').each(function(selected){

The text() method returns text for that option.

7 :: Tell me what is method chaining in jQuery? What is the benefit of using method chaining?

Method chaining is calling another method on the result of another method, it results in clean and concise code, single search over DOM so better performance.

8 :: Explain have you learned something new or interesting lately?

Make sure you know all the relevant news and blogs. You should be reading them regardless, but doing so on a daily basis during your job search is important. Be ready to talk casually and fluently about the latest web trends.

9 :: Tell me what is the difference between HTML elements and tags?

HTML elements communicate to the browser how to render text. When surrounded by angular brackets <> they form HTML tags. For the most part, tags come in pairs and surround text.

10 :: Tell me what is the difference between linking to an image, a website, and an email address?

o link an image, use <img> tags. You need specify the image in quotes using the source attribute, src in the opening tag. For hyperlinking, the anchor tag, <a>, is used and the link is specified in the href attribute. Text to be hyperlinked should be placed between the anchor tags. Little known fact: href stands for “hypertext reference.” When linking to an email, the href specification will be “mailto:send@here.com.” See examples below:

<img src=”HTMLLinks.jpg”></img>
<a href=”http://www.globalguideline.com/”>Global Guideline</a>
<a href=”hussain@globalguideline.com.com”>Email Me</a>