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

5. 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 web accessibility?

Please select an answer first.

Correct answer: A

The correct answer is Designing websites so people with different abilities can use them.

  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: Accessibility considers vision, hearing, mobility, cognitive needs, input methods, and different technologies.
  3. Check the conclusion: The correct answer is Designing websites so people with different abilities can use them.

Accessibility considers vision, hearing, mobility, cognitive needs, input methods, and different technologies.

2. QuestionMultiple choice

Why are headings important for accessibility?

Please select an answer first.

Correct answer: B

The correct answer is They communicate the page hierarchy and help users navigate content..

  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: A logical heading structure helps screen-reader users and all readers understand and move through a document.
  3. Check the conclusion: The correct answer is They communicate the page hierarchy and help users navigate content..

A logical heading structure helps screen-reader users and all readers understand and move through a document.

3. QuestionMultiple choice

What is keyboard accessibility?

Please select an answer first.

Correct answer: C

The correct answer is The ability to use interactive content without requiring a mouse or touch screen.

  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: Keyboard users need visible focus, logical tab order, and controls that can be operated without a pointer.
  3. Check the conclusion: The correct answer is The ability to use interactive content without requiring a mouse or touch screen.

Keyboard users need visible focus, logical tab order, and controls that can be operated without a pointer.

4. QuestionMultiple choice

What is cross-browser testing?

Please select an answer first.

Correct answer: D

The correct answer is Checking that a site works as intended in multiple browsers and environments.

  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: Different browsers and devices may interpret features differently, so testing helps detect compatibility issues.
  3. Check the conclusion: The correct answer is Checking that a site works as intended in multiple browsers and environments.

Different browsers and devices may interpret features differently, so testing helps detect compatibility issues.

5. QuestionMultiple choice

What is version control used for?

Please select an answer first.

Correct answer: A

The correct answer is Tracking changes to files and supporting collaboration and rollback.

  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: Version-control systems preserve history, enable branching and merging, and help teams review or restore changes.
  3. Check the conclusion: The correct answer is Tracking changes to files and supporting collaboration and rollback.

Version-control systems preserve history, enable branching and merging, and help teams review or restore changes.

6. QuestionMultiple choice

What is deployment?

Please select an answer first.

Correct answer: B

The correct answer is Making an application or website available in a target environment.

  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: Deployment moves tested code and assets to a server or hosting environment where users can access them.
  3. Check the conclusion: The correct answer is Making an application or website available in a target environment.

Deployment moves tested code and assets to a server or hosting environment where users can access them.

7. QuestionMultiple choice

Why should websites be optimized for performance?

Please select an answer first.

Correct answer: C

The correct answer is Faster pages can improve usability, accessibility, and user retention..

  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: Reducing unnecessary work, compressing assets, and choosing efficient code can improve loading and interaction.
  3. Check the conclusion: The correct answer is Faster pages can improve usability, accessibility, and user retention..

Reducing unnecessary work, compressing assets, and choosing efficient code can improve loading and interaction.

8. QuestionMultiple choice

What is cross-site scripting, or XSS?

Please select an answer first.

Correct answer: D

The correct answer is An attack in which untrusted content is executed as script in a user's browser.

  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: XSS can occur when applications insert untrusted content without proper escaping or sanitization.
  3. Check the conclusion: The correct answer is An attack in which untrusted content is executed as script in a user's browser.

XSS can occur when applications insert untrusted content without proper escaping or sanitization.

9. QuestionMultiple choice

Why should passwords be hashed rather than stored as plain text?

Please select an answer first.

Correct answer: A

The correct answer is A secure hash makes it harder to recover the original password if stored data is exposed..

  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: Password hashing stores a one-way representation and should be combined with salts and secure authentication practices.
  3. Check the conclusion: The correct answer is A secure hash makes it harder to recover the original password if stored data is exposed..

Password hashing stores a one-way representation and should be combined with salts and secure authentication practices.

10. QuestionMultiple choice

What is the purpose of a privacy policy?

Please select an answer first.

Correct answer: B

The correct answer is To explain what data a service collects, uses, shares, and retains..

  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: A privacy policy communicates data practices so users can understand how information is handled.
  3. Check the conclusion: The correct answer is To explain what data a service collects, uses, shares, and retains..

A privacy policy communicates data practices so users can understand how information is handled.

Previous testNext test