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

TestDome skill assessments are used by more than 3,700 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/CSS, React, Node.js, and SQL online test assesses candidates' knowledge across the whole Web stack from HTML, CSS, and React on the Web front-end and Node.js on the back-end to SQL for data access.

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. Moreover, they must know how to write and analyze SQL queries, which are used to communicate with the database.

This online test requires candidates to solve common HTML/CSS challenges and React coding problems, to answer multiple-choice questions and fill in the blank questions about Node.js, and to write SQL queries that extract, combine, and manipulate data.

Recommended Job Roles
Full-Stack Developer
JavaScript Developer
Node.js Developer
React Developer
SQL 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.

(multiple correct answers possible)

Students

3min
  -  
Easy  
  -  
CODE

SQL Aggregation Public

Given the following data definition, write a query that returns the number of students whose first name is John.

TABLE students
   id INTEGER PRIMARY KEY,
   firstName VARCHAR(30) NOT NULL,
   lastName VARCHAR(30) NOT NULL

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
Upload, Link, Editor, Movies, Index Performance, Poll, Rectangles, Blog, Label Color, Widgets, Logo, Article Style, Retirees, Share Button, Ad, Authors, Countries, Employee Manager, Merge Stock Index, Keywords, Cheapest Product, Links, Movies Live, Addition, ATM Locations, Autocomplete, Bookmark, Christmas Tree, Department Report, Developers, iframe, Ingredients, Delete Orders, Restaurant Menu, Roads, Sales, Shirts, Student Activities, Transactions, Warehouse, Projects, Baby Names, Loading, Youngest Child, SMS Messages, Format Table, Breakfast Menu, Cities, Screen Reader, Bank Branches, Hospital Patients, Ban Users, Menu Items, Timesheet, Shopping Cart, Read Files, Weather Data, Fahrenheit Converter, Tooltip Component, Contact Form, Background Wrapper, Tab Strip, Email Form, Tasks
Skills
HTML/CSS HTML attributes Language SQL Aggregation Subqueries Indexes Conditions HTML5 Semantic tags CSS selectors Positioning Insertion Styling Joins Union CSS Advanced Constraints Database Schema Performance tuning Bug fixing Update Delete Views Animation Selectors Accessibility Tables Node.js Events Asynchronous Programming Modules React Portals Conditional Rendering VDOM Components
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: