UI DEVELOPER
INTERVIEW QUESTIONS & ANSWERS
HOW DO YOU OPTIMIZE A WEBSITE’S ASSETS?
File concatenation, file compression, CDN Hosting, offloading assets, re-organizing and refining code, etc. Have a few ready.
WHAT IS HTML? ï‚¢
HTML stands for HyperText Markup Language. It is the dominant markup language for creating websites and anything that can be viewed in a web browser. If you want to get some extra bonus points, you can learn the HISTORY OF HTML and throw in some obscure facts.
HOW MANY HTML TAGS ARE SHOULD BE USED FOR THE MOST SIMPLE OF WEB PAGES?
8 total. 4 pairs of tags.
<HTML>
<HEAD>
<TITLE>Simplest page ever!</TITLE>
</HEAD>
<BODY>
Doesn’t get simpler than this.
</BODY>
</HTML>
EMBEDED? ï&#x201A;¢
Embeded New Media Element in HTML5, For embedded content, such as a plug-in.
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.
WHAT ARE SOME NEW HTML5 MARKUP ELEMENTS?
ï&#x201A;¢
There are several: <article>, <aside>, <bdi>, <command>, <details>, <figure>, <figcaption>, <summary>, <header>, <footer>, <hgroup>, <mark>, <meter>, <nav>, <progress>, <ruby>, <rt>, <section>, <time>, and <wpr>.
WHAT IS THE DIFFERENCE BETWEEN SVG AND <CANVAS>? ï&#x201A;¢
<Canvas> is an element that manipulates two-dimensional (2D) pixels while Scalable Vector Graphics works in 2D and threedimensional (3D) vectors. Essentially, <Canvas> is to SVG as Photoshop is to Illustrator.
DESCRIBE THE DIFFERENCE BETWEEN COOKIES, SESSIONSTORAGE, AND LOCALSTORAGE.
Cookies are small text files that websites place in a browser for tracking or login purposes. Meanwhile, LOCALSTORAGE AND SESSIONSTORAGE are new objects, both of which are storage specifications but vary in scope and duration. Of the two, localStorage is permanent and websitespecific whereas sessionStorage only lasts as long as the duration of the longest open tab.
WHAT ARE CSS3 MODULES?
CSS3 is split up into “modules”. The old specification has been split into smaller pieces, and new ones are also added.
Some of the most important CSS3 modules are:
Selectors
Box Model
Backgrounds and Borders
Text Effects
2D/3D Transformations
Animations
Multiple Column Layout
User Interface
WHAT IS THE MEANING OF DOM ELEMENT? MAIN USE OF IT?
DOM:document object model
javascript can access all the elements of an html document
when a web page is loaded, the browser creates a documen object model of the page
document.getElementById();
document.getElementByClass();
Document.getElementByTagName(); etc,.
DEPRECATED ELEMENTS IN HTML5? The following HTML 4.01 elements are removed from HTML5: <acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <strike> <tt>
DIFFERENCES BETWEEN SVG AND CANVAS?
svg is a language for describing 2D graphics in xml.
Canvas draws 2D graphics, on the fly(with a js)
SVG is XML based, which means that every element is available within the SVG DOM. You can attach JavaScript event handlers for an element.
In SVG, each drawn shape is remembered as an object. If attributes of an SVG object are changed, the browser can automatically re-render the shape.
Canvas is rendered pixel by pixel. In canvas, once the graphic is drawn, it is forgotten by the browser. If its position should be changed, the entire scene needs to be redrawn, including any objects that might have been covered by the graphic.
DATA TYPES IN JS? ï&#x201A;¢
string, number, boolean, object, null, undefined.
For More Info Visit UI Developer Interview Questions & Answers