Web Front End Developer Test Assessment

Topics covered

HTML5, AngularJS Application, JQuery - Application, CSS, Bootstrap - Application

  • MAQ (Multiple Answer Question)
  • MCQ (Multiple Choice Question)
  • Descriptive Question
  • White Board Simulator
  • Coding Simulator
  • Audio Question
  • Video Question
  • Case Study Question

Web Front End Developer is a client side development which is used for producing HTML, CSS and JavaScript for a web application. It is responsible for design and implementation of visual elements within a web application. This test is specially designed to check applied, practical skills of a Web Front End developer – as per Industry Standards. Our Web Front End Developer skill test is created and validated by Subject Matter Experts.

The  Web Front End Developer Skill test contains questions on following topics: 

  • HTML5 

  • AngularJS Application

  • JQuery - Application

  • CSS 

  • Bootstrap - Application 

The test contains MCQ's (Multiple Choice Questions), MAQ's (Multiple Answer Questions), Fill in the Blank, Descriptive, True or False. Using powerful reporting, you will have a detailed analysis of test results to help you make better decisions and predict candidate and employee success. 

This pre-employment test is useful for hiring:
  • Web Front End Developer (0-3 yrs experience) 
  • Web Developer
  • Front End Developer

Test details:


Web Front End Developer Skill test enables employers and recruiters to identify potential hires by evaluating working skills and job readiness. For this reason, the emphasis is laid upon evaluating the knowledge of applied skills gained through real work experience, rather than theoretical knowledge. 

Test Duration: 50 minutes 

50 Questions

The combination of Application and Theory questions helps to evaluate Technical as well as practical Skills of Candidates. 

Web Front End Developer Test

Question #1 of 3

Which of the following is/are new features of HTML5?

Note: There can be multiple correct answers to this question.

    • Use <canvas> element for 2D drawing.

    • Use<video>elements for media playback.

    • Use<audio>elements for media playback.

    • Support for local storage.

Question #2 of 3

How to align text vertically next to an image? 


Note: There can be multiple correct answers to this question.

    • <div>
      <img style="vertical-align:middle" src="https://img.ru/img.jpg">
      <span style="">Text</span>

    • div {display:flex;}

    • div {align-items:center;}

    • div * {margin-top:auto; margin-bottom:auto;}

Question #3 of 3

How would you create an iterative 'foreach' loop with a data-binding expression that displays the name property of each phone, with the preceding line of code?

    • <ul>
      <li ng-repeat="phone in phones">{{ phone.name }}</li>

    • <ul>
      <li ng-foreach="phone in phones">{{ phone.name }}</li>

    • <ul>
      <li ng-repeat="forEach phone in phones">{{ phone.name }}</li>

    • <ul>
      <li ng-repeat="phone in phones">{ phone.name }</li>

    • <ul>
      <li ng-repeat="phone.name in phones">{{ phone }}</li>

Candidate Name: David Messi Test Date: 28-May-2014
Test Name: Web Front End Developer Test Test Start Time: 13.30

Score: 31 Out Of 50

Percentage: 62

Result: PASS

passing score image
Section Name FAIL PASS
Score: 9/10
Angular JS Application
Score: 4/10
JQuery - Application
Score: 7/10
Score: 9/10
Bootstrap - Application
Score: 2/10
Strength HTML 5, CSS
Weakness Angular JS Application, Bootstrap - Application
* Note: If score <= 40 then its a Weakness. If score >= 80 then its a Strength.
10 20 30 40 50 60 70 80 90 100%
Tolerable Limit Not acceptable
Window Violation: 0 | Time Violation: 0 secs
Gender : Male Phone Number : +1-541-754-3010
Total Experience (Years) : 3 Total Experience (Months) : 5
Skill Set : HTML 5, CSS Current Employer : Interview Mocha
Current Job Title : Solution Architect Current Salary : 600.00
Expected Salary : 1000000.00 Current Location : Chicago

Related Tests

Sign up for a free trial today

Get your free trial and test up to 10 candidates. No strings attached. No credit card required.


Schedule a Demo

How Interview Mocha works?

  • Add this test to your account

  • Invite candidates to take this test online

  • Candidates take the test

  • View and share actionable test reports

Trusted by leading brands worldwide

  • altran
  • credit suisse
  • sephora
  • nielsen
  • capgemini
  • hexaware
Why hiring managers and recruiters across the globe love Interview Mocha
  • Largest number of ready pre-employment skill tests
  • Relevant test compositions and quality questions designed by Subject Matter Experts (IM SME)
  • Fastest custom test creation DNA
  • World’s most super easy skill assessment platform
  • High level of platform security implementation
  • Friendly and quick customer support
  • Ready to listen and implement your feedback, we are all ears
  • Affordable pricing

Sign up for a free trial today

Get your free trial and test up to 10 candidates. No strings attached. No credit card required.


Schedule a Demo