UI Developer Interview Questions

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.

Who is UI/UX Developer? What he does?

UI/UX stands for 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.

Explain how you can add text in final cut pro?

In the time-line double click, in order to display it in the Viewer window at the top. At the lower end of the viewer, tap on the icon with big letter A, which indicates the text button

In the viewer window “Text” will appear in the viewer window. Tap the controls tab to open the text editing window
Type your text into the text box

Use the options or tools, given below the text box to change the font, size, style and color
To add your text into the Timeline, under Viewer, click on the video tab, then drag and drop the text into the timeframe where you wanted it to appear

Explain what is the use of SmoothCam Filter and how it works?

SmoothCam filter in Final Cut Pro is to analyze a clip’s complete media file before the effect can be played or rendered in real time.  SmoothCam filter requires two independent phases:

Motion Analysis: Pixels are analyzed in successive frames to determine the direction of camera movement. It stored the analysis data on disk

Motion Compensation: During rendering or real time playback, the SmoothCam filter avails the motion analysis data to implement a “four-corner” transformation to each frame.

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>

 <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 */

Is Javascript Case Sensitive?

Yes

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.

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?

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

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.

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.

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.

“At TekSlate, we are trying to create high quality tutorials and articles, if you think any information is incorrect or want to add anything to the article, please feel free to get in touch with us at info@tekslate.com, we will update the article in 24 hours.”

0 Responses on UI Developer Interview Questions"

    Leave a Message

    Your email address will not be published. Required fields are marked *

    Support


    Please leave a message and we'll get back to you soon.

    3 + 5