Search test library by skills or roles
⌘ K

PHP, JavaScript & HTML/CSS Online Test

About the test:

The PHP, JavaScript & HTML/CSS Test uses scenario-based MCQs to evaluate candidates on their proficiency in PHP programming language, JavaScript, and HTML/CSS markup. The test assesses candidates' understanding of topics such as object-oriented programming, DOM manipulation, event handling, server-side scripting, as well as front-end web development. Candidates are evaluated on their ability to use these technologies to develop responsive and interactive web applications, as well as their proficiency in writing functional code that adheres to web standards and best practices.

Covered skills:

  • PHP Basics
  • JavaScript Basics
  • Asynchronous programming
  • HTML/ CSS fundamentals
  • Coding
  • PHP OOPs
  • User interaction handling with JS
  • API Handling in JS
  • HTML DOM Handling in JS

9 reasons why
9 reasons why

Adaface PHP, JavaScript & HTML/CSS Test is the most accurate way to shortlist PHP Full Stack Developers



Reason #1

Tests for on-the-job skills

The PHP, JavaScript & HTML/CSS Online Test helps recruiters and hiring managers identify qualified candidates from a pool of resumes, and helps in taking objective hiring decisions. It reduces the administrative overhead of interviewing too many candidates and saves time by filtering out unqualified candidates at the first step of the hiring process.

The test screens for the following skills that hiring managers look for in candidates:

  • Ability to write clean and efficient PHP code
  • Experience in object-oriented programming with PHP
  • Strong grasp of JavaScript syntax and functions
  • Ability to handle user interaction using JavaScript
  • Proficiency in asynchronous programming with JavaScript
  • Knowledge of API handling in JavaScript
  • Understanding of HTML/CSS fundamentals
  • Familiarity with HTML DOM handling using JavaScript
  • Demonstrated coding skills
Reason #2

No trick questions

no trick questions

Traditional assessment tools use trick questions and puzzles for the screening, which creates a lot of frustration among candidates about having to go through irrelevant screening assessments.

View sample questions

The main reason we started Adaface is that traditional pre-employment assessment platforms are not a fair way for companies to evaluate candidates. At Adaface, our mission is to help companies find great candidates by assessing on-the-job skills required for a role.

Why we started Adaface
Reason #3

Non-googleable questions

We have a very high focus on the quality of questions that test for on-the-job skills. Every question is non-googleable and we have a very high bar for the level of subject matter experts we onboard to create these questions. We have crawlers to check if any of the questions are leaked online. If/ when a question gets leaked, we get an alert. We change the question for you & let you know.

How we design questions

These are just a small sample from our library of 10,000+ questions. The actual questions on this PHP, JavaScript & HTML/CSS Test will be non-googleable.

🧐 Question

Medium

Dynamic Function Calls
Arrays
Strings
Functions
Solve
Consider the following PHP pseudo code:
 image
The processArray function processes the $data array based on the transformation operations defined in the $operations array. The operations array dictates which transformation function to call for each sub-array key. What will be the output of the above code?
 image

Hard

Alter and Change
OOPs
Solve
What does the following code output?
 image

Hard

Exceptions
Exceptions
Solve
What does the following code output?
 image

Easy

PDO MySQL
Database Connections
Solve
Consider the following table data and PHP code. What is the result?
 image

Medium

Session Management and Object Serialization
Sessions
Serialization
Solve
Consider the following PHP script:
 image
Assuming you run the script twice in a row without clearing the session data, what will be the output on the second run?

Medium

Async Await Promises
Promises
Async-Await
Solve
What will the following code output?
 image
A: 24 after 5 seconds and after another 5 seconds, another 24
B: 24 followed by another 24 immediately
C: 24 immediately and another 24 after 5 seconds
D: After 5 seconds, 24 and 24
E: Undefined
F: NaN
G: None of these

Medium

Bitcoin prices
Axios
Promises
Solve
Review the following JavaScript code and pick the correct options: 
 image
Assume that the API returns a successful 200 response code and a JSON object as the response body. What would the value of ‘a’ be after the code is executed?

Medium

My Module
Scope
Solve
What will the output of the following JavaScript code be?
 image
 image

Medium

Promise Resolve
Promises
Async-Await
Solve
What does the following code output? 
 image

Easy

Throw, Try, Async
Promises
Async-Await
Solve
What does the following JS code output?
 image

Easy

Background Properties
Solve
Consider the following shorthand CSS example:

background: #f7f7f7 url(jolie.jpg) no-repeat scroll 0px 0px;

Which of the following show the individual background properties represented by the shorthand:
 image

Easy

Colorful sentences
Solve
Our intern is writing a colorful blog post, and has written the following code. What colors will the sentences be?
 image
A: Sentence 1 will be gray, Sentence 2 will be pink.
B: Both sentences will be gray.
C: Sentence 1 will be pink, Sentence 2 will be gray.
D: Both sentences will be pink.
E: The code does not make sense; will throw an error.

Easy

Links
Solve
In the following HTML, what will be the color of link with class "mark"
 image

Medium

Let's Hack
CSS Property
Solve
Consider the following HTML and CSS:
 image
 image
Which additional CSS rule(s) will render the following image? Choose ALL that apply.
 image
A:
div{
  flex-direction : column;
  align-items : center;
}
B:
div{
  flex-direction : row;
  align-items: center;
}
C:
div{
  flex-direction: column;
  justify-content: center;
}
D:
div{
  flex-direction: row;
  justify-content: center;
}

Easy

Registration Queue
Logic
Queues
Solve
We want to register students for the next semester. All students have a receipt which shows the amount pending for the previous semester. A positive amount (or zero) represents that the student has paid extra fees, and a negative amount represents that they have pending fees to be paid. The students are in a queue for the registration. We want to arrange the students in a way such that the students who have a positive amount on the receipt get registered first as compared to the students who have a negative amount. We are given a queue in the form of an array containing the pending amount.
For example, if the initial queue is [20, 70, -40, 30, -10], then the final queue will be [20, 70, 30, -40, -10]. Note that the sequence of students should not be changed while arranging them unless required to meet the condition.
⚠️⚠️⚠️ Note:
- The first line of the input is the length of the array. The second line contains all the elements of the array.
- The input is already parsed into an array of "strings" and passed to a function. You will need to convert string to integer/number type inside the function.
- You need to "print" the final result (not return it) to pass the test cases.

For the example discussed above, the input will be:
5
20 70 -40 30 -10

Your code needs to print the following to the standard output:
20 70 30 -40 -10

Medium

Visitors Count
Strings
Logic
Solve
A manager hires a staff member to keep a record of the number of men, women, and children visiting the museum daily. The staff will note W if any women visit, M for men, and C for children. You need to write code that takes the string that represents the visits and prints the count of men, woman and children. The sequencing should be in decreasing order. 
Example:

Input:
WWMMWWCCC

Expected Output: 
4W3C2M

Explanation: 
‘W’ has the highest count, then ‘C’, then ‘M’. 
⚠️⚠️⚠️ Note:
- The input is already parsed and passed to a function.
- You need to "print" the final result (not return it) to pass the test cases.
- If the input is- “MMW”, then the expected output is "2M1W" since there is no ‘C’.
- If any of them have the same count, the output should follow this order - M, W, C.
🧐 Question🔧 Skill

Medium

Dynamic Function Calls
Arrays
Strings
Functions

2 mins

PHP
Solve

Hard

Alter and Change
OOPs

2 mins

PHP
Solve

Hard

Exceptions
Exceptions

2 mins

PHP
Solve

Easy

PDO MySQL
Database Connections

2 mins

PHP
Solve

Medium

Session Management and Object Serialization
Sessions
Serialization

2 mins

PHP
Solve

Medium

Async Await Promises
Promises
Async-Await

2 mins

JavaScript
Solve

Medium

Bitcoin prices
Axios
Promises

2 mins

JavaScript
Solve

Medium

My Module
Scope

2 mins

JavaScript
Solve

Medium

Promise Resolve
Promises
Async-Await

2 mins

JavaScript
Solve

Easy

Throw, Try, Async
Promises
Async-Await

2 mins

JavaScript
Solve

Easy

Background Properties

2 mins

HTML/CSS
Solve

Easy

Colorful sentences

2 mins

HTML/CSS
Solve

Easy

Links

2 mins

HTML/CSS
Solve

Medium

Let's Hack
CSS Property

3 mins

HTML/CSS
Solve

Easy

Registration Queue
Logic
Queues

30 mins

Coding
Solve

Medium

Visitors Count
Strings
Logic

30 mins

Coding
Solve
🧐 Question🔧 Skill💪 Difficulty⌛ Time
Dynamic Function Calls
Arrays
Strings
Functions
PHP
Medium2 mins
Solve
Alter and Change
OOPs
PHP
Hard2 mins
Solve
Exceptions
Exceptions
PHP
Hard2 mins
Solve
PDO MySQL
Database Connections
PHP
Easy2 mins
Solve
Session Management and Object Serialization
Sessions
Serialization
PHP
Medium2 mins
Solve
Async Await Promises
Promises
Async-Await
JavaScript
Medium2 mins
Solve
Bitcoin prices
Axios
Promises
JavaScript
Medium2 mins
Solve
My Module
Scope
JavaScript
Medium2 mins
Solve
Promise Resolve
Promises
Async-Await
JavaScript
Medium2 mins
Solve
Throw, Try, Async
Promises
Async-Await
JavaScript
Easy2 mins
Solve
Background Properties
HTML/CSS
Easy2 mins
Solve
Colorful sentences
HTML/CSS
Easy2 mins
Solve
Links
HTML/CSS
Easy2 mins
Solve
Let's Hack
CSS Property
HTML/CSS
Medium3 mins
Solve
Registration Queue
Logic
Queues
Coding
Easy30 minsSolve
Visitors Count
Strings
Logic
Coding
Medium30 minsSolve
Reason #4

1200+ customers in 75 countries

customers in 75 countries
Brandon

With Adaface, we were able to optimise our initial screening process by upwards of 75%, freeing up precious time for both hiring managers and our talent acquisition team alike!


Brandon Lee, Head of People, Love, Bonito

Reason #5

Designed for elimination, not selection

The most important thing while implementing the pre-employment PHP, JavaScript & HTML/CSS Test in your hiring process is that it is an elimination tool, not a selection tool. In other words: you want to use the test to eliminate the candidates who do poorly on the test, not to select the candidates who come out at the top. While they are super valuable, pre-employment tests do not paint the entire picture of a candidate’s abilities, knowledge, and motivations. Multiple easy questions are more predictive of a candidate's ability than fewer hard questions. Harder questions are often "trick" based questions, which do not provide any meaningful signal about the candidate's skillset.

Science behind Adaface tests
Reason #6

1 click candidate invites

Email invites: You can send candidates an email invite to the PHP, JavaScript & HTML/CSS Test from your dashboard by entering their email address.

Public link: You can create a public link for each test that you can share with candidates.

API or integrations: You can invite candidates directly from your ATS by using our pre-built integrations with popular ATS systems or building a custom integration with your in-house ATS.

invite candidates
Reason #7

Detailed scorecards & benchmarks

View sample scorecard
Reason #8

High completion rate

Adaface tests are conversational, low-stress, and take just 25-40 mins to complete.

This is why Adaface has the highest test-completion rate (86%), which is more than 2x better than traditional assessments.

test completion rate
Reason #9

Advanced Proctoring


Learn more

About the PHP, JavaScript & HTML/CSS Assessment Test

Why you should use Pre-employment PHP, JavaScript & HTML/CSS Online Test?

The PHP, JavaScript & HTML/CSS Test makes use of scenario-based questions to test for on-the-job skills as opposed to theoretical knowledge, ensuring that candidates who do well on this screening test have the relavant skills. The questions are designed to covered following on-the-job aspects:

  • PHP Basics
  • PHP Object-Oriented Programming (OOP)
  • JavaScript Basics
  • Handling User Interaction in JavaScript
  • Asynchronous Programming in JavaScript
  • API Handling in JavaScript
  • HTML/CSS Fundamentals
  • HTML DOM Handling in JavaScript
  • Coding
  • PHP Advanced Concepts

Once the test is sent to a candidate, the candidate receives a link in email to take the test. For each candidate, you will receive a detailed report with skills breakdown and benchmarks to shortlist the top candidates from your pool.

What topics are covered in the PHP, JavaScript & HTML/CSS Online Test?

  • PHP Basics

    PHP Basics refers to the foundational concepts and syntax used in the PHP programming language, including variables, data types, operators, control structures, and functions. It is important to measure this skill in the test to assess a candidate's understanding of the fundamentals of PHP programming.

  • PHP OOPs

    PHP OOPs (Object-Oriented Programming) involves the use of classes, objects, inheritance, polymorphism, and encapsulation in PHP. Evaluating this skill in the test helps assess a candidate's proficiency in designing and implementing object-oriented solutions in PHP.

  • JavaScript Basics

    JavaScript Basics encompasses the fundamental concepts and syntax of the JavaScript programming language, including variables, data types, operators, control structures, and functions. This skill is necessary to evaluate a candidate's understanding of the core concepts required to write JavaScript code effectively.

  • User interaction handling with JS

    User interaction handling with JS involves capturing, processing, and responding to user actions on a web page using JavaScript. This skill is evaluated in the test to determine a candidate's ability to create interactive web experiences that respond to user input in real-time.

  • Asynchronous programming

    Asynchronous programming in JavaScript refers to the approach of executing tasks concurrently without blocking the execution of other code. This technique allows for efficient utilization of system resources and improves overall application performance. Assessing a candidate's knowledge of asynchronous programming is important in determining their ability to write efficient and responsive JavaScript code.

  • API Handling in JS

    API Handling in JS involves making HTTP requests, consuming API responses, and manipulating data from web services using JavaScript. This skill is essential to evaluate a candidate's capability to integrate external APIs and work with data from external sources in their JavaScript applications.

  • HTML/ CSS fundamentals

    HTML/ CSS fundamentals refer to the basic concepts and syntax used in HTML and CSS, including tags, attributes, selectors, styling, layout, and responsiveness. Measuring this skill in the test helps assess a candidate's understanding of the essential building blocks required for creating web pages and applying visual styles.

  • HTML DOM Handling in JS

    HTML DOM Handling in JS involves manipulating the structure, content, and behavior of HTML elements using JavaScript. This skill is important to evaluate a candidate's ability to dynamically modify web page elements and interact with the Document Object Model (DOM) using JavaScript.

  • Coding

    Coding is the process of writing and implementing algorithms using a programming language. In this test, coding skill is measured to assess a candidate's ability to apply their knowledge of PHP, JavaScript, HTML, and CSS to solve coding challenges and develop functional and efficient web applications.

  • Full list of covered topics

    The actual topics of the questions in the final test will depend on your job description and requirements. However, here's a list of topics you can expect the questions for PHP, JavaScript & HTML/CSS Test to be based on.

    PHP Basics
    PHP Syntax
    PHP Variables
    PHP Data Types
    PHP Operators
    PHP Control Structures
    PHP Functions
    PHP Arrays
    PHP Classes
    PHP Inheritance
    PHP Traits
    PHP Interfaces
    PHP Namespaces
    PHP Exceptions
    PHP File Handling
    JavaScript Basics
    JavaScript Variables
    JavaScript Operators
    JavaScript Data Types
    JavaScript Conditional Statements
    JavaScript Loops
    JavaScript Functions
    JavaScript Objects
    JavaScript Prototypes
    JavaScript Closures
    JavaScript Events
    JavaScript AJAX
    JavaScript Promises
    JavaScript Fetch API
    HTML Basics
    HTML Elements
    HTML Attributes
    HTML Forms
    HTML Semantics
    HTML Tables
    HTML Lists
    HTML Images
    HTML Links
    HTMLCSS Classes
    CSS Basics
    CSS Selectors
    CSS Box Model
    CSS Layout
    CSS Flexbox
    CSS Grid
    Git Basics
    Git Branching
    Git Merging
    Git Rebasing
    Git Stash
    API Integration
    AJAX with PHP
    Form Validations
    Debugging JavaScript
    CSS Animations
    Responsive Web Design
    Unit Testing
    Error Handling

What roles can I use the PHP, JavaScript & HTML/CSS Online Test for?

  • PHP Full Stack Developer
  • Senior Full Stack Developer

How is the PHP, JavaScript & HTML/CSS Online Test customized for senior candidates?

For intermediate/ experienced candidates, we customize the assessment questions to include advanced topics and increase the difficulty level of the questions. This might include adding questions on topics like

  • JavaScript Frameworks and Libraries
  • Debugging and Troubleshooting in PHP and JavaScript
  • Security in PHP and JavaScript
  • Performance Optimization in PHP and JavaScript
  • Version Control (Git) and Collaboration in Web Development
  • Database Interaction with PHP and JavaScript
  • Test-Driven Development (TDD) in PHP and JavaScript
  • Working with RESTful APIs in PHP and JavaScript
  • Responsive Web Design with HTML/CSS
  • Cross-browser Compatibility in HTML/CSS

The coding question for experienced candidates will be of a higher difficulty level to evaluate more hands-on experience.

Singapore government logo

The hiring managers felt that through the technical questions that they asked during the panel interviews, they were able to tell which candidates had better scores, and differentiated with those who did not score as well. They are highly satisfied with the quality of candidates shortlisted with the Adaface screening.


85%
reduction in screening time

PHP, JavaScript & HTML/CSS Hiring Test FAQs

Can I combine multiple skills into one custom assessment?

Yes, absolutely. Custom assessments are set up based on your job description, and will include questions on all must-have skills you specify. Here's a quick guide on how you can request a custom test.

Do you have any anti-cheating or proctoring features in place?

We have the following anti-cheating features in place:

  • Non-googleable questions
  • IP proctoring
  • Screen proctoring
  • Web proctoring
  • Webcam proctoring
  • Plagiarism detection
  • Secure browser
  • Copy paste protection

Read more about the proctoring features.

How do I interpret test scores?

The primary thing to keep in mind is that an assessment is an elimination tool, not a selection tool. A skills assessment is optimized to help you eliminate candidates who are not technically qualified for the role, it is not optimized to help you find the best candidate for the role. So the ideal way to use an assessment is to decide a threshold score (typically 55%, we help you benchmark) and invite all candidates who score above the threshold for the next rounds of interview.

What experience level can I use this test for?

Each Adaface assessment is customized to your job description/ ideal candidate persona (our subject matter experts will pick the right questions for your assessment from our library of 10000+ questions). This assessment can be customized for any experience level.

Does every candidate get the same questions?

Yes, it makes it much easier for you to compare candidates. Options for MCQ questions and the order of questions are randomized. We have anti-cheating/ proctoring features in place. In our enterprise plan, we also have the option to create multiple versions of the same assessment with questions of similar difficulty levels.

I'm a candidate. Can I try a practice test?

No. Unfortunately, we do not support practice tests at the moment. However, you can use our sample questions for practice.

What is the cost of using this test?

You can check out our pricing plans.

Can I get a free trial?

Yes, you can sign up for free and preview this test.

I just moved to a paid plan. How can I request a custom assessment?

Here is a quick guide on how to request a custom assessment on Adaface.

customers across world
Join 1200+ companies in 75+ countries.
Try the most candidate friendly skills assessment tool today.
g2 badges
Ready to use the Adaface PHP, JavaScript & HTML/CSS Test?
Ready to use the Adaface PHP, JavaScript & HTML/CSS Test?
logo
40 min tests.
No trick questions.
Accurate shortlisting.
Terms Privacy Trust Guide

🌎 Pick your language

English Norsk Dansk Deutsche Nederlands Svenska Français Español Chinese (简体中文) Italiano Japanese (日本語) Polskie Português Russian (русский)
ada
Ada
● Online
Previous
Score: NA
Next
✖️