Interview Questions for web developer

webdeb-interview.md

HTML/CSS

Tell what each of these tags do, if there are alternatives, which are preferable, why?

<em>
<b>
<abbr>
<nav>
<i>
<j>
<link>
<strong>
<article>

How would you put a different style to table's first row?

Provided following HTML and CSS, what will be displayed (1)?

<div class="red">Hi, I'm Blue</div>

div.red    {color:green}
div        {font-weight:bold}
.red       {color:yellow;font-weight:normal}

Describe absolute, relative and that third one.

Please draw content, margin, padding, border, background as boxes.

Provide CSS so that three lines are displayed - red, then green, then blue (2):

<div class="rgb">
    <span>Red</span>
    <span>Green<b>Blue</b></span>
</div>

What's #target.

JavaScript

There is a button on the page. Make it so a greetings massage is displayed when that button is clicked.

There are 1000 rows 10 cells each. Make it so when clicking on each cell, it's content is displayed.

Provided JavaScript fragment below, what gets printed to the console?

function(){
    var a = 9000;
    if(a){
        var b = 'All your bases';
        console.log(b);
    }
    console.log(b); // <--- ???
}

Make sure, sensitive function only gets, valid age (at least 10, at most 113) and email:

var age = '011';                   // or "old 'nuff", or "100", or "999"
var email = '[email protected]';    // or "va'''''@.com", or "@@@", or '[email protected]'

/// your code here

sensitive(email, age);

Fix this code:

var obj = {num:0, up:function(){++this.n}}

function upInTenSeconds(obj){
    window.setTimeout(obj.up, 10000);
}

upInTenSeconds(obj);

jQuery

Make a function run on page load.

Make so that when pressing on links (<a>) with class collapse, all items of a list with id list are collapsed.

Make sure newly created collapse links also work.

Which is correct way to get ajax result?

$.get('ajax/test.html', function(data){console.log(data)});
// or
$.get('ajax/test.html').success(function(data){console.log(data)});

Ext.JS

Make a function run on page load.

Register mouse button press event handler to button with id myButton and to all paragraphs.

Show confirm dialog.

Answers

1: Green normal text.

2:

.rgb *    {display:block}
span      {color:red}
b         {color:blue}
span+span {color:green}

3:

Ext.onReady(function() {
    Ext.get('myButton').on('click', buttonClick);
    Ext.select('p').on('click', paraClick);
});

Apparently gist.io does not support ```lang syntax