Back to all templates

Web Developer (HTML + CSS + Javascript)

No gist provided
Proficiency Level
Beginner-Expert
Experience
0-8 years
Duration
20 mins
WeCP Verified
WeCP
Subject Matter Expert
Use This Template

Use Case

  • Assesses understanding of HTML, CSS, and JavaScript fundamentals.
  • Covers responsive design, DOM manipulation, and array/object operations.
  • Identifies abilities in real-world web development through hands-on projects.
  • Selects top talent proficient in frontend technologies for entry-level roles.

Skills Covered

HTML
CSS
JavaScript
IT-Programming Languages/Frameworks
Medium
Basics
MCQs (Single Correct)
+5 more

About

Web Developer (HTML + CSS + Javascript)

No test description provided
Target Audience
No targetAudience provided
Prerequisites
No prerequisites provided
Test Overview
Duration
20 mins
Questions
17
Passing Score
70%

Questions

Child <p> tag color in HTML
Paragraph Tag
Paragraph Tag
Web Development
HTML
L2
Medium
What this question evaluates
This question assesses the candidate's understanding of CSS styling and inheritance in HTML. It tests the ability to determine the color of text based on cascading styles and nested elements.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
List tags in HTML
List Tags
List Tags
Web Development
HTML
L2
Medium
What this question evaluates
This question assesses the candidate's ability to understand HTML structure and list formatting. It tests knowledge of nested list elements and correct syntax for ordered and unordered lists.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
Forms in HTML
Forms
Forms
Web Development
HTML
L2
Medium
What this question evaluates
This question assesses the candidate's understanding of form elements in HTML, specifically the input type 'email' and the 'required' attribute. It evaluates knowledge of form validation and input types.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
HierarchyRequestError in CSS
Style Sheet
Style Sheet
Web Development
CSS
L2
Medium
What this question evaluates
This question evaluates the candidate's understanding of CSS restrictions and the ability to identify the cause of a specific error message. It requires knowledge of CSS selectors, rule insertion, and the usage of @import at-rules. The candidate needs to recognize the violation that leads to the HierarchyRequestError.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
Progressive enhancement in CSS
Progressive Enhancements
Progressive Enhancements
Web Development
CSS
L2
Medium
What this question evaluates
This question evaluates the candidate's understanding of progressive enhancement for CSS3 code in the context of responsive web design. It requires knowledge of CSS3 properties for styling elements, specifically text-shadow, box-shadow, and border-radius, and their capabilities in enhancing the visual appearance of a website for different screen sizes.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
Substring Matching Attribute Selectors
Substring Matching Attribute Selectors
Substring Matching Attribute Selectors
Web Development
CSS
L2
Medium
What this question evaluates
This question evaluates the candidate's familiarity with CSS3 Substring Matching Attribute Selectors. It requires understanding of CSS selectors and their syntax. The candidate must recognize the appropriate selector syntax for matching attribute values that begin with a specified value.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
Responsiveness in HTML
Responsive HTML
Responsive HTML
Web Development
HTML
L2
Medium
What this question evaluates
This question evaluates the candidate's understanding of responsive web design and the use of CSS properties to make images scale up and down. It tests whether the candidate knows the effect of the CSS width and max-width properties on image responsiveness.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
HTML Span attributes
Span Attributes
Span Attributes
Web Development
HTML
L2
Medium
What this question evaluates
This question assesses the candidate's understanding of HTML elements and attributes, specifically focusing on the usage of containers like span and div, as well as the concepts of styling and classes.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
Changing borders without triggering layout
Webpage Layouts
Webpage Layouts
Web Development
CSS
L2
Medium
What this question evaluates
This question tests the candidate's knowledge of CSS and specifically focuses on their understanding of how to change the border of a webpage without triggering layout. It evaluates their familiarity with different CSS properties and their usage.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
Align items along the row axis
Grid Container
Grid Container
Web Development
CSS
L2
Medium
What this question evaluates
This question evaluates the candidate's knowledge of CSS and table alignment. It requires understanding of CSS properties and their impact on the alignment of items along the row axis in a table. The candidate must be familiar with different CSS values that control table alignment and identify which value does not support justifying items.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
Working with arrays
Basics
Basics
IT-Programming Languages/Frameworks
JavaScript
L3
MCQs (Single Correct)
What this question evaluates
This question evaluates the candidate's understanding of array manipulation in JavaScript. It requires knowledge of array concatenation using the spread operator, and the ability to identify the correct syntax to achieve a desired outcome.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
Working with objects
Basics
Basics
IT-Programming Languages/Frameworks
JavaScript
L3
MCQs (Single Correct)
What this question evaluates
This question evaluates the candidate's understanding of JavaScript's built-in symbol `Symbol.iterator` and its usage in determining the type of an object. It tests the candidate's knowledge of the `typeof` operator and how it can be used to check if a property exists on an object. The candidate must also have knowledge of JavaScript data types and their characteristics.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
Alert function
Basics
Basics
IT-Programming Languages/Frameworks
JavaScript
L2
MCQs (Single Correct)
What this question evaluates
This question assesses the candidate's understanding of closures, scope, and function execution in JavaScript. It tests the ability to predict the output of a code snippet involving closure and function invocation.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
DOM Manipulation
Basics
Basics
DOM Basics
L2
Verified
What this question evaluates
This question evaluates the candidate's understanding of the Document Object Model (DOM) and its role in web development. It tests the knowledge regarding the representation of webpage elements as objects in a web browser. The candidate should also be familiar with accessing and manipulating webpage elements using JavaScript, JQuery, and HTML.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
Select all elements in a page
Basics
Basics
DOM Access
L2
Verified
What this question evaluates
This question evaluates the candidate's knowledge of JavaScript and specifically, selecting elements in a web page using DOM methods. It requires understanding the different methods available in JavaScript to select multiple elements from a page.
Type:
Programming
Difficulty:
Medium
Time:
1 mins
Attempts:
100+
Success Rate:
70.01%
Restaurant Menu Webpage Development
CSS
CSS
HTML
Web Accessibility
Web Page Structure Design
Web Standards Compliance
What this question evaluates
This question assesses the candidate's understanding of web-based technologies, particularly HTML and CSS. It evaluates their ability to follow web standards, appropriately structure web elements (header, nav, main, footer), and apply styling associated with a given CSS file. Additionally, it tests their knowledge of setting roles for HTML elements and associating alt text with images.
Type:
Programming
Difficulty:
Medium
Time:
30 mins
Attempts:
100+
Success Rate:
70.01%
Handling JSON data for an e-commerce app using Javascript
E-commerce
E-commerce
Easy
JSON
Javascript
L1
What this question evaluates
This question evaluates the candidate's ability in implementing business logic for e-commerce checkout, working with JSON objects, and calculating total payable amount based on unit cost and quantity.
Type:
Programming
Difficulty:
Easy
Time:
15 mins
Attempts:
100+
Success Rate:
70.01%
Trusted by over 2000 companies of all sizes

Customization Options

Fully Customizable Tests

Easily tailor assessments to fit your unique requirements. From question formats to scoring systems, create the perfect evaluation setup for your organization.
Question Types

Select from multiple formats like MCQs or hands on questions to suit your hiring needs.

Scoring Rules

Define custom scoring algorithms and weightage for different question types.

Time Settings

Set overall duration and individual question time limits.

Custom Branding

Add your company logo, colors, and custom welcome messages.

Candidate Experience

Interactive coding environment with real-time feedback
Clear instructions and test cases for each question
Built-in code editor with syntax highlighting
Immediate evaluation of submissions
Progress tracking throughout the assessment
Detailed explanations for correct answers
Time management tools to help pace yourself

Proctoring & Anti-Cheating

Sherlock AI Agent

Sherlock is more than just a tool, it's your AI test integrity agent. By continuously monitoring and analyzing candidate behavior in real-time, Sherlock ensures a secure and fair testing environment. Using machine learning, it detects suspicious patterns, so you can focus on reliable results while Sherlock handles test integrity.

Live Monitoring

Track behavior with real-time video and audio.

Screen Tracking

Catch screen sharing and multi-screen usage instantly.

Pattern Analysis

Spot suspicious actions with AI-driven insights.

Access Control

Ensure secure tests with browser lockdown.
Dashboard mockup
Fatima Al-Mansour
Candidate
Passed
85%
AI Summary
Skills Performance
Score
HTML
87%
CSS
80%
JavaScript
85%
IT-Programming Languages/Frameworks
82%
Areas of Improvement
Review
IT-Programming Languages/Frameworks
Practice
CSS
Skill Assessment
Detailed evaluation of technical skills and problem-solving abilities.
AI Analysis
Machine learning-powered insights into candidate performance patterns.
Benchmarking
Compare results against industry standards and other candidates.
Action Items
Specific recommendations for skill development and improvement.

Pricing Plans

Freemium
US$ 0
5 credits / mo
check icon
Smooth Candidate Experience
check icon
Skill fit candidates
check icon
Conduct face to face interviews
check icon
ATS Integrations
check icon
Standard compliance, security and audits
check icon
Standard support from WeCP Team
Premium
US$ 240
40 credits / mo
check icon
Add-on credit at $8/credit
check icon
Comprehensive Assessment Capabilities
check icon
Advance Skill Analytics
check icon
Learning & Development Integration
check icon
Employee Friendly User Experience
check icon
Retention-Focused Features
check icon
Advance compliance, security and audits
check icon
Proactive support from WeCP Team
check icon
Access to WeCP AI Copilot to save cost, time and improve outcomes
Enterprise
Talk to us for a comprehensive solution that meets all your enterprise needs.
Screen
Candidate Skills
US$ 100
10 credits / mo + 1 seat
check icon
Add-on seat at $8 /seat
check icon
Add-on credit at $10 /credit
check icon
Use Prebuilt Questions
check icon
Standard Cheat Prevention
check icon
Smooth Candidate Experience
check icon
Skill fit candidates
check icon
Conduct face to face interviews
check icon
ATS Integrations
check icon
Standard compliance, security and audits
check icon
Standard support from WeCP Team
Freemium
US$ 0
60 credits / yr
check icon
Use Prebuilt Questions
check icon
Standard Cheat Prevention
check icon
Smooth Candidate Experience
check icon
Skill fit candidates
check icon
Conduct face to face interviews
check icon
ATS Integrations
check icon
Standard compliance, security and audits
check icon
Standard support from WeCP Team
Premium
US$ 2388
500 credits / yr
check icon
Add-on credit at $8 /credit
check icon
Comprehensive Assessment Capabilities
check icon
Advance Skill Analytics
check icon
Learning & Development Integration
check icon
Employee Friendly User Experience
check icon
Retention-Focused Features
check icon
Advance compliance, security and audits
check icon
Proactive support from WeCP Team
check icon
Access to WeCP AI Copilot to save cost, time and improve outcomes
Enterprise
Talk to us for a comprehensive solution that meets all your enterprise needs.
Are you an Enterprise?
Talk to us for a comprehensive solution that meets all your enterprise needs.
Talk To Sales
Talk to us for a comprehensive solution that meets all your enterprise needs
check icon
Effortless Data Migration: Our support team ensures a smooth transition, keeping your assessments and data intact.
check icon
AI-Assisted Onboarding: WeCP AI Copilot, guides your team through features, making onboarding quick and simple.
check icon
Easy Change Management: Comprehensive training and 24/7 support ensure a seamless switch with minimal operational impact.
Top Recognised Skill Assessment and Interviewing Software
Trusted by 850+ companies in 20+ countries
New: Add-on
Advanced AI
US$ 50per agent/month
Enterprise-grade AI instantly understands common customer issues for your industry, routes tickets and gives agents extra insights. In any plan, Advanced AI is available at the Professional and higher levels.
check icon
Ticketing system
check icon
Ticketing system
check icon
Ticketing system
check icon
Ticketing system
New: Add-on
Advanced AI
US$ 50per agent/month
Enterprise-grade AI instantly understands common customer issues for your industry, routes tickets and gives agents extra insights. In any plan, Advanced AI is available at the Professional and higher levels.
check icon
Ticketing system
check icon
Ticketing system
check icon
Ticketing system
check icon
Ticketing system

What Our Customers Say

Don’t just take our word for it

Hear from some of our amazing customers
"We have evaluated more than hundreds of thousands of techies using WeCP until now. The tool has been very effective in assessing strengths and weaknesses of candidates."
Allahbaksh Asadullah
Principal Product Architect, Infosys
"With WeCP's automation capabilities, we've not only streamlined the process but also enhanced the candidate experience."
Paula Macnab
Hiring Manager, Yellow
"Comprehensive reports and analytics help us make data-driven hiring decisions. The platform has streamlined our entire process."
Erich Raldmann
Managing Partner, Spherion