HTML/ CSS Online Test

HTML/ CSS Online Test

Evaluate aptitude, technical and coding skills with Adaface skills assessment platform powered with an intelligent chatbot

Evaluate aptitude, technical and coding skills with Adaface skills assessment platform powered with an intelligent chatbot
  • amazon
  • paypal
  • UCLA
  • lovebonito
  • singapore-government
  • nielson
  • adidas

Sample Questions

Sample Questions

These are just a small sample from our library of 10,000+ questions. The actual questions on this test will be non-googleable.

🧐 Question 🔧 Skill 💪 Difficulty ⌛ Time
Column widths - CSS grid layout or CSS grid...
HTML/CSS Easy 2 min
Links - In the following HTML, what...
HTML/CSS Medium 2 min
Footer List - Notice the footer element o...
HTML/CSS Easy 2 min
Options - We have to create a HTML fo...
HTML/CSS Medium 2 min
HTML/CSS
Column widths
Column widths
Duration ⌛
Difficulty 💪
: 2 mins
: Easy

CSS grid layout or CSS grid is a CSS technique that allows develope...

View Question
HTML/CSS
Links
Links
Duration ⌛
Difficulty 💪
: 2 mins
: Medium

In the following HTML, what will be the color of link with class "m...

View Question
HTML/CSS
Footer List
Footer List
Duration ⌛
Difficulty 💪
: 2 mins
: Easy

Notice the footer element of Adaface website. What is the best way ...

View Question
HTML/CSS
Options
Options
Duration ⌛
Difficulty 💪
: 2 mins
: Medium

We have to create a HTML form for user so that they can choose betw...

View Question

"Com Adaface, fomos capazes de otimizar o nosso processo de triagem inicial por mais de 75%, liberando tempo precioso para ambos os gerentes de contratação e nossa equipe de aquisição de talentos iguais!"


- Brandon Lee, Chefe de Pessoas, Amor, Bonito

Start using conversational HTML/ CSS Online Test for the most accurate and candidate friendly screening today
Start using conversational HTML/ CSS Online Test for the most accurate and candidate friendly screening today
💼
Customized assessments for every experience level
Customized assessments for every experience level

Customized by subject matter experts to cater to job roles for all experience levels (fresh grads to 8-10 years) within your organization.

💯
Higher test taking rate compared to traditional tests
Higher test taking rate compared to traditional tests

Adaface assessments have an average test taking rate of 86% as compared to an industry standard of 50%.

🎯
Accurate evaluation using on-the-job, non-tricky questions
Accurate evaluation using on-the-job, non-tricky questions

Adaface assessments have relevant questions that test for on-the-job skills. We do not expect candidates to solve puzzles/ trick questions.

Sample Coding Conversation with Ada

Java JavaScript C++ C C# PHP Python React Angular Django Android iOS SQL MySQL HTML/CSS NodeJS Excel Data Interpretation Logical Reasoning Quantitative Aptitude Check out 700+ skills

Get a detailed scorecard with section wise breakdown and a pass/ fail recommendation

Get a detailed scorecard with section wise breakdown and a pass/ fail recommendation

Trusted by companies worldwide

Trusted by companies worldwide

"Os gerentes de contratação sentiu que através das questões técnicas que pediram durante as entrevistas do painel, eles foram capazes de dizer que os candidatos tiveram pontuações melhores e diferenciados com aqueles que não marcou bem. Eles estão muito satisfeitos com a qualidade dos candidatos pré-seleccionados com a exibição Adaface."


- Gerente de Recursos Humanos, Governo de Singapura

Everything you need to know about HTML/ CSS Online Test 👇

Everything you need to know about HTML/ CSS Online Test 👇

Adaface HTML5 Test will be customized to accurately evaluate on-the-job skills required for your role. This assessment test is useful when you are hiring candidates for roles like - HTML5 Developer, Web Designer, Front end developer, Full Stack developer.

attributes various functions elements tags encoding logical document sections

About This Test

HTML/ CSS online test is designed and validated by industry experts to help tech recruiters and hiring managers assess HTML/ CSS programming skills of the candidate. Top tech companies are using our HTML/ CSS programming test to reduce candidate screening time by 85%.

The test is designed to filter out candidates for roles like

  • HTML5 Developer
  • Web Designer
  • Front end developer
  • Junior Front end developer
  • Full Stack developer
  • UX/UI Designer

The test ensures candidates have following traits:

  • Ability to write reusable code
  • Excellent knowledge of frontend programming languages and related frameworks
  • Experience integrating multiple data sources and databases
  • Familiarity with core JS concepts such as asynchronous request handling, AJAX, DOM
  • Experience translating designs into code
  • Familiarity with JS developer basics such as HTML 5, CSS 3, pre-processors
  • Experience with writing unit and functional tests
  • Experience designing cross-browser and cross-device compatible UI

Questions/ Topics in this Test

The HTML/ CSS test will consist of ~20 MCQs and optionally 1 coding challenge and 1 debugging challenge crafted by experts in HTML/ CSS and will cover a broad spectrum of topics within JavaScript.

The exact number of questions and the topics will be chosen based on your job description and developer persona. Here is a list of topics that can be covered for reference:

Attributes Events Web Forms 2.0 SVG
Passing by reference vs by value Objects DOM Events
MathML Web Storage Web SQL Database Server-Sent Events
WebSocket Canvas Audio & Video Geolocation
Microdata Drag & drop Web Workers IndexedDB
Web Messaging Web CORS Web RTC Web Storage
Server Sent Events Canvas Audio Players Video Players
Geo-Location CSS Selectors Box Model CSS Specificity
Layout: Flexbox & Grid Responsive Design HTML Tags Fonts
CSS Variables Positioning iframe Accessibility
Hyperlink Element Spacing Inline Styles Tables
TRY FOR FREE

(100% free to get started, no credit card required)

Frontend Developer Tests

You can combine multiple skills relevant to your Job description into a single custom Adaface HTML/ CSS test. Here are some popular combinations for frontend roles. 

HTML 5 HTML 5 + CSS3 HTML 5 + CSS3 + Javascript HTML 5 + CSS3 + TypeScript
HTML 5 + CSS3 + Javascript + React JS HTML 5 + CSS3 + Javascript + React JS + Node JS HTML 5 + CSS3 + Javascript + Angular JS HTML 5 + CSS3 + Javascript + Angular JS + Node JS

Backend Developer Tests

You can combine multiple skills relevant to your Job description into a single custom Adaface HTML/ CSS test. Here are some popular combinations for backend roles.

HTML 5 + SQL HTML 5 + CSS3 + SQL HTML 5 + CSS3 + Javascript + SQL HTML 5 + CSS3 + TypeScript + SQL
HTML 5 + CSS3 + Javascript + React JS + SQL HTML 5 + CSS3 + Javascript + React JS + Node JS + SQL HTML 5 + CSS3 + Javascript + Angular JS + SQL HTML 5 + CSS3 + Javascript + Angular JS + Node JS + SQL
TRY FOR FREE

(100% free to get started, no credit card required)

Score Distribution

You should expect ~20% of the candidates to do well on Adaface assessments.

The score distribution for our assessments follow the normal curve. This is a good sign- standardized tests like SAT and GRE follow the normal distribution (bell curve).

Status quo assessments typically have the exact opposite of the bell curve (too many candidates getting close to 0, too many candidates getting close to 100 and too few candidates in the middle). This is typically because they focus on theoretical questions or trick questions, which are very binary in nature- either you know the trick/ theory or you don’t.

FAQs

What is a custom assessment?

Every role is different and requires a custom assessment to identify top candidates efficiently. Adaface subject matter experts understand your job description/ role requirements and pick the most relevant questions from our library of 10000+ questions to create a technical assessment that helps you find the qualified candidates in your candidate pipeline quickly. All custom assessments are set up based on the job description, role requirements, must-have skills, experience level and salary range within a maximum of 48 hours and you will get an email notification once it goes live.

Check out a sample assessment here (no credit card required).

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.

How is Adaface different from other assessment tools?

We believe that status quo tech assessment platforms are not a fair way for companies to evaluate engineers because they focus on trick questions/ puzzles/ niche algorithms. We started Adaface to help companies find great engineers by assessing on-the-job skills required for a role. Read more about why we started Adaface.

Here's what's different with Adaface:

  1. High quality non-googleable questions that test for on-the-job skills as opposed to theoretical knowledge.
  2. A friendly conversational assessment with a chatbot, instead of sending a "test" to a candidate. This translates to a higher completion rate. Adaface assessments (86% candidate completion rate), as opposed to traditional tests (40-50% candidate completion rate)
  3. Customized assessments for 700+ skills at different experience levels.
Do you have any anti-cheating features in place?

We have the following anti-cheating features in place:

  1. Web proctoring
  2. Webcam proctoring
  3. Plagairism detection
  4. Non-googleable questions
  5. Secure browser

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. As in an assessment is optimizing 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 60%, 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 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.

What is the cost for using the HTML5 Test?

You can check out our pricing plans here.

Can I get a free trial?

You can sign up for free and check out the platform here. The dashboard has a sample assessment for you to review the quality of questions and check out the candidate experience of a chat based assessment. Since our questions are premium, we are unable to share sample questions for a particular skill/ technology. You can also review our sample public questions here.

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

Check out our quick guide on requesting a custom assessment here.

About The Role

HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).

HTML developers are responsible for the complete end-to-end coding of websites. They provide technical support to users, direct projects, code websites, develop web-based applications, and perform testing on websites. They work with other coders, designers and content developers, which means that communication skills are important. HTML developers must be able to translate designs into code and write technical documentation.

CSS developers are web professionals whose primary responsibility is to deliver a polished and styled product to a user's browser. Almost every website uses CSS. Most frontend or even full-stack developers could write the CSS code. But not all of them can fix every CSS bug or implement designs without convoluting HTML code or relying on JavaScript unnecessarily.

A HTML/ CSS Developer's responsibilities would typically include:

  1. Translation of designer mock-ups and wireframes into front-end code
  2. Front-end integration with a MEAN back-end
  3. Optimize application for maximum speed and scalability
  4. Assure that all user input is validated before submitting to back-end
  5. Build reusable code and libraries for future use
  6. Integrate data from various back-end services and databases
  7. Cooperate with web designers to match visual design intent
TRY FOR FREE

(100% free to get started, no credit card required)

How do I use this?
How do I use this?

Start screening within minutes with Adaface ready-to-go tests

Start screening within minutes with Adaface ready-to-go tests

1. Choose the most appropriate test for your role

2. Start inviting candidates to complete the assessment

3. Receive real time notifications and shortlist the best candidates

OR

Customize the test with multiple skills/ seniority levels according to your job description

Customize the test with multiple skills/ seniority levels according to your job description

1. Get a custom assessment from our library of 700+ skills within 48 hours

2. Start inviting candidates to complete the assesment

3. Receive real time notifications and shortlist the best candidates

What Are Conversational Assessments
What Are Conversational Assessments

Conversational assessments are the most candidate friendly way to get insights into a candidate's on-the-job skills and suitability for a role, while providing for a delightful candidate experience. Candidates love conversational assessments because they are fast, intuitive and feel like an interview rather than a test.

traditional assessments cons

Tired of traditional assessments with trick questions and low completion rates?

conversational assessments pros

Adaface conversational assessments are reflective of on-the-job skills and see an 86% completion rate as compared to ~50% for traditional assessment platforms.

Test multiple skills in a single assessment customized for your job description
Test multiple skills in a single assessment customized for your job description
Popular Guides
Favoritos dos melhores talentos de hoje
TRY FOR FREE

(100% livre para começar, nenhum cartão de crédito necessário)

condições Privacidade GDPR