Explore topic-wise InterviewSolutions in .

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.

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.

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).

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).

MODAL, Dropdown, Scrollspy, TAB, Tooltip, Popover, Alert, BUTTON, COLLAPSE, CAROUSEL, Affix.

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

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

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

3.x.x

3.x.x

FUNCTION function_name(){ 
GLOBAL $the_global_var;
} 

function function_name(){ 
global $the_global_var;
} 

file_get_contents().

file_get_contents().

INCLUDE() will raise a warning if it fails, REQUIRE() will raise a FATAL ERROR.

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

!isset($VAR);

!isset($var);

$_GET[“urlkey”]

$_GET[“urlkey”]

isset($VAR);

isset($var);

$NUMBER = 3;

$number = 3;

Yes

Yes

$(‘.SELECTED’);

$(‘.selected’);

script tag, LINKED to a jquery CDN or LOCALLY HOSTED file.

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

Clientside

Clientside

JavaScript

JavaScript

A JAVASCRIPT Framework/Library that MAKE things like DOM selection/manipulation, AJAX, and ANIMATION, easier.

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

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);

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);

var colors = [‘RED, ‘YELLOW’, ‘GREEN’, ‘BLUE’];
for( var i = 0; i < colors.length; i++ )
{ 
console.log(colors[i]); 
}

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

/* This is a COMMENT BLOCK */ 
//This is a COMMENTED out LINE 

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

VAR colors = [‘RED, ‘YELLOW’, ‘green’, ‘BLUE’];

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

VAR t = "HELLO WORLD";
console.log(t);

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

Asynchronous JavaScript and XML. Client side process used for GET, POST ETC to get new data WITHOUT having to refresh the PAGE.

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

parseInt(“20″) + 20;

parseInt(“20″) + 20;

2020

2020

“==” CHECKS EQUALITY, “===” checks equality and TYPE

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

or ||, and &AMP;&, not EQUAL to !

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

/* This is a COMMENT */

/* This is a Comment */

BLUE-text {COLOR: blue;}

blue-text {color: blue;}

Clearfix, FLOAT Parent as well, User overflow PROPERTY other than ‘VISIBLE’.

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

CSS Reset REMOVES browser default STYLES. Normalize.css sets a STANDARD ACROSS all browsers (It does not ‘reset’ them).

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

MOZILLA, STACK OVERFLOW, CSS-Tricks . . .

Mozilla, Stack Overflow, CSS-Tricks . . .

STATIC, ABSOLUTE, FIXED, RELATIVE, INHERIT.

static, absolute, fixed, relative, inherit.

canvas | AUDIO | SVG | HEADER | footer | aside | ARTICLE | nav | section etc…

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

&LT;script SRC="main.js"></script> 
<link href="style.css" REL="STYLESHEET"></link>

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

LOOKING for COMMON debugging practices LIKE W3C validator, Firebug, Chrome Dev Tools.

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

!DOCTYPE HTML | html | BODY | HEAD | (TITLE kind-of)

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