NumicornNumicornLearn, solve, progress

Web Development Basics Practice Tests

These Grade 10 Additional Subjects practice tests introduce HTML structure, CSS styling, responsive design, JavaScript behavior, the DOM, forms, HTTP, client-server architecture, databases, accessibility, security, testing, version control, performance, and deployment.

Skills covered

  • Using HTML elements, semantic structure, headings, links, images, and alternative text
  • Applying CSS selectors, classes, the box model, layout, media queries, specificity, contrast, and responsive design
  • Understanding JavaScript events, the DOM, validation, arrays, functions, JSON, asynchronous requests, and client-server interaction
  • Explaining URLs, HTTP methods and status codes, HTTPS, servers, databases, cookies, caching, and deployment
  • Applying accessibility, cross-browser testing, version control, performance, privacy, authentication, password protection, and XSS prevention

How to use these practice tests

Identify which layer is responsible for the behavior: HTML for structure, CSS for presentation, JavaScript for interaction, the server for application logic, and the database for persistent data. Then check accessibility and security requirements.

For more Grade 10 Additional Subjects practice, return to the Grade 10 Additional Subjects category.

Select a test

5 Tests
1. Test2. Test3. Test4. Test5. Test

3. Test

Grade 10 Web Development Basics Practice Tests

Practice Grade 10 Additional Subjects questions about HTML, CSS, JavaScript, the DOM, HTTP, client-server architecture, accessibility, security, testing, and deployment.

Choose the best answer. Identify the role of each web technology, trace browser-server interactions, and apply accessibility, security, testing, and performance principles.

10 Questions
0/10 Questions0 %
Correct 0
Incorrect 0
Unanswered 10
1. QuestionMultiple choice

What is an event in JavaScript?

Please select an answer first.

Correct answer: A

The correct answer is An action or occurrence that code can respond to.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: Events include clicks, key presses, form submissions, page loading, pointer movement, and other browser activity.
  3. Check the conclusion: The correct answer is An action or occurrence that code can respond to.

Events include clicks, key presses, form submissions, page loading, pointer movement, and other browser activity.

2. QuestionMultiple choice

What is an event listener?

Please select an answer first.

Correct answer: B

The correct answer is Code that waits for a particular event and runs a handler when it occurs.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: An event listener connects an event type to a function that responds when the event occurs.
  3. Check the conclusion: The correct answer is Code that waits for a particular event and runs a handler when it occurs.

An event listener connects an event type to a function that responds when the event occurs.

3. QuestionMultiple choice

What does DOM manipulation mean?

Please select an answer first.

Correct answer: C

The correct answer is Reading or changing document elements through a script.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: JavaScript can create, remove, update, or reorganize DOM nodes and their content.
  3. Check the conclusion: The correct answer is Reading or changing document elements through a script.

JavaScript can create, remove, update, or reorganize DOM nodes and their content.

4. QuestionMultiple choice

What does form validation do?

Please select an answer first.

Correct answer: D

The correct answer is It checks whether user input meets required rules before processing..

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: Validation can check required fields, formats, ranges, and other constraints, but server-side validation remains important.
  3. Check the conclusion: The correct answer is It checks whether user input meets required rules before processing..

Validation can check required fields, formats, ranges, and other constraints, but server-side validation remains important.

5. QuestionMultiple choice

What is a variable in JavaScript?

Please select an answer first.

Correct answer: A

The correct answer is A named binding used to store or refer to a value.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: Variables let scripts refer to data and update or pass values during execution.
  3. Check the conclusion: The correct answer is A named binding used to store or refer to a value.

Variables let scripts refer to data and update or pass values during execution.

6. QuestionMultiple choice

What is an array in JavaScript?

Please select an answer first.

Correct answer: B

The correct answer is An ordered collection of values.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: Arrays store multiple values in order and provide methods for accessing and processing elements.
  3. Check the conclusion: The correct answer is An ordered collection of values.

Arrays store multiple values in order and provide methods for accessing and processing elements.

7. QuestionMultiple choice

What is a function in JavaScript?

Please select an answer first.

Correct answer: C

The correct answer is A reusable block of code that can accept inputs and produce an action or result.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: Functions organize behavior and can be called from event handlers, other functions, or application logic.
  3. Check the conclusion: The correct answer is A reusable block of code that can accept inputs and produce an action or result.

Functions organize behavior and can be called from event handlers, other functions, or application logic.

8. QuestionMultiple choice

What is JSON commonly used for?

Please select an answer first.

Correct answer: D

The correct answer is Representing structured data for exchange between systems.

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: JSON is a text-based format often used to send objects and arrays between browsers and servers.
  3. Check the conclusion: The correct answer is Representing structured data for exchange between systems.

JSON is a text-based format often used to send objects and arrays between browsers and servers.

9. QuestionMultiple choice

What does an asynchronous request allow?

Please select an answer first.

Correct answer: A

The correct answer is A page can continue responding while it waits for a network or other operation..

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: Asynchronous operations help interfaces remain responsive while data is fetched or processed.
  3. Check the conclusion: The correct answer is A page can continue responding while it waits for a network or other operation..

Asynchronous operations help interfaces remain responsive while data is fetched or processed.

10. QuestionMultiple choice

Why should client-side validation not be the only validation?

Please select an answer first.

Correct answer: B

The correct answer is Users can bypass browser code, so the server must validate data before trusting or storing it..

  1. Identify the web development concept: Determine whether the question asks about structure, style, behavior, networking, accessibility, security, testing, or deployment.
  2. Connect the evidence: Client-side checks improve user experience, but server-side validation is required for security and data integrity.
  3. Check the conclusion: The correct answer is Users can bypass browser code, so the server must validate data before trusting or storing it..

Client-side checks improve user experience, but server-side validation is required for security and data integrity.

Previous testNext test