User Interface Expert Interview Questions And Answers

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

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.

/* This is a Comment */

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

$_GET["urlkey"]

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

Make sure you know all the relevant news and blogs. You should be reading them regardless, but doing so on a daily basis during your job search is important. Be ready to talk casually and fluently about the latest web trends.

Open Ended Question, looking to see what they are learning/ staying up-to-date with.

This is your chance to talk shop and demonstrate some industry knowledge. Be prepared to talk about your favorite editor, browser, plug-ins, operating system, and other tools. Freshen up on your lingo.

Open Ended Question, looking to see what they are learning/ staying up-to-date with.

File concatenation, file compression, CDN Hosting, offloading assets, re-organizing and refining code, etc. Have a few ready.

Open Ended Question, looking for an example of a complex/cool project, personality and what motivates them about development.

setting the default language, using Unicode encoding, using the 'lang' attribute, being aware of standard font sizes and text direction, and language word length

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

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

<script src="main.js"></script>
<link href="style.css" rel="stylesheet"></link>

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

Perhaps the biggest issue is the poor browser support XHTML currently enjoys. Internet Explorer and a number of other user agents cannot parse XHTML as XML. Thus, it is not the extensible language it was promised to be.

☛ static
☛ absolute
☛ fixed
☛ relative
☛ inherit

Comments are used to explain and clarify code or to prevent code from being recognized by the browser. Comments start with "*<!--" and end with " -->".

Mozilla, Stack Overflow, CSS-Tricks

It could be any number of things, but the most common mistakes are leaving out a tag bracket or quote missing for href, src, or alt text may be the issue. You should also verify the link itself.

static, absolute, fixed, relative, inherit

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.

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