Test For The Front-end Developer Position

16 Questions | Total Attempts: 13

SettingsSettingsSettings
Please wait...
Test For The Front-end Developer Position

This test contains a total of 16 questions (HTML, CSS, JavaScript, jQuery). The duration of the test is limited to 15 minutes. The questions on the test are closed (answers are offered). There are negative points for an incorrect answer. If you do not answer the question (select no answer), the number of points on that question will be 0 (no negative points).


Questions and Answers
  • 1. 
    Choose the correct HTML tag for the largest heading.
    • A. 

      <head>

    • B. 

      <heading>

    • C. 

      <h6>

    • D. 

      <h1>

  • 2. 
    Which attribute tells the browser where to go when a hyperlink is clicked?
    • A. 

      Src

    • B. 

      Url

    • C. 

      Href

    • D. 

      Link

  • 3. 
    Which of these HTML elements are all <table> elements?
    • A. 

      <table><tr><td> 

    • B. 

      <thead><body><tr>

    • C. 

      <table><tr><tt>

    • D. 

      <table><head><tfoot>

  • 4. 
    What is the correct HTML for making a text input field?
    • A. 

      <textfield>

    • B. 

      <textinput type="text">

    • C. 

      <input type="text">

    • D. 

      <input type="textfield">

  • 5. 
    Which attribute will play the video embed in the video element continuously?
    • A. 

      Preload 

    • B. 

      Loop

    • C. 

      Control

    • D. 

      Autoplay

  • 6. 
    In CSS, how would you select all of the paragraphs (p tags) on a page?
    • A. 

      <p> { }

    • B. 

      #p { }

    • C. 

      P { }

    • D. 

      .p { }

  • 7. 
    How to rotate objects using CSS3?
    • A. 

      Object-rotation: 30deg; 

    • B. 

      Transform: rotate(30deg);

    • C. 

      Rotate-object: 30deg; 

    • D. 

      Transform: rotate-30deg-clockwise;

  • 8. 
    How to remove the underline from hyperlinks using CSS?
    • A. 

      A {text-decoration:no underline}

    • B. 

      A {underline:none}

    • C. 

      A {text-decoration:none}

    • D. 

      A {decoration:no underline}

  • 9. 
    Which CSS property is used to create spacing between HTML elements?
    • A. 

      Padding

    • B. 

      Border

    • C. 

      Spacing

    • D. 

      Margin

  • 10. 
    In CSS, select the appropriate option for element styling so that the next element appears next to it, not below it. The width of the two elements together is smaller than a container element.
    • A. 

      Display: left;

    • B. 

      Display: horizontal;

    • C. 

      Display: inline;

    • D. 

      None

  • 11. 
    Which of the following JavaScript code snippet would create an object?
    • A. 

      Var holder = Object();

    • B. 

      Var holder = new Object();

    • C. 

      Var holder = new OBJECT();

    • D. 

      Var holder = new holder();

  • 12. 
    What is the output of the following JavaScript snippet? function() { var a = 13; if(a > 8) { a = 6; } alert(a); }
    • A. 

      Null

    • B. 

      13

    • C. 

      6

    • D. 

      Undefined

  • 13. 
    When executed, the below JavaScript code will pop up three alerts. Which is the correct order of the alerts? var a = 6; function test() { var a = 7; function again() { var a = 8; alert(a); } again(); alert(a); } test(); alert(a);
    • A. 

      8 7 6

    • B. 

      6 7 8

    • C. 

      8 6 7

    • D. 

      7 6 8

  • 14. 
    With jQuery, look at the following selector: $("div.test"). What does it select?
    • A. 

      The first div element with class="test"

    • B. 

      All div elements with class="test"

    • C. 

      All div elements with id="test"

    • D. 

      The first div element with id="test"

  • 15. 
    Which of the following jQuery method is used to hide the selected elements?
    • A. 

      Visible(false)

    • B. 

      Hidden()

    • C. 

      Display(none) 

    • D. 

      Hide()

  • 16. 
    What is the correct jQuery code to set the background color of all p elements to black?
    • A. 

      $("p").layout("background-color","black");

    • B. 

      $("p").css("background-color","black");

    • C. 

      $("p").manipulate("background-color","black");

    • D. 

      $("p").style("background-color","black");

Back to Top Back to top