UI developer interview questions

Web UI developer builds web pages using the primary technologies of a website such as HTML5, CSS3, JavaScript and Jquery based on the given PSD or JPEG visual design of the web page. New generation UI developers are using CSS frameworks like Twitter BootStrap, Sematic UI and Optionally using a Javascript Framework like AngularJs Or ReactJss and some supporting tools like Grunt, Gulp, Eslint these suppoting tool works using NodeJs. If you are familiar with Adobe Photoshop or Illustrator it will be a plus point. If you are going for an interview for the post of a UI developer you must be good in the primary UI development technologies. If are going to attend the interview in the top MNC IT companies like TCS, Cognizant, Infosys, Wipro etc then you must cover all basic CSS styling methods and must be aware about the usage of all HTML4 and HTML5 features, tags and the Usage of both Jquery and Javascript. I have listed few important interview questions here.

HTML Questions

  1. How html5 is different from html4?

    HTML5 is an upgraded version of html4.01 and introduced some new features such as Audio, Video, Canvas, Drag & Drop, Storage, Geo Location, Web Socket etc and also introduced some new html tags such as article, section, header, aside and nav etc which help to create the page layout faster. HTML 5 will handle the inaccurate syntax of the tags and it simplified the doctype and character set declaration. It also deprecated some html tags like center, font, strike, acronym, applet etc.

  2. How browsers detect the html version of a webpage?

    We must declare the doctype at the top of the page, it is an instruction to the web browser about what version of HTML the page is written in.

  3. Write down the Doctype declaration of html5 and html4


    <!DOCTYPE html> 
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

  4. What are the new form attributes in HTML5 ?

    Placeholder, novalidate, autocomplete, required , autofocus, pattern, list, multiple, formnovalidate etc

  5. What is SVG?

    SVG stands for Scalable Vector Graphics, It is an XML based two-dimensional vector graphics image format.