Top 31 Ui Developer Interview Questions You Must Prepare 27.Jul.2024

Q1. 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″

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

Q3. Name 3 Attributes Of The Position Property.

static, absolute, fixed, relative, inherit.

Q4. Inside A Php Function, What Param Needs To Be Set In Order To Access A Global Variable?

function function_name(){ 
global $the_global_var;

Q5. Name 3 Available Jquery Plugins That Bootstrap Has In Their Query Plugin Library.

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

Q6. What Is Jquery

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

Q7. What Programming Language Does Jquery Use?

JavaScript

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

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

$_GET[“urlkey”]

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

Q11. Name 3 Of The Minimum Html Elements Needed For An Html Document.

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

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

!isset($var);

Q13. Name 4 New Elements In Html5 That Were Not Available In Previous Html Versions.

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

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

file_get_contents().

Q15. Is Jquery Code Exicuted On The Clientside, Or Serverside?

Clientside

Q16. What Are 2 (shorthand) Boolean Operators Supported By Javascript

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

Q17. Can Jquery Be Used To Make An Ajax Request?

Yes

Q18. How Do You Include A Comment In Javascript?

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

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

$number = 3;

Q20. How Do You Include A Comment In Css

/* This is a Comment */

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

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

isset($var);

Q23. If You Have An Issue With Your Page, How Do You Debug It, What Tools Do You Use?

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

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

Q25. What Is The Current Major Version Of Bootstrap?

3.x.x

Q26. What Minimum Things Do You Have To Do In Order To Include Bootstrap & Boostrap Js 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).

Q27. 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]); 
}

Q28. 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> 
  <link href="style.css" rel="stylesheet"></link>

Q29. Name Some Online Resources You Reference When Having Css Issues.

Mozilla, Stack Overflow, CSS-Tricks . . .

Q30. Who Is Ui/ux Developer? What He Does?

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.

Q31. Is Javascript Case Sensitive?

Yes