UUS Practice Tests⌕ Search
IT Certifications · 70-480

Exam 70-480: Programming in HTML5 with JavaScript and CSS3 Practice Test

Exam 70-480 covers building interactive web pages with HTML5, JavaScript, and CSS3. The available practice questions touch JavaScript arrays and object properties, semantic HTML elements, form validation, and CSS selectors and display behavior. These concepts support creating structured page content, responding to user input, and controlling how elements appear in a browser.

Exam overview

Exam providerMicrosoft
Exam code70-480
CategoryIT Certifications

About the Exam 70-480: Programming in HTML5 with JavaScript and CSS3 Exam

Web development with these technologies involves choosing semantic elements for page structure, marking up forms with appropriate input types and attributes, and using browser validation for required or email-formatted values. JavaScript skills include distinguishing reassignment from mutation, understanding `const` object behavior, and transforming arrays without altering the original data. CSS work includes writing selectors that target specific descendants, setting text color, and deciding whether to hide an element while retaining its layout space. These decisions arise when implementing navigation, primary content, form controls, and responsive interface behavior. The practice material samples these kinds of language and markup concepts; its topics describe the question bank and should not be read as a complete or official exam outline.

Sample Practice Questions

Review a selection from this exam's published US Practice Tests practice bank.

Question 1

Given `const values = [4, 7, 9];`, which expression returns a new array containing each value multiplied by 2, without changing `values`?

  1. A`values.forEach(x => x * 2)`
  2. B`values.map(x => x * 2)`
  3. C`values.filter(x => x * 2)`
  4. D`values.push(x => x * 2)`
Show answerCorrect answer: B

`map` calls its callback for each array item and returns a new array of the callback results. `forEach` does not produce such an array, `filter` selects items based on truthiness, and `push` appends an item.

Question 2

An input element has `type="email"` and a `required` attribute. Which built-in form behavior does this provide?

  1. AIt checks that the field is nonempty and has a value in email-address format before normal submission.
  2. BIt verifies that the email address belongs to an existing mailbox.
  3. CIt encrypts the entered value before the form is submitted.
  4. DIt automatically sends the value to a server-side email service.
Show answerCorrect answer: A

Native constraint validation checks that a required field is not empty and that an email-type value matches the browser’s email-input format rules. It cannot verify mailbox existence or deliver email.

Question 3

In JavaScript, what does `const settings = { theme: "light" }; settings.theme = "dark";` do?

  1. AIt throws an error because every property of a const object is immutable.
  2. BIt changes the object's theme property; const prevents reassignment of the variable binding.
  3. CIt silently creates a new settings object and reassigns the variable.
  4. DIt changes theme only in strict mode.
Show answerCorrect answer: B

A const declaration prevents assigning a different value to the variable binding. It does not make an object’s properties immutable, so the existing object can be mutated.

Question 4

Which HTML element is used to group a set of navigation links?

  1. A<nav>
  2. B<aside>
  3. C<address>
  4. D<summary>
Show answerCorrect answer: A

The <nav> element represents a section of a page whose purpose is to provide navigation links, such as a site menu or table of contents.

Question 5

Which CSS declaration prevents an element's content from being displayed while also removing its box from layout?

  1. Avisibility: hidden;
  2. Bopacity: 0;
  3. Cdisplay: none;
  4. Doverflow: hidden;
Show answerCorrect answer: C

`display: none` removes the element from the layout, so it occupies no space. `visibility: hidden` and `opacity: 0` hide it visually but generally preserve its layout space.

Question 6

Which CSS selector matches only `<p>` elements that are direct children of an element with the class `card`?

  1. A.card p
  2. B.card > p
  3. Cp.card
  4. D.card + p
Show answerCorrect answer: B

The child combinator `>` matches elements that are immediate children. Therefore `.card > p` selects paragraphs directly inside an element with class `card`, unlike the descendant selector `.card p`.

Question 7

Which CSS rule hides an element from visual display but preserves its space in the layout?

  1. A`display: none`
  2. B`visibility: hidden`
  3. C`opacity: 0`
  4. D`position: absolute`
Show answerCorrect answer: B

`visibility: hidden` makes an element invisible while retaining its layout space. By contrast, `display: none` removes the element's box from layout.

How to use this practice test

Access the practice questions for free. A session presents up to 20 randomly selected questions from the available bank, with results shown after the session. Use those results to identify which HTML semantics, JavaScript expressions, or CSS rules need closer review, then revisit the relevant concepts in your own code examples.

Preparation tips

  • Trace array transformations step by step and check whether each method returns a new array or changes the original.
  • Test how `const` applies to an object binding: try changing a property, then compare that with assigning a different object to the variable.
  • Build a small form with `type="email"` and `required`; observe which invalid or missing values the browser rejects before submission.
  • Write paired CSS examples using `display: none` and `visibility: hidden`, and compare their effects on the element’s layout space.
  • Practice selecting direct child paragraphs with a class-based selector, and check the result against nested paragraphs in browser developer tools.
Official sourceOfficial exam page ↗