Friday, February 2, 2018

phpMyPassion

Top UI Developer Interview Questions and Answers For Experienced



Here I am sharing top frequently asked UI Developer interview questions and answers for experienced. Read these questions carefully before the interview.

Question #1 - What is the difference between html, xhtml, html 4 and html 5? Which one do you use typically?


HTML5 is an upgraded version of html 4 and presented some new features like Audio, Video, Canvas, Drag & Drop, Storage, Geo Location, Web Socket etc and furthermore presented some new html labels, for example, article, area, header, aside and nav and so on which help to make the page design speedier.

XHTML was the cleaner and stricter version of HTML-4. Though HTML5 is the most recent, sharpest, and quickest form of HTML.

I mostly used HTML 5 latest version.
Question #2 - What are the new form attributes in HTML5 ?

Novalidate,placeholder, required, autocomplete, pattern, autofocus, list, multiple, formnovalidate etc


Question #3 - What is SVG?

SVG known as Scalable Vector Graphics, It is an XML based two-dimensional vector graphics image format.
Question #4 - List out some HTML5 tags

header, footer, main, nav, section, article, aside etc.
Question #5 - What is the use of HTML5 Canvas element ?

Canvas used to draw graphics on a web page by the help of javascript.
Question #6 - What is the use of 'placeholder' attribute in HTML5?

It is used to to show some content with in a textbox or textarea and the content will disappear when user begin writing in that box
Question #7 - Is javascript case sensitive?

Yes, Javascript is case sensitive.

Question #8 - What is difference between == and === operator?

== is a comparison operator while === is a hard equality operator. == checks value only while === check value and datatype. 5=="5" id true but 5==="5" is false.

Question #9 - What is an AJAX request and what is a simple example of where a AJAX request would be used.

AJAX known as "Asynchronous JavaScript and XML". It is commonly used client side process to get or post data from remote server without reloading page.

Question #10 - What is Event bubbling and Event Capturing.

Event Propagation are the order that event fire on element. 

Bubbling :-

Bubbling is when a event fire on the element and then bubble up DOM Tree. Means First child and then parent will call. 

Capturing :-

Capturing is exactly opposite. First parent node is called and then propagates down towards target element.

Question #11 - How to get value of input box using jQuery ?

You can get value of input box using below function..

<script>
   $(‘input:textbox’).val();
</script>


Question #12 - how to remove a class in jquery?

You can remove a class form a html element like :-
<p class="perag">This is a paragraph.</p>

<script>
    $("p").removeClass("perag");
</script>
Question #13 - What is a CDN?

Content Delivery Network (CDN) in straightforward terms is a gathering of servers spread over the globe. In other words, a CDN is a system of servers in which each request will go to the nearest server.
Question #14 - What are the features of jQuery, has been used in web applications?

jQuery uses features like Sliding, File uploading and accordian in web applications.
Question #15 - What are the basic selectors in jQuery?

Following are the basic selectors in jQuery:
  • Element ID
  • CSS Name
  • Tag Name
  • DOM hierarchy

Question #15 - How do you select all elements with the class of “selected” in jQuery?

We use below code to select all elements with the class.

<script>
    $(‘.selected’);
</script>

Question #16 - How would you select the 3rd li element and retreive the value of it’s id attribute w/out selecting the li by id?

*You can select it by index. For an example - 
<ul id="list">
    <li id="one"></li>
    <li id="two"></li>
    <li id="three"></li>
    <li id="four"></li>
  </ul>

We can do it by two way in jquery as below -
1.
<script> 
$('ul li').eq(2).attr('id');
 </script>

2.


<script>
  var item;
  $.each($('ul li'), function(i){
    if (i == 2){
      item = $(this).attr('id');
    }
  });</script>

Question #17 - What is the difference between “==” and “===”?

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

Question #18 - What is Semantic HTML?

HTML use markup that also conveys the capturing 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.

Question #19 - Does HTML needs complier?

No, HTML does not need complier.

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

<script>
  var t = “Hello World”;  
  console.log(t);
  </script>



About Author -

Hi, I am Anil.

Welcome to my eponymous blog! I am passionate about web programming. Here you will find a hug of information on web development, web design, PHP, Python, Digital Marketing and Latest technology.

Subscribe to this Blog via Email :