css .container { display: flex; } .container div:last-child { margin-left: auto; } 1.
2.
undefined
3.
4.
Q 1 / 61
1.
function scope
2.
block scope
3.
inline scope
4.
global scope
Q 2 / 61
1.
to indicate that this text is the main heading on the page
2.
to make the text bold
3.
to ensure that search engines treat the keywords as being important for this page
4.
to demonstrate to screen readers that this text is important
Q 3 / 61
1.
when you cannot think of useful alt text
2.
when you don't think it would be interesting to someone who cannot see it
3.
when the image has come from a CMS
4.
when the image is purely decorative
Q 4 / 61
1.
title
2.
class
3.
style
4.
id
Q 5 / 61
1.
top
2.
opacity
3.
width
4.
height
Q 6 / 61
javascript let pocket = ['turnip', 'stone', 'log', 'apple']; let selected = pocket[1];1.
log
2.
apple
3.
stone
4.
turnip
Q 7 / 61
1.
It sets one variable equal to another in both value and type
2.
It tests for equality of type only
3.
It tests for equality of value only
4.
It tests for equality of value and type
Q 8 / 61
javascript let fruit = 'apple';1.
`let fruit = 'plum'`
2.
`var fruit = 'plum'`
3.
`const fruit = 'plum'`
4.
`fruit = 'plum'`
Q 9 / 61
1.
to identify the difference parts of a figure
2.
to explain what needs to be entered into a form field
3.
as a caption for images
4.
as a heading for tables
Q 10 / 61
1.
The page will not display
2.
An error message will be displayed
3.
The browser will not load the stylesheet
4.
The browser will ignore the unknown CSS
Q 11 / 61
css h1 { color: red; font-size: 5em; }1.
selector
2.
combinator
3.
declarator
4.
markup
Q 12 / 61
css .highlight { background-color: yellow; }1.
`<span class="highlight">#BLM</span>`
2.
`<span style="highlight">#BLM</span>`
3.
`<highlight">#BLM</span>`
4.
`<div id="highlight">#BLM</span>`
Q 13 / 61
1.
range
2.
address
3.
date
4.
password
Q 14 / 61
1.
all users
2.
users who can see the content on screen
3.
no users
4.
screen reader users
Q 15 / 61
1.
margin
2.
border
3.
padding
4.
paragraph
Q 16 / 61
1.
https
2.
org
3.
uniswap.org
4.
app.uniswap
Q 17 / 61
1.
`<form>`
2.
`<ul>`
3.
`<main>`
4.
`<nav>`
Q 18 / 61
1.
It employs code that can be viewed only on a desktop computer
2.
It is obsolete and is not recommended for use in marking web content
3.
It employs code that will require users to update their browsers
4.
It employs incorrect syntax that will cause the browser to crash
Q 19 / 61
1.
Font sizes are expressed relative to the font size of the containing div element
2.
Font sizes are expressed relative to the font size of the parent elements
3.
Font sizes are relative to the base font size of the operating system.
4.
Font sizes are relative to the root em unit used in the HTML element.
Q 20 / 61
1.
`<meter>`
2.
`<range>`
3.
`<datalist>`
4.
`<optgroup>`
Q 21 / 61
1.
sharing JavaScript code with other people
2.
making JavaScript-reliant sites accessible to users who do not have JavaScript turned on
3.
bundling individual JavaScript files for use in your website
4.
source control
Q 22 / 61
css .container { width: 600px; column-width: 200px; column-gap: 50px; }1.
one
2.
three
3.
four
4.
two
Q 23 / 61
 html <cite>Noam Chomsky</cite> css cite { text-color: cyan; } css cite { font-color: cyan; } css cite { color: cyan; } css cite { text: cyan; }1.
A
2.
B
3.
C
4.
D
Q 24 / 61
css .cf::after { content: ''; display: block; clear: both; }1.
inserting content that cannot be seen by screen readers
2.
fixing an Internet Explorer 11 bug
3.
clearing floats in float-based layouts
4.
creating a new block formatting context
Q 25 / 61
1.
`String[
2.
`let galaxies = {Milky Way, Whirlpool, Andromeda};`
3.
`galaxies = ["Milky Way", "Whirlpool", "Andromeda"];`
4.
`var galaxies = {"Milky Way", "Whirlpool", "Andromeda"};`
Q 26 / 61
1.
Items display in a row, lined up at the start, and do not stretch to fill the container
2.
Items display in a column, lined up at the start, and do not stretch to fill the container
3.
Items stay in a column until you add some flex properties.
4.
Items display in a row, lined up at the start, and stretch to fill the container
Q 27 / 61
1.
`flex: 1 0 0;`
2.
`flex: initial;`
3.
`flex: 1 1 auto;`
4.
`flex: 1 0 auto;`
Q 28 / 61
1.
The webapge is using a DOCTYPE, which renders it incapable of displayed video in addition to other web content.
2.
Your browser does not support HTML5 video.
3.
The video is from a source that cannot be displayed in your location for legal reasons.
4.
The page is loaded via HTTPS, but the video is being served insecurely as HTTP and the browser is blocking it.
Q 29 / 61
let max = 3; for (i = 0; i > max; i++) { document.write("skrt "); }1.
skrt skrt skrt
2.
skrt skrt
3.
skrt skrt skrt skrt
4.
nothing
Q 30 / 61
1.
< img src="image.jpg">
2.
< a href="images/image.jpg"></a>
3.
< img src="images/image.jpg">
4.
< img href="image.jpg">
Q 31 / 61
1.
parseInt("six");
2.
parse_int('6');
3.
parseInt("6");
4.
parseint("6");
Q 32 / 61
1.
let product => (x,y) { <br /> x * y; <br />}
2.
let product = (x,y) => x*y;
3.
let product => x*y;
4.
let product = (x,y) -> x*y;
Q 33 / 61
1.
performance
2.
UX design
3.
accessibility
4.
SEO
Q 34 / 61
const user = { given_name: 'Joe', family_name: 'Bloggs', age: 40, }1.
function
2.
array
3.
variable
4.
object
Q 35 / 61
<link rel="preconnect" href="https://example.com">1.
It will tell the browser that this link is a site belonging to the current domain.
2.
It will do nothing a because this is a deprecated attribute that browsers do not support.
3.
It will tell the browser that a connection will be made to another origin and to start getting ready as soon as possible.
4.
It will tell the browser that a resource is needed, and that it should start getting fetched as soon as possible.
Q 36 / 61
1.
images
2.
HTML
3.
CSS
4.
JavaScript
Q 37 / 61
1.
the "Can I Use" website
2.
the Web Platform Tests Suite
3.
the CSS specification
4.
MDN property pages
Q 38 / 61
1.
object-fit: contain
2.
object-fit: stretch
3.
object-fit: all
4.
object-fit: cover
Q 39 / 61
1.
all <a> tags whose href attribute begins with "org"
2.
all <a> tags whose href attribute equals "org"
3.
all <a> tags whose href attribute ends with "org"
4.
all <a> tags whose href attribute contains "org"
Q 40 / 61
1.
it eliminates some JavaScript silent errors by changing them to throw errors.
2.
it prohibits some syntax likely to be defined in future versions of ECMAScript.
3.
it forces the writing of valid HTML and CSS.
4.
it fixes mistakes that make it difficult for JavaScript engines to perform optimizations.
Q 41 / 61
1.
ul, li, a
2.
p, b, h3
3.
div, p, em
4.
div, main, h1
Q 42 / 61
javascript var currencies = ['Bitcoin', 'Ethereum']; /* Missing line */ console.log(currencies);1.
`currencies.push("Cosmos");`
2.
`Array.append("Cosmos", currencies);`
3.
`currencies.add("Cosmos");`
4.
`currencies(2) = "Cosmos";`
Q 43 / 61
javascript <input type="radio" value="strawberry">Strawberry <input type="radio" value="vanilla">Vanilla <input type="radio" value="chocolate">Chocolate1.
`<input type="radio" value="vanilla" checked>`
2.
`<input type="radio" value="vanilla" check>`
3.
`<input type="radio" value="vanilla" selected>`
4.
`<input type="radio" value="vanilla" on>`
Q 44 / 61
**position: absolute;** `An element with position: absolute; is positioned relative to the nearest positioned ancestor (instead of positioned relative to the viewport, like fixed). However; if an absolute positioned element has no positioned ancestors, it uses the document body, and moves along with page scrolling.`1.
Sticky positioning
2.
Absolute positioning
3.
Relative positioning
4.
Fixed positioning
Q 45 / 61
1.
.box { overflow: scroll; }
2.
.box { overflow: scroll-x; }
3.
.box { overflow: auto; }
4.
.box { overflow: none; }
Q 46 / 61
1.
every()
2.
map()
3.
forEach()
4.
filter()
Q 47 / 61
 **clear: left;** `When we use the float property, and we want the next element below (not on right or left), we will have to use the clear property. When clearing floats, you should match the clear to the float: If an element is floated to the left, then you should clear to the left. Your floated element will continue to float, but the cleared element will appear below it on the web page.`1.
Apply `float: left` to the second paragraph.
2.
Apply `clear: right` to the floated item.
3.
Apply `clear: left` to the second paragraph.
4.
Apply `clear: left` to the floated item.
Q 48 / 61
1.
`tr:nth-child(2) { background-color: #ccc; }`
2.
`tr:nth-child(2n+1) { background-color: #ccc; }`
3.
`tr:nth-child(2+1) { background-color: #ccc; }`
4.
`tr:nth-child(2n) { background-color: #ccc; }`
Q 49 / 61
1.
`<nav>`
2.
`<navigation>`
3.
`<main>`
4.
`<ul>`
Q 50 / 61
`<link rel="preload" href="styles.css" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="style.css"></noscript>`1.
The CSS is being loaded asynchronously in order to prevent render blocking.
2.
This will stop the CSS being loaded for old browsers that do not support the techniques in use.
3.
This is part of a stylesheet-switching script to load different themes for the site.
4.
This will stop the CCS being loaded on slow data connections.
Q 51 / 61
1.
flex: 0 0 100;
2.
flex: 1 0 0;
3.
flex: 0 0 auto;
4.
flex: 1 1 auto;
Q 52 / 61
1.
only using code that is supported by the newest browsers, and serving the site without JavaScript to old browsers
2.
removing unused code from the JavaScript files
3.
splitting code into various bundles so that decisions can be made on loading priority
4.
allowing the browser to ignore code it believes will perform badly
Q 53 / 61
1.
a method of auditing performance that gives your site a score, which is then used for Google ranking
2.
a next-generation image format offering a smaller file size than equivalent PNG or JPEG images
3.
a new font format that allows a single font to display at different styles and weights
4.
a next-generation PDF format that offers a smaller file size and better accessibility than standard PDF documents
Q 54 / 61
1.
The visitor's browser does not have full support for CSS Grid Layout.
2.
Items have been positioned in such a way that they are in a different order to the source.
3.
The browser has a keyboard navigation bug.
4.
You need to add the tabindex attribute to elements.
Q 55 / 61
1.
when the browser displays the first bit of content from the DOM
2.
when the user can consistently interact with all of the page elements
3.
when HTML has loaded, but not necessarily JavaScript, CSS, or images
4.
when the user can see the webpage on the screen
Q 56 / 61
1.
a JavaScript framework that is leaner than React
2.
a JavaScript bundler
3.
a testing framework
4.
a JavaScript package manager
Q 57 / 61
1.
load
2.
mouseover
3.
hover
4.
focus
Q 58 / 61
1.
It is a piece of code that provides modern functionality in browsers that do not support it.
2.
It is a piece of code that hides broken content from old browsers.
3.
It is a term for languages such as Saas that compliles to CSS.
4.
It is a script that runs to add vendor prefixes to modern CSS.
Q 59 / 61
1.
Angular
2.
Laravel
3.
Vue
4.
React
Q 60 / 61
1.
The screen reader will not notify the user of changes to live regions.
2.
The screen reader will wait until there is a pause to announce changes.
3.
The screen reader will announce all changes immediately.
4.
The screen reader will use a polite voice when announcing changes.
Q 61 / 61