UI Developer Interview Questions

Following are some of the most frequently asked UI Developer interview questions in the interview, here are the answers for them.

 Categories of UI Developer Interview Questions

 

1Q) Who is a UI/UX Developer? What does he do?

Ans: UI/UX - User Interface/ User Experience, and the developer has to work for better User Interaction with functionality. The focus is to provide a better interface for a user by front-end coding.

2Q) What Skills are required to become a UI Developer?

Ans: 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.

3Q) What Is Semantic Html?

Ans: 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.

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

Ans:

<script src="main.js"></script>

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

5Q) Name 4 New Elements In Html5 That Were Not Available In Previous Html Versions?

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

Inclined to build a profession as a UI Developer? Then here is the blog post on, explore "UI Developer Training"

6Q) Name 3 Attributes Of The Position Property?

Ans: static, absolute, fixed, relative, inherit.

7Q) Name Some Online Resources You Reference When Having Css Issues?

Ans: Mozilla, Stack Overflow, CSS-Tricks . . .

8Q) What Is A CSS Reset. What Is The Difference Between A Css Reset And Normalize.css?

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

9Q) How Would You Solve A Floated Div’s Parent Height?

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

10Q) Declare All Elements With Class Of “blue-text” To Have A Text Color Of Blue?

Ans: blue-text {color: blue;}

UI Developer Interview Questions for Freshers

11Q) How Do You Include A Comment In Css?

Ans: /* This is a comment */

12Q) Is Javascript Case Sensitive?

Ans: Yes

13Q) What Are 2 (shorthand) Boolean Operators Supported By Javascript?

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

14Q) What Is The Difference Between “==” And “===”?

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

15Q) What Is The Result Of “20” + 20;?

Ans: 2020

16Q)What Javascript Method Would Convert The String “20” To An Integer (on The Fly) So “20” + 20 = 40?

Ans: parseInt(“20″) + 20;

17Q) What Is An Ajax Request And What Is A Simple Example Of Where A Ajax Request Would Be Used?

Ans:  Asynchronous JavaScript and XML. The client-side process used for GET, POST etc to get new data without having to refresh the page.

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

Ans:  var t = "Hello World";  

console.log(t);

19Q) Create An Array In Javascript With A List Of 4 Colors, Assign That Array To The Variable, ‘colors’?

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

20Q) How Do You Include A Comment In Javascript?

Ans: /* This is a comment block */

//This is a commented outline

UI Developer Interview Questions for Experienced

21Q) Loop Through The Color Array And Print Each Value To The Console. Assume You Do Not Know The Number Of Colors In The Color Array?

Ans:

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

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

{

console.log(colors[i]);

}

22Q) What Is Jquery?

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

23Q) What Programming Language Does Jquery Use?

Ans: JavaScript

24Q) Is Jquery Code Executed On Thsie Clientside Or Severe?

Ans: Clientside

25Q) How Do You Install/use Jquery In A Project. What Is The Minimum Setup Needed To Start Using Jquery?

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

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

Ans: $(‘.selected’);

27Q) Can Jquery Be Used To Make An Ajax Request?

Ans: Yes

28Q) Declare A New Variable In Php Equal To The Number 3?

Ans: $number = 3;

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

Ans: isset($var);

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

Ans: $_GET[“urlkey”]

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

Ans: !isset($var);

32Q) What Is The Difference Between Require() And Include() When An Error Is Encountered?

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

33Q) What Is A Simple Php Method To Make A Cross-Domain Data Request?

Ans: file_get_contents().

34Q) Inside A Php Function, What Param Needs To Be Set In Order To Access A Global Variable?

Ans:

function function_name(){

global $the_global_var;

}

35Q) What Is The Current Major Version Of Bootstrap?

Ans: 4.0 beta is the latest

36Q) 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?

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

37Q) Name 3 Available Jquery Plugins That Bootstrap Has In Their Query Plugin Library?

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

38Q) What Minimum Things Do You Have To Do In Order To Include Bootstrap & BootstrapJS In A Project/ Html Document?

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

39Q) What is the difference between XHTML, html4, and html5? Which one do you use typically?

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

40Q) Does HTML need a compiler?

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

41Q) What is Semantic HTML?

Ans: HTML5 introduced semantic tags like header, nav,article,section, aside, footer and figcaption. These tags convey the containing content. Whereas in html4, the div tag was used to create partitions using descriptive classes.

42Q) Which is the best HTML debugging tool?

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

43Q) How to use HTML5 New tags in IE8 and lesser?

Ans: 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

44Q) What is web accessibility?

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

45Q) Difference between <b> and <strong> tag?

Ans: <b> is a presentational element used to give bolder look to the text. Whereas <strong> gives bolder look and strong importance in search results.

46Q) Difference between <i> and <em> tag?

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