UI Developer interview questions & Answers

!DOCTYPE html | html | body | head | (title kind-of)

HTML using markup that also conveys the containing content. HTML5 has more semantic tags than prior versions (nav | aside | article | header | footer), but using descriptive classes and id’s could also be an example of semantic markup.

Looking for common debugging practices like W3c validator, Firebug, Chrome Dev Tools.

  <script src="main.js"></script> 
  <link href="style.css" rel="stylesheet"></link>

canvas | audio | svg | header | footer | aside | article | nav | section etc…

static, absolute, fixed, relative, inherit.

Mozilla, Stack Overflow, CSS-Tricks . . .

CSS Reset removes browser default styles. Normalize.css sets a standard across all browsers (It does not ‘reset’ them).

Clearfix, Float Parent as well, User overflow property other than ‘visible’.

blue-text {color: blue;}

/* This is a Comment */

Yes

or ||, and &&, not equal to !

“==” checks equality, “===” checks equality and type

2020

parseInt(“20″) + 20;

Asynchronous JavaScript and XML. Client side process used for GET, POST etc to get new data without having to refresh the page.

var t = "Hello World";  
console.log(t);

var colors = [‘red, ‘yellow’, ‘green’, ‘blue’];

/* This is a comment block */ 
//This is a commented out line 

var colors = [‘red, ‘yellow’, ‘green’, ‘blue’];
for( var i = 0; i < colors.length; i++ )
{ 
console.log(colors[i]); 
}

var me = {"fname": "Riley", "lname": "Hilliard", "fcolors":["blue", "green", "whitesmoke"]};
console.log(me);
// or
var me = {};
me.fname = "Riley";
me.lname = "Hilliard";
me.fcolors = ["blue", "green", "whitesmoke"];
console.log(me);

A JavaScript Framework/Library that make things like DOM selection/manipulation, AJAX, and animation, easier.

JavaScript

Clientside

script tag, linked to a jquery CDN or locally hosted file.

$(‘.selected’);

Yes

$number = 3;

isset($var);

$_GET[“urlkey”]

!isset($var);

include() will raise a warning if it fails, require() will raise a fatal error.

file_get_contents().

function function_name(){ 
global $the_global_var;
} 

3.x.x

class=”col-md-6 col-lg-12″

Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel, Affix.

Add bootstrap.css/bootstrap.js link and script in the head of the HTML document *bonus if bootstrap.js script included in the footer (better for page loading).

As the name suggest UI / UX stands for User Interface Design or User Experience Design. The role of UI / UX developer is to focus on the way the functionality is displayed and the detail on how users interact with the users.  They code for the functioning of the front end interface or User Interface.