HTML/CSS, React, and Node.js Online Test

TestDome skill assessments are used by more than 4,000 companies and 450,000 individual test takers.

Jobseekers: Get a Certificate

Take a Practice Test

Companies: Try First, Pay Later

Sign Up To Use This Test
 Used by: 

The HTML/CSSReact, and Node.js online test assesses candidates' knowledge across the whole Web stack from HTML, CSS, and React on the Web front-end to Node.js on the back-end.

It's an ideal test for pre-employment screening. A good full-stack Node.js developer, who is using React for the front end, must be able to solve problems using Node.js and also to combine React and HTML/CSS to create dynamic and interactive user interfaces.

This online test requires candidates to solve common HTML/CSS challenges and React coding problems, and to answer multiple-choice questions and fill in the blank questions about Node.js.

Recommended Job Roles
Full-Stack Developer
JavaScript Developer
Node.js Developer
React Developer
Web Developer
Sample Candidate Report

Sample Free Questions

Config

3min
  -  
Easy  
  -  
MCA

Node.js NPM Public New

Consider the following package.json for a Node.js application:

{
  "name": "skill-measure-app",
  "private": true,
  "version": "1.0.0",
  "main": "lib/main.js",
  "scripts": {
    "build": "npm run cleanup & npm run test & npm run publish",
    "cleanup": "rm -fr ./lib",
    "test": "jest",
    "publish": "npm publish lib"
  },
  "dependencies": {
     "jest": "^23.0.1",
     "custom-package": "file:../custom-package"
  }
}

Select all the correct statements.

(Select all acceptable answers.)

Avatar

7min
  -  
Easy  
  -  
CODE

HTML/CSS CSS selectors Styling Public New

Every user on your website has an image avatar that is displayed when they post a comment. You want to style these images differently from other images on your site. Add a CSS class named avatar that fulfils the following requirements:

  1. The avatar's border is rounded, so that it appears as a circle.
  2. The avatar's width and height are both 150px.
  3. The avatar has a solid border, has a width of 2px, and be colored gray.

For example, the avatar in the template should look like:

Cat avatar

Focus

15min
  -  
Easy  
  -  
CODE

React Components Public New

The TextInput component renders an input element in the DOM and accepts a ref that is forwarded to that input element. Finish the FocusableInput component:

  • The component should accept a focused prop.
  • When the focused prop is changed from false to true, and the input is not focused, it should receive the focus.
  • If on mounting the focused prop is true, the input should receive the focus.
Use Free Questions On a Trial Plan

Premium Questions

The premium question library contains our unique, hand-crafted questions. We offer a refund if you find any of them answered online.

Questions
Link, Editor, Blog, Label Color, Widgets, Logo, Article Style, Share Button, Ad, Keywords, Links, Addition, Bookmark, Christmas Tree, iframe, Shirts, Warehouse, Baby Names, Loading, Format Table, Breakfast Menu, Cities, Screen Reader, Timesheet, Shopping Cart, Read Files, Weather Data, Fahrenheit Converter, Background Wrapper, Email Form, Tooltip Component, Contact Form, Tab Strip, Upload
Skills
HTML/CSS HTML attributes HTML5 Semantic tags CSS selectors Positioning Styling Language CSS Advanced Animation Selectors Accessibility Tables Node.js Events Asynchronous Programming Modules React VDOM Components Portals Conditional Rendering
Score Distribution
Loading...
Pricing For Premium Questions

Fully Customizable Tests
Add questions from our question library.
Create your own questions.
Customize test duration, number of questions, passing score, web proctoring, and more.
Create Free Account
Private Concierge

Send us an email with an explanation of your testing needs and a list of candidates. We will create an appropriate test, invite your candidates, review their results, and send you a detailed report.

What Others Say
TestDome user reviews on G2 Crowd
Simple, straight-forward technical testing

TestDome is simple, provides a reasonable (though not extensive) battery of tests to choose from, and doesn't take the candidate an inordinate amount of time. It also simulates working pressure with the time limits.

Jan Opperman, Grindrod Bank

Very smooth, well supported, great for assessing candidates

Very Prompt and helpful support when needed, we were looking to work with a third party to write and set up new tests, TestDome was able to quickly set up and support a method to do this, allowing us to start testing candidates straight away.

George Offer, Guided Solutions

Easy to use and efficient for testing developers of different levels

It provides us an opportunity to set our own timing policy, to choose from variety of questions from different areas and with difficulty gradation. Also it is great that TestDome provides free of charge tests for candidates to prepare and check how online IDE works. And support is always ready to help:)

Alexandra Bulka, WorkFusion

On the TestDome Blog

Screening Applicants: The Good, the Bad and the Ugly

Since we’re all biased and we use incorrect proxies, why not just outsource hiring to experts or recruitment agencies? After all, they’ve been screening people for many years, so they must know how to do it right?

Not really. I was surprised to discover that many experts disagree with each other. Everybody praises their pet method and criticizes the others. Many of these methods look legitimate, but are based on...

How TestDome Works
How TestDome Works

Want to know more? Check out our tour or contact us below.

Check Tour
or
Schedule a Demo
The TestDome Advantage
500+ premium, hand-crafted questions for 30+ job skills and 10+ coding languages.
Proctored tests, API access, and Applicant Tracking System (ATS) Integration.
Questions with small samples of actual work instead of academic problems.
Flexible Pricing

No monthly subscription or setup fee. No minimum contract period. You only pay for the candidates you test.

View Pricing

Not exactly what you're looking for?

Related Programming Tests: