UI Developer

  Home  GUI  UI Developer


“User Interface Expert based Frequently Asked Questions by expert members with experience as GUI Developer. These questions and answers will help you strengthen your technical skills, prepare for the new job test and quickly revise the concepts”



90 UI Developer Questions And Answers

1⟩ 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.

 179 views

3⟩ Tell me what is jQuery?

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

 189 views

10⟩ Create a new javascript object with the keys of "fname" equal to your first name, "lname" equal to your last name, and "fcolors" equal to and array of 3 of your favorite colors. assign this object to a variable called "me" and log it to the console?

var me = {"fname": "Global", "lname": "Guideline", "fcolors": ["blue", "green", "whitesmoke"]};

console.log(me);

// or

var me = {};

me.fname = "Global";

me.lname = "Guideline";

me.fcolors = ["blue", "green", "whitesmoke"];

console.log(me);

 184 views

11⟩ Tell me what are the new media-related elements in HTML5?

HTML5 has strong support for media. There are now special <audio> and <video> tags. There are additional A/V support tags as well: <embed> is a container for 3rd party applications. <track> is for adding text tracks to media. <source> is useful for A/V media from multiple sources.

 168 views

14⟩ Explain what is the difference between linking to an image, a website, and an email address?

To link an image, use <img> tags. You need specify the image in quotes using the source attribute, src in the opening tag. For hyperlinking, the anchor tag, <a>, is used and the link is specified in the href attribute. Text to be hyperlinked should be placed between the anchor tags.

Little known fact: href stands for "hypertext reference." When linking to an email, the href specification will be "mailto:send@here.com." See examples below:

<img src="HTMLrocks.jpg"></img>

<a href="http://www.rendc.org/">global guideline</a>

<a href="hussain@rendc.org">Email Me</a>

 212 views

15⟩ Explain what is the coolest thing you ever coded? Do you have any personal projects you are working on?

These two questions are interchangeable. Any developer worth his weight had to practice somewhere or on something before they landed their first gig. If not, how did you get this interview anyway?! Review your past experiences, and even if they were boring to you, figure out a new frame of reference that demonstrates passion and a zest for learning.

 189 views

16⟩ Explain what's the real difference between HTML and HTML5?

There are many. From a broader perspective, HTML was a simple language for laying out text and images on a webpage, whereas HTML5 can be viewed as an application development platform that does what HTML does that and more, including better support for audio, video, and interactive graphics. It has a number of new elements, supports offline data storage for applications, and has more robust exchange protocols. Thus, proprietary plug-in technologies like Adobe Flash, Microsoft Silverlight, Apache Pivot, and Sun JavaFX are no longer needed, because browsers can now process these elements without additional requirements.

 177 views

17⟩ Tell me what is the difference between <div> and <frame>?

A <div> is a generic container element for grouping and styling, whereas a <frame> creates divisions within a web page and should be used within the <frameset> tag. The use of <frame> and <frameset> are no longer popular and are now being replaced with the more flexible <iframe>, which has become popular for embedding foreign elements (ie. Youtube videos) into a page.

 180 views

18⟩ With jQuery, construct an array that has the values ["A", "B", "C", "D", "E", "F"] by getting the letters stored in the following html elements and pushing them into the array? <div class="select-container" data-letter="A"> B <div class="select-wrapper"> <ul> <li id="select-first">D</li> <li></li> <li>E</li> <li></li> C </ul> </div> <div> <span>F</span> </div> </div>

var letterArray = [];

// A

letterArray.push($('.select-container').data("letter"));

// B

var b = $('.select-container').contents().filter(function() {

return this.nodeType === 3 && this.nodeValue.trim() !== '';

}).text().trim();

letterArray.push(b);

// C

var c = $('.select-wrapper ul').contents().filter(function() {

return this.nodeType === 3 && this.nodeValue.trim() !== '';

}).text().trim();

letterArray.push(c);

// D

letterArray.push($('#select-first').text());

//E

letterArray.push($('.select-wrapper li').eq(2).text());

// F

letterArray.push($('.select-container > div:last-child span').text());

// Console Log the array.

console.log(letterArray);

 160 views

19⟩ Explain what is "Semantic HTML?"?

Semantic HTML is a coding style where the tags embody what the text is meant to convey. In Semantic HTML, tags like <b></b> for bold, and <i></i> for italic should not be used, reason being they just represent formatting, and provide no indication of meaning or structure. The semantically correct thing to do is use <strong></strong> and <em></em>. These tags will have the same bold and italic effects, while demonstrating meaning and structure (emphasis in this case).

 185 views