Search test library by skills or roles
⌘ K

About the test:

Le test JavaScript, HTML / CSS & NodeJS utilise des MCQ basés sur le scénario pour évaluer les candidats sur leur compétence dans le langage de programmation JavaScript, l'environnement d'exécution NodeJS et le développement Web frontal à l'aide du balisage HTML / CSS. Le test évalue la compréhension des candidats de sujets tels que la manipulation DOM, la gestion des événements, la programmation asynchrone, le middleware et le rendu côté serveur.

Covered skills:

  • Fondamentaux javascript
  • Asynchrone / attendre en js
  • Manipulation DOM avec JS
  • Demandez le cycle de vie de la réponse
  • Codage javascript
  • Syntaxe ES6
  • Bases HTML / CSS
  • Node JS Basics
  • Développement API avec nœud

Try practice test
9 reasons why
9 reasons why

Adaface JavaScript, HTML/CSS & NodeJS Test is the most accurate way to shortlist Développeur frontals



Reason #1

Tests for on-the-job skills

The JavaScript, HTML/CSS & NodeJS 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:

  • Capacité à écrire un code JavaScript propre et efficace
  • Expérience avec la syntaxe ES6 et les fonctionnalités
  • Maîtrise de l'utilisation de l'async / attendre en javascript
  • Solide compréhension des bases HTML / CSS
  • Capacité à manipuler le DOM en utilisant JavaScript
  • Connaissance des bases de Node.js
  • Comprendre le cycle de vie de demande de réponse des applications Web
  • Expérience dans le développement d'API avec Node.js
  • Maîtrise du codage JavaScript et de la résolution de problèmes
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
Try practice test
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

Ce ne sont qu'un petit échantillon de notre bibliothèque de plus de 10 000 questions. Les questions réelles à ce sujet Test JavaScript, HTML / CSS et Nodejs ne sera pas googleable.

🧐 Question

Medium

Async Await Promises
Promises
Async-Await
Try practice test
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
Try practice test
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
Try practice test
What will the output of the following JavaScript code be?
 image
 image

Medium

Promise Resolve
Promises
Async-Await
Try practice test
What does the following code output? 
 image

Easy

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

Easy

Background Properties
Try practice test
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
Try practice test
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
Try practice test
In the following HTML, what will be the color of link with class "mark"
 image

Medium

Let's Hack
CSS Property
Try practice test
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;
}

Medium

I/O cycle and main module
Event Loop
Try practice test
Review the following NodeJS code:
 image
Pick the correct statements:

A: X will be logged after Y always
B: Y will be logged after X always
C: The order of executing timeout and immediate callbacks is non-deterministic and is bound by the performance of the process
D: In this case, the function calls are scheduled in the main module and not in the I/O cycle
E: In this case, the function calls are scheduled in the I/O cycle so setImmediate is always executed before any timers scheduled in the I/O phase, independently of how many timers are left

Easy

Res methods
Try practice test
If none of the methods (res.download, res.end, res.json, res.jsonp, res.redirect, res.render, res.send, res.sendFile, res.sendStatus) are called from a route handler to terminate request response cycle, what happens to the the client request?
A) Will be left hanging indefinitely

B) Will get an internal server error - 500 

C) Will get a service unavailable error - 503

D) Will be left hanging for a while and then request timeout error - 408

Medium

Phases and Timers
Event Loop
Try practice test
Review the following NodeJS code:
 image
Pick the correct statements:

A: Adaface will be logged after Lovelace.
B: Lovelace will be logged after Adaface.
C: Once the asyncOpThatTakes195ms completes reading the file, it starts executing the callback which takes 10 seconds. Only after this is finished, the event loop will execute the timers that are finished. So the timeout call back will actually be executed after 205 ms even though it is scheduled to be run after 200 ms
D: Once the asyncOpThatTakes195ms completes reading the file, it starts executing the callback. While executing the callback, the scheduled timer becomes ready to be executed. So the runtime executes the timer and then completes processing the callback.

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

Async Await Promises
Promises
Async-Await

2 mins

JavaScript
Try practice test

Medium

Bitcoin prices
Axios
Promises

2 mins

JavaScript
Try practice test

Medium

My Module
Scope

2 mins

JavaScript
Try practice test

Medium

Promise Resolve
Promises
Async-Await

2 mins

JavaScript
Try practice test

Easy

Throw, Try, Async
Promises
Async-Await

2 mins

JavaScript
Try practice test

Easy

Background Properties

2 mins

HTML/CSS
Try practice test

Easy

Colorful sentences

2 mins

HTML/CSS
Try practice test

Easy

Links

2 mins

HTML/CSS
Try practice test

Medium

Let's Hack
CSS Property

3 mins

HTML/CSS
Try practice test

Medium

I/O cycle and main module
Event Loop

2 mins

NodeJS
Try practice test

Easy

Res methods

3 mins

NodeJS
Try practice test

Medium

Phases and Timers
Event Loop

2 mins

NodeJS
Try practice test

Easy

Registration Queue
Logic
Queues

30 mins

Coding
Solve

Medium

Visitors Count
Strings
Logic

30 mins

Coding
Solve
🧐 Question🔧 Skill💪 Difficulty⌛ Time
Async Await Promises
Promises
Async-Await
JavaScript
Medium2 mins
Try practice test
Bitcoin prices
Axios
Promises
JavaScript
Medium2 mins
Try practice test
My Module
Scope
JavaScript
Medium2 mins
Try practice test
Promise Resolve
Promises
Async-Await
JavaScript
Medium2 mins
Try practice test
Throw, Try, Async
Promises
Async-Await
JavaScript
Easy2 mins
Try practice test
Background Properties
HTML/CSS
Easy2 mins
Try practice test
Colorful sentences
HTML/CSS
Easy2 mins
Try practice test
Links
HTML/CSS
Easy2 mins
Try practice test
Let's Hack
CSS Property
HTML/CSS
Medium3 mins
Try practice test
I/O cycle and main module
Event Loop
NodeJS
Medium2 mins
Try practice test
Res methods
NodeJS
Easy3 mins
Try practice test
Phases and Timers
Event Loop
NodeJS
Medium2 mins
Try practice test
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

Avec Adaface, nous avons pu optimiser notre processus de sélection initiale de plus de 75 %, libérant ainsi un temps précieux tant pour les responsables du recrutement que pour notre équipe d'acquisition de talents !


Brandon Lee, Chef du personnel, Love, Bonito

Try practice test
Reason #5

Designed for elimination, not selection

The most important thing while implementing the pre-employment Test JavaScript, HTML / CSS et Nodejs 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 Test JavaScript, HTML / CSS et Nodejs 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

Voir l'échantillon
Try practice test
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 JavaScript, HTML/CSS & NodeJS Assessment Test

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

The Test JavaScript, HTML / CSS et Nodejs 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:

  • Fondamentaux javascript
  • Syntaxe ES6
  • Async / attendre en javascript
  • Bases HTML / CSS
  • DOM Manipulation avec JavaScript
  • Node.js bases
  • Demandez le cycle de vie de la réponse
  • Développement de l'API avec Node.js
  • Codage javascript
  • Gestion des exceptions et des erreurs

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 JavaScript, HTML/CSS & NodeJS Online Test?

  • javascript fondamentaux

    Les fondamentaux JavaScript se réfèrent aux concepts et principes de base du langage de programmation JavaScript. Il comprend des sujets tels que les variables, les types de données, les opérateurs, les structures de contrôle, les fonctions et les tableaux. L'évaluation de cette compétence aide à évaluer la compréhension d'un candidat des concepts fondamentaux nécessaires pour rédiger un code JavaScript efficace et efficace.

  • Syntaxe ES6

    ES6 Syntaxe fait référence aux fonctionnalités et mises à jour introduites dans ECMAScript 6, La dernière version de la langue javascript. Il comprend une nouvelle syntaxe telle que les fonctions fléchées, les littéraux de modèle, l'attribution destructuration et la syntaxe de propagation. Mesurer cette compétence aide à évaluer la familiarité d'un candidat avec la syntaxe JavaScript moderne et sa capacité à écrire un code plus propre et plus concis.

  • async / attendre dans JS

    async / Await in JavaScript est une fonctionnalité est une fonctionnalité Cela permet d'écrire du code asynchrone d'une manière d'apparence synchrone. Il fournit une façon plus lisible et maintenable de gérer les opérations et les promesses asynchrones. L'évaluation de cette compétence aide à déterminer efficacement la compétence d'un candidat dans la gestion des tâches asynchrones et des erreurs de manipulation.

  • HTML / CSS Basics

    HTML / CSS Basics fait référence aux concepts fondamentaux et à la syntaxe de HTML (hypertexte hypertexte Langue de balisage) et CSS (feuilles de style en cascade). Il comprend la compréhension des balises HTML, des attributs et de la structure, ainsi que de l'application de style, sélecteurs et techniques de mise en page CSS. L'évaluation de cette compétence aide à évaluer les connaissances d'un candidat sur les principes fondamentaux du développement Web et sa capacité à créer des pages Web structurées et visuellement attrayantes.

  • La manipulation DOM avec JS

    DOM La gestion avec JS implique de manipuler et d'interagir avec le modèle d'objet de document (DOM) à l'aide de JavaScript. Il comprend l'accès et la modification des éléments HTML, l'ajout ou la suppression des éléments dynamiquement et la réponse aux événements utilisateur. La mesure de cette compétence aide à déterminer la compréhension d'un candidat de la façon dont JavaScript peut être utilisé pour créer des pages Web dynamiques et interactives.

  • Node JS Basics </H4> <p> node.js Basics fait référence aux concepts et fonctionnalités fondamentaux de Node.js, un environnement d'exécution JavaScript. Il comprend des modules, des événements, des flux, l'écosystème du package de nœuds et une programmation asynchrone avec des rappels. L'évaluation de cette compétence aide à évaluer les connaissances d'un candidat sur le développement JavaScript côté serveur et sa capacité à créer des applications Web évolutives et efficaces à l'aide de Node.js. </p> <h4> Demandez le cycle de vie de la réponse

    fait référence à la séquence d'événements qui se produisent lorsqu'un client envoie une demande à un serveur et reçoit une réponse. Il comprend des phases telles que le routage, la manipulation des demandes, l'exécution du middleware, le traitement du serveur et la génération de réponse. L'évaluation de cette compétence permet d'évaluer la compréhension d'un candidat sur la façon dont les serveurs Web gèrent les demandes des clients et leur capacité à déboguer, optimiser et dépanner le code côté serveur.

  • Développement d'API avec Node

    Développement d'API API avec le nœud implique la création, la gestion et l'interaction avec les interfaces de programmation d'applications (API) à l'aide de node.js. Il comprend des concepts tels que la conception de l'API, le routage, l'authentification, la validation des données, la gestion des erreurs et la documentation. La mesure de cette compétence aide à déterminer la capacité d'un candidat à créer des API robustes et bien conçues qui peuvent être facilement intégrées à d'autres systèmes ou plateformes.

  • codage JavaScript

    Le codage javascript fait référence à la capacité de Écrivez le code JavaScript propre, efficace et fonctionnel. Il comprend des compétences telles que la pensée algorithmique, la résolution de problèmes, l'organisation du code et le débogage. L'évaluation de cette compétence permet d'évaluer la compétence de codage d'un candidat, le raisonnement logique et leur capacité à traduire les exigences en solutions JavaScript en activité.

  • 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 Test JavaScript, HTML / CSS et Nodejs to be based on.

    Déclaration variable
    Types de données
    Les opérateurs
    Flux de contrôle
    Les fonctions
    Méthodes de tableau
    Programmation orientée objet
    Fermeture
    Promesses
    La gestion des erreurs
    Opérateurs de propagation et de repos
    Destructeur
    Fonctions flèches
    Modèle littéraux
    Levage
    Prototypes
    Gestion des événements
    Sélecteurs CSS
    Modèle de boîte CSS
    Positionnement
    Flexion
    Système de grille
    Unités de fenêtre
    Animation CSS
    Manipulation de Dom
    Délégation d'événements
    Ajax
    Promesses en javascript
    Fonctions de rappel
    Express.js
    Routage
    Gestion des formulaires
    Middleware
    Méthodes HTTP
    Développement de l'API
    Intégration de la base de données
    Authentification et autorisation
    Gestion des erreurs dans Node.js
    Développement axé sur les tests
    Modularisation
    Gestion des packages NPM
    Modules CommonJS
    Expressions régulières
    Débogage
    Optimisation du code
    Structures de données
    Algorithmes
    Récursivité
    Tri
    Programmation asynchrone
    Architecture axée sur l'événement
    Gestion de la mémoire
    Héritage basé sur un prototype
    Fermetures en javascript
    Manipulation d'objets
    Conventions de style de code
    Tests unitaires
    Outils de débogage
    Outils CLI
    Arguments de ligne de commande
    Contrôle de version
    Git Workflows
Try practice test

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

  • Développeur frontal
  • Développeur complet
  • Développeur web
  • Développeur JavaScript
  • Développeur Nodejs
  • Développeur HTML / CSS

How is the JavaScript, HTML/CSS & NodeJS 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

  • Travailler avec des variables et des types de données
  • Comprendre la portée et les fermetures
  • Manipulation des tableaux et des objets
  • En utilisant des instructions de flux de contrôle
  • Mise en œuvre de la gestion des événements et des auditeurs
  • Construire des dispositions Web réactives
  • Appliquer le style CSS et les animations
  • Utilisation du modèle d'objet de document (DOM)
  • Consommation et manipulant les API
  • Travailler avec des frameworks et des modules côté serveur
  • Effectuer des opérations asynchrones avec des promesses

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

Singapore government logo

Les responsables du recrutement ont estimé que grâce aux questions techniques qu'ils ont posées lors des entretiens avec le panel, ils étaient en mesure de déterminer quels candidats avaient obtenu de meilleurs scores et de se différencier de ceux qui avaient obtenu de moins bons résultats. Ils sont très satisfait avec la qualité des candidats présélectionnés lors de la sélection Adaface.


85%
réduction du temps de dépistage

JavaScript, HTML/CSS & NodeJS Hiring Test FAQ

Puis-je combiner plusieurs compétences en une seule évaluation personnalisée?

Oui absolument. Les évaluations personnalisées sont configurées en fonction de votre description de poste et comprendront des questions sur toutes les compétences indispensables que vous spécifiez.

Avez-vous en place des fonctionnalités anti-chétion ou de proctorisation?

Nous avons les fonctionnalités anti-modification suivantes en place:

  • Questions non googléables
  • IP Proctoring
  • Proctoring Web
  • Proctoring webcam
  • Détection du plagiat
  • navigateur sécurisé

En savoir plus sur les fonctionnalités de Proctoring.

Comment interpréter les résultats des tests?

La principale chose à garder à l'esprit est qu'une évaluation est un outil d'élimination, pas un outil de sélection. Une évaluation des compétences est optimisée pour vous aider à éliminer les candidats qui ne sont pas techniquement qualifiés pour le rôle, il n'est pas optimisé pour vous aider à trouver le meilleur candidat pour le rôle. Ainsi, la façon idéale d'utiliser une évaluation consiste à décider d'un score de seuil (généralement 55%, nous vous aidons à bencher) et à inviter tous les candidats qui marquent au-dessus du seuil pour les prochains cycles d'entrevue.

Pour quel niveau d'expérience puis-je utiliser ce test?

Chaque évaluation ADAFACE est personnalisée à votre description de poste / Persona de candidats idéaux (nos experts en la matière choisiront les bonnes questions pour votre évaluation de notre bibliothèque de 10000+ questions). Cette évaluation peut être personnalisée pour tout niveau d'expérience.

Chaque candidat reçoit-il les mêmes questions?

Oui, cela vous permet de comparer les candidats. Les options pour les questions du MCQ et l'ordre des questions sont randomisées. Nous avons Anti-Cheating / Proctoring en place. Dans notre plan d'entreprise, nous avons également la possibilité de créer plusieurs versions de la même évaluation avec des questions de niveaux de difficulté similaires.

Je suis candidat. Puis-je essayer un test de pratique?

Non. Malheureusement, nous ne soutenons pas les tests de pratique pour le moment. Cependant, vous pouvez utiliser nos exemples de questions pour la pratique.

Quel est le coût de l'utilisation de ce test?

Vous pouvez consulter nos plans de prix.

Puis-je obtenir un essai gratuit?

Oui, vous pouvez vous inscrire gratuitement et prévisualiser ce test.

Je viens de déménager dans un plan payant. Comment puis-je demander une évaluation personnalisée?

Voici un guide rapide sur Comment demander une évaluation personnalisée sur Adaface.

customers across world
Join 1200+ companies in 75+ countries.
Essayez l'outil d'évaluation des compétences le plus candidat aujourd'hui.
g2 badges
Ready to use the Adaface Test JavaScript, HTML / CSS et Nodejs?
Ready to use the Adaface Test JavaScript, HTML / CSS et Nodejs?
Discute avec nous
ada
Ada
● Online
✖️