Vital Website Developer Interview Preparation Guide
Download PDF

Website Developer related Frequently Asked Questions by expert members with professional career as Website Developer. These list of interview questions and answers will help you strengthen your technical skills, prepare for the new job interview and quickly revise your concepts

80 Website Developer Questions and Answers:

Table of Contents:

Vital  Website Developer Job Interview Questions and Answers
Vital Website Developer Job Interview Questions and Answers

1 :: Tell me what is long polling?

Long polling is a web application development pattern used to emulate pushing data from the server to the client. When the long polling is used, the client sends a request to the server, and the connection remains intact until the server is ready to send data to the client. The connection will be closed only after the data is sent back to the client or connection timeout occurs.

2 :: Tell us do you find any particular languages or technologies intimidating?

I've often felt that the more I learn, the less I feel like I know. Solving one mystery opens up ten others. Having the interviewee tell you their faults can reveal a lot about what they know.

3 :: Tell me the advantage of HTTP/2 as compared with HTTP 1.1?

The advantage of HTTP/2 compared to HTTP/1.1 is

☛ HTTP headers data compression
☛ Server push technologies
☛ Over a single TCP connection parallel loading of page elements
☛ Prioritization of request

4 :: Explain me how Do You Make Border Rounded With CSS3?

Yes, in CSS3, there is a <border-radius> property which allows creating an element with rounded corners. We can apply the same style to all the sides and make the corners round.

The <border-radius> property has four individual properties <border-top-left-radius>, <border-top-right-radius>, <border-bottom-left-radius> and <border-bottom-right-radius>.

5 :: Tell me what Is A Class Selector?

In CSS, a class selector is an expression which begins with a full stop (“.”) and followed by the name of a class. The class attribute could be a space-separated list of items, and one of those must match with the class name specified in the selector.

Here is an example which selects a div and modified it style.

.sampleclass {font-family: Ariel; font-size: 10; background: green;}

<div class="sampleclass">....</div>

6 :: Tell me what are a few sites you admire and why?

Find out what inspires them. While it doesn't necessarily "take one to know one," a great developer should always have a few impressive favorites.

7 :: Tell me what Are Transitions In CSS3?

CSS3 transitions help to create easy and fast animation effect. They not only give us control to change the value of a property but also let it proceed slowly for the given duration.

We can use the following CSS properties.

transition, transition-delay, transition-duration, transition-property, and transition-timing-function.

8 :: Tell me what Is A Canvas? And What Is Its Default Border Size?

Canvas is an HTML5 element which can draw graphics on the fly with the help of JavaScript. The <canvas> element can only contain graphics. It supports a no. of methods for drawing paths, boxes, circles, text, and images.

By default, It has no border. However, it allows using CSS to change the border style.

9 :: Do you know table-less XHTML? Do you validate your code?

Weed out the old-school table-driven design junkies! Find a developer who uses HTML elements for what they were actually intended. Also, many developers will say they can go table-less, but when actually building sites they still use tables out of habit and/or convenience. Possibly draw up a quick navigation menu or article and have them write the markup for it. To be tricky, you could draw up tabular data - give them bonus points if they point out that a table should be used in that scenario :)

10 :: Tell us what web browser do you use?

There is a right answer to this question: all of them. A competent developer should be familiar with testing cross-browser compatibility by using all the major web browsers. Obviously they'll have a primary browser they use for surfing, but their answer to this question might be a good way for you to segue to asking how extensively they test cross-browser issues. Also, if it's some kind of css/html position seeing what toolbars they have installed can be a good metric of their skillset.

11 :: Tell me what Is HTML5 Web Storage?

HTML5 brought this new ability to store web pages within the browser cache. This web storage is not only faster than the cookies but secured too. It is capable of storing a large amount of data without compromising the performance of the website.

Also, note that the cached data is not must for every server request. Instead, it gets utilized only when the page asks for it. And only the web page which gets the data stored can access it.

12 :: Tell us what Is Difference Between <Window.Onload> And <OnDocumentReady>?

The <onload> event doesn’t invoke until the page gets finished loading of CSS and images. It could cause a significant delay in rendering of the web page.

As a web developer, we have to ensure the page should load as quick as possible. The event <onDocumentReady> lets us only wait for the DOM to initialize instead of delaying any action required.

13 :: Tell us how Does Canvas Differ From SVG?

Here are a few points elaborating the differences between Canvas and SVG.

☛ Canvas depends on the resolution whereas SVG doesn’t.
☛ Canvas does not allow event handlers whereas SVG does provide the support for event handlers.
☛ Canvas is ideal for graphic-intensive games whereas SVG doesn’t intend for gaming.
☛ It works well for small rendering areas whereas SVG may perform better for large rendering areas like Google map.

14 :: Can you fix this code, please?

Give them some broken code written in the development language they are expected to know for the position. Have them go through it line by line and point out all the mistakes.

15 :: Tell me what is the w3c?

Standards compliance in web development is where everything is (hopefully?) going. Don't ask them to recite the w3c's mission statement or anything, but they should at least have a general idea of who they are.

16 :: Tell me how Does JavaScript Handle Automatic Type Conversion?

As per ECMA Script standard, JavaScript is dynamic as well as weakly typed language with first-class functions which means a function can accept other functions as arguments.

Also, it does support auto-type conversion. Whenever an operator or a statement doesn’t get a value of the expected type, then the conversion takes place automatically.

17 :: Tell me what Are Different Types Of CSS?

Below are the different types of CSS.

☛ Embedded – It adds the CSS styles using the <style> attribute.
☛ Inline – It adds the CSS to the HTML elements.
☛ Linked/External – It adds an external CSS file to the HTML document.

18 :: Tell us what web developer should know?

A good web developer should know

☛ HTML
☛ CSS
☛ SQL
☛ PHP/Ruby/Python
☛ JQuery
☛ JavaScript

19 :: Tell me your level of competence in a *nix shell environment?

See how well they work without their precious GUI. Ask some basic questions like how they would recursively copy a directory from one place to another, or how you'd make a file only readable by the owner. Find out what OSs they have experience with.

20 :: Tell us do you prefer to work alone or on a team?

This is an important question to ask depending on the work environment. If your project is going to require close interaction with other developers it's very handy to have someone who has had that kind of experience. On the other hand, many developers thrive while going solo. Try to find a developer that fits your needs.

21 :: Please explain what Are Different Types Of Popup Boxes Available In JavaScript?

JavaScript allows following types of dialog boxes.

☛ Alert – It just has an <Ok> button to proceed.
☛ Confirm – It pops up a window showing up <Ok> and <Cancel> buttons.
☛ Prompt – It gives a dialog asking for user input followed by showing <Ok>/<Cancel> buttons.

22 :: Tell me which Property Do You Use To Modify The Face Of A Font In CSS?

First of all, please note that both the terms <@font-face> and <font-family> refers to changing the font of an HTML element. However, there is a slight difference between the two.

☛ The <@font-face> is a CSS rule that facilitates the use of custom fonts on a web page.
☛ The <font-family> is a CSS property which specifies the font for a web element.

Also, to change the font or face of a font, we need to set the <font-family> property. Please see the below example.

@font-face {
font-family: myCustomFont;
src: url(sansation_light.woff);
}

body {
font-family: 'myCustomFont', Fallback, Ariel;
}

23 :: Tell me in HTML what tag can be used for a multi-line text input control?

For multi-line text input control, you can use the “textarea tag”.

24 :: Tell us what sized websites have you worked on in the past?

Find a developer that has experience similar in size to the project you're putting together. Developers with high traffic, large scale site expertise may offer skills that smaller-sized developers don't, such as fine tuning apache or optimizing heavily hit SQL queries. On the other hand, developers who typically build smaller sites may have an eye for things that large scale developers don't, such as offering a greater level of visual creativity.

25 :: Explain me the key advantages of HTTP/2 as compared with HTTP 1.1?

HTTP/2 provides decreased latency to improve page load speed by supporting:

☛ Data compression of HTTP headers
☛ Server push technologies
☛ Loading of page elements in parallel over a single TCP connection
☛ Prioritization of requests
☛ An important operational benefit of HTTP/2 is that it avoids the head-of-line blocking problem in HTTP 1.
Website Developer Interview Questions and Answers
80 Website Developer Interview Questions and Answers