Frontend Developer Test

Please complete the following Frontend Developer Test. This test only takes a few minutes and will start with basic, less challenging questions and progressively get more challenging to determine where your skill set is.

Time to Complete: 5-7 minutes~

Total Questions: 11

1. Basic search knowledge & ability to follow instructions

As a basic litmus test, follow the instructions below.

Open a new browser window
Go to Google
Search for the phrase "Startup Business Loans StartCap" Copy
Find StartCap.org, count the ranking position, and then put the number in the box below

Keep the window open, you'll need it on the next question.

Tip 1: Phrase could be located up to page 5 of search results

Tip 2: You may need to "search instead for"

Phrase

2. Ability to follow instructions

Click the link in search results to visit the website
Scroll to the bottom of the page, find "Start-Up Loans", then click any option in that menu.
(e.g. Personal Loans, Business Loans, Line of Credit, etc.)
Copy the second heading (h2) and paste it into the box below

Leave the window open, we'll need it again later in the test.

3. Which of the following HTML elements is used for the largest heading?

H1

H3

H6

HEADER

4. Which of the following is a valid method to add an external CSS file to an HTML document?

Using the “link stylesheet” attribute

By specifying it inside a style element with the "source" attribute

With a “link” element that points to the file

Adding it to the JavaScript file

5. Which CSS property is responsible for the space between the content and the edge of an element’s border?

Margin

Padding

Outline

Display

6. Which JavaScript function allows you to select an element by its unique identifier?

getElementById()

getElementsByClassName()

getElementByTag()

querySelectorAll()

7. Which of the following CSS rules has the highest level of importance?

Class Selector

Element Selector

ID Selector

Universal Selector

8. What will this JavaScript expression output? console.log(2 + '2');

4

22

NaN (Not a Number)

Undefined

9. What is the purpose of the $(document).ready() function in jQuery?

To ensure the DOM is fully loaded before running code

To cache the webpage content

To run JavaScript code when images are loaded

To delay script execution until the user interacts

10. Which of the following is the correct way to center a block-level element in CSS?

Use text-align: center;

Apply margin-left: 50%; margin-right: 50%

Set margin-left: auto; margin-right: auto;

Use position: absolute;

11. Basic search knowledge & ability to follow instructions (continued)

Follow the steps below.

Go back to the previous window that was opened in question 1 of this test
Scroll to the bottom of the page
Click "Apply Online"
Copy the URL from the browser window & paste it into the box below