1. The CSS box model describes how the parts of a CSS box fit together and the size of the box. What is the actual width of the following box's visible part under the standard box model? box {width: 200px; padding: 10px; margin: 0 15px; border: 2px 5px;}
2. You are creating a responsive design, but when you view your site on a smaller screen, you notice that images are causing a horizontal scroll bar. How can you solve this problem without stretching any images out of shape?
3. In a grid layout, which property will create gaps between the rows in the grid?
4. Which color value will create a background color that is semitransparent?
5. CSS Logical Properties and Values now have wide-ranging support in browsers. If you wanted to use the logical version of width, which property name would you choose?
6. Which CSS property and value would correctly remove the bullets from a list item?
7. Review the CSS below. What color would you expect the background color of the element with a class of .box to be? .box { background-color: blue; Background: url(images/star.png) no-repeat left top; }
8. What does setting aria-live=polite on a live region achieve?
9. Which choice is not a JavaScript framework?
10. What is meant by the term "polyfill" when used in web development?
11. What is the name of the event that occurs when the mouse pointer hovers over an element?
12. What is yarn?
13. What is the definition of the phrase “Time to Interactive”?
14. Your website uses CSS Grid Layout extensively, and a visitor who navigates using the keyboard tells you that they seem to jump erratically all over the screen when navigating. What is the most likely problem?
15. What is WebP?
16. What does the term "tree shaking" mean with regard to JavaScript performance?
17. The flex property is often applied to flex items with a value of 1. Using flex: 1 is a shorthand - what does it unpack to?
18. You discover that CSS is being loaded on a website using the following code. Why might a web developer have done this?
19. You are designing a site and creating a navigation bar linking to the main sections. Which HTML element should you use to indicate that this is the main navigation?
20. You want to create striped table rows using CSS without adding a class to any element. Which CSS would correctly apply the background color to every odd row in your table?
21. Which array method should you apply to run a function for every item within an array, returning an array of all items for which the function is true?
22. You have created a box that has a height set with CSS. Which line of CSS would add scroll bars if the content is taller than the box, but leave no visible scroll bars if the content fits into the box?
23. _ moves an element completely out of the page's normal layout flow, like it is sitting on its own separate layer. From there, you can fix it in a position relative to the edges of the page's element (or its nearest positioned ancestor element)?
24. In normal flow, some elements display as block elements default and others inline. which choice contains only block-level by default elements?**
25. Which choice is not of invoking strict mode in JavaScript?
26. What does the CSS selector a[href$="org"] select?
27. You have a set of images that are slightly different sizes and aspect ratios. You don't mind if you crop off some of the image, but you want each image to completely fill a square box without being distorted. Which property and value would achieve this?
28. Which choice does not provide information on browser support for a particular CSS property?
29. Which choice is not a render blocking resource?
30. A webpage has rel="preconnect" added to a link resource. What will this do?
31. Lighthouse is a tool for auditing your website. Which choice is not a category of report offered by Lighthouse?
32. How can you rewrite this function using arrow function syntax?
33. Which choice is a correct use of the parseInt() function in Javascript that parses a string and return an integer?
34. You have placed an image in a directory named images and want to reference it from a page located in the root of your site. Which choice would correctly display the image on the page?
35. What will this loop print? let max = 3; for (i = 0; i > max; i++) {document.write("skrt "); }
36. A video on your webpage does not display and the console shows an error about mixed content. What is happening?
37. Which line of code, if applied to all flex items in a flex container, would cause each flex item to take up an equal share of the total width of the container? For example, if there are four items, they would get 25% of each/
38. Which description correctly describes the initial values of flex items if the only thing you have done is apply display: flex to their parent?
39. What is the correct way to initialize an array of galaxies in JavaScript?
40. You find this code in a stylesheet. What is it being used for? .cf::after { content: '';
41. How many columns will there be, given this code? .container { width: 600px; Column-width: 200px; column-gap: 50px;}
42. What is Webpack primarily used for?
43. Which HTML element represents either a scalar value within a known range OR a fractional value?
44. How does the rem unit represent a font size?
45. Which statement is true when an HTML tag has been deprecated?
46. Which HTML element is not considered a landmark element?
47. Which part of the URL https://app.uniswap.org/pool specifies the domain name
48. Which choice is not part of CSS box model
49. You have used display: none in your stylesheet. Which users will be able to see or hear this content?
50. Which choice is not a value of the type attribute of the element?
51. Which HTML will result in text being highlighted in yellow? .highlight {background-color: yellow;}
52. In this code, what is the term for the h1? h1 { color: red; font-size: 5em; }
53. The browser finds some CSS that it does not understand. What is likely happen?
54. What is the element used for?
55. In the following code, the variable fruit has been assigned a value of apple. How would you change the value to plum? let fruit = 'apple';
56. What does the === comparison operator do?
57. What will be the value of selected? let pocket = ['turnip', 'stone', 'log', 'apple']; Let selected = pocket[1];
58. Which CSS property will not trigger layout recalculation?
59. Which attribute must have a unique value each time it is used in an HTML document?
60. When might an empty alt attribute be the correct value?
61. Why would you surround a piece of text with
62. Variables declared with the let keyword have what type of scope?
Web Graphics Design Principles
Ionic Framework
Laravel Framework
BackBone.js
Apache Server
Web Building
Related MCQ's