10/23/2018 Top 50 UI Developer Interview Questions and Answers [UPDATED] - TCS & Cognizant !!!

Top 50 UI Developer Interview Questions

and Answers [UPDATED] - TCS &
Cognizant !!!
tekslate.com (https://tekslate.com/ui-developer-interview-questions-and-answers/) · by
VibeThemes · March 15, 2018

UI Developer Interview Questions And Answers

Who is UI/UX Developer? What he does?

UI/UX – User Interface/ User Experience, and developer has to work for better
User Interaction with functionality. Focus is to provide better interface for a user
by front end coding.

What Skills are required to become a UI Developer?

Human Computer Interaction, HTML and CSS along with Photoshop and
Graphic Designing are the minimal skills expected from UI Developer, and
AngularJS, SEO(Search Engine Optimization) would be preferred.

What Is Semantic Html?

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.

How to call an external style sheet and an external script located in the
root folder called style.css and main.js with HTML.

<script src=”main.js”></script>
https://www.instapaper.com/read/1119742303 1/8
10/23/2018 Top 50 UI Developer Interview Questions and Answers [UPDATED] - TCS & Cognizant !!!

<link href=”style.css” rel=”stylesheet”></link>

Name 4 New Elements In Html5 That Were Not Available In Previous

Html Versions.

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

Name 3 Attributes Of The Position Property.

static, absolute, fixed, relative, inherit.

Name Some Online Resources You Reference When Having Css Issues.

Mozilla, Stack Overflow, CSS-Tricks . . .

What Is A Css Reset. What Is The Difference Between A Css Reset And
Normalize.css

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

How Would You Solve A Floated Div’s Parent Height.

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

Declare All Elements With Class Of “blue-text” To Have A Text Color Of

Blue.

blue-text {color: blue;}

How Do You Include A Comment In Css

/* This is a Comment */

https://www.instapaper.com/read/1119742303 2/8
10/23/2018 Top 50 UI Developer Interview Questions and Answers [UPDATED] - TCS & Cognizant !!!

Is Javascript Case Sensitive?

Yes

Aspired to become an UI Developer?

Explore the post to discover the know-hows on UI Developer Training (https://tekslate.

What Are 2 (shorthand) Boolean Operators Supported By Javascript

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

What Is The Difference Between “==” And “===”

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

What Is The Result Of “20” + 20;

2020

What Javascript Method Would Convert The String “20” To An Integer

(on The Fly) So “20” + 20 = 40?

parseInt(“20″) + 20;

What Is An Ajax Request And What Is A Simple Example Of Where A

Ajax Request Would Be Used?

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

Assign Any Variable Name A Value Of “hello World”, And Print That
Variable’s Contents To The Console.

https://www.instapaper.com/read/1119742303 3/8
10/23/2018 Top 50 UI Developer Interview Questions and Answers [UPDATED] - TCS & Cognizant !!!

var t = “Hello World”;

console.log(t);

Create An Array In Javascript With A List Of 4 Colors, Assign That Array

To The Variable, ‘colors’.

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

How Do You Include A Comment In Javascript?

/* This is a comment block */

//This is a commented out line

Loop Through The Color Array And Print Each Value To The Console.
Assume You Do Not Know The Amount Of Colors In The Color Array.

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

for( var i = 0; i < colors.length; i++ )

console.log(colors[i]);

What Is Jquery?

A JavaScript Framework/Library that make things like DOM

selection/manipulation, AJAX, and animation, easier.

What Programming Language Does Jquery Use?

https://www.instapaper.com/read/1119742303 4/8
10/23/2018 Top 50 UI Developer Interview Questions and Answers [UPDATED] - TCS & Cognizant !!!

JavaScript

Is Jquery Code Executed On The Clientside, Or Serverside?

Clientside

How Do You Install/use Jquery In A Project. What Is The Minimum

Setup Needed To Start Using Jquery.

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

How Do You Select All Elements With The Class Of “selected” In Jquery?

$(‘.selected’);

Can Jquery Be Used To Make An Ajax Request?

Yes

Declare A New Variable In Php Equal To The Number 3;

$number = 3;

How Do You Check If A Variable Has Been Set In Php?

isset($var);

How Do You Access A Get Requests Url Parameter With Php?

$_GET[“urlkey”]

How Do You Check If A Variable Has Not Been Set In Php?

!isset($var);
https://www.instapaper.com/read/1119742303 5/8
10/23/2018 Top 50 UI Developer Interview Questions and Answers [UPDATED] - TCS & Cognizant !!!

What Is The Difference Between Require() And Include() When An Error

Is Encountered?

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

What Is A Simple Php Method To Make A Cross Domain Data Request?

file_get_contents().

Inside A Php Function, What Param Needs To Be Set In Order To Access

A Global Variable?

function function_name(){

global $the_global_var;

What Is The Current Major Version Of Bootstrap?

4.0 beta is the latest

What Css Class Do You Use To Span 12 Columns On Medium Sized

Screens But Only 6 Columns On Large Screens In The Latest Version Of
Bootstrap?

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

Name 3 Available Jquery Plugins That Bootstrap Has In Their Query

Plugin Library.

Modal, Dropdown, Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse,

Carousel, Affix.

https://www.instapaper.com/read/1119742303 6/8
10/23/2018 Top 50 UI Developer Interview Questions and Answers [UPDATED] - TCS & Cognizant !!!

What Minimum Things Do You Have To Do In Order To Include

Bootstrap & BootstrapJS In A Project/ Html Document.

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

What is the difference between xhtml, html4 and html5? Which one do
you use typically?

XHTML was the cleaner and stricter version of HTML-4. Whereas HTML5 is
the latest, smartest, and fastest version of HTML.

Does HTML needs complier?

HTML, CSS and JS are browser interpreted technologies. Whereas asp.net, java
and php are not interpreted. They need a compiler which can convert their code
in machine language. That’s why HTML, CSS and Javascript are also called
front-end technologies.

What is Semantic HTML?

HTML5 introduced semantic tags like header, nav,article,section, aside, footer

and figcaption. These tags convey the containing content. Whereas in html4, div
tag was used to create partitions using descriptive classes.

Which is best HTML debugging tool.

We use chrome, firefox and firebug Devtools as they are browser inbuilt. But
W3C Validation is best HTML Debugging tools.

How to use HTML5 New tags in IE8 and lesser.

https://www.instapaper.com/read/1119742303 7/8
10/23/2018 Top 50 UI Developer Interview Questions and Answers [UPDATED] - TCS & Cognizant !!!

HTML5 semantic tags like, header, nav,article,section, aside, footer and

figcaption are not supported in HTML4 based browsers like IE8 and lesser. We
can use html5shiv.js to run these elements in older browsers.
→ See More html5 tags in IE8

What is web accessibility?

Web accessibility means a web for differently abled or disabled people. HTML5
introduced WAI ARIA so that even disable people can interact, understand and
navigate a website.

Difference between <b> and <strong> tag?

<b> is a presentational element used to give bolder look to text. Whereas

<strong> gives bolder look and strong importance in search results.

Difference between <i> and <em> tag?

<i> is a presentational element used to give italic look to text. Whereas <em>
gives italic look and emphasise in search results.

tekslate.com (https://tekslate.com/ui-developer-interview-questions-and-answers/) · by
VibeThemes · March 15, 2018

https://www.instapaper.com/read/1119742303 8/8