LinkedIn Front-end Development Assessment Answers

Q1. Which image matches the flex layout defined in this style rule?

.container {
  display: flex;
}

.container div:last-child {
  margin-left: auto;
}

Q2. Variables declared with the let keyword have what type of scope?

Q3. Why would you surround a piece of text with <h1></h1> tags?

Q4. When might an empty alt attribute be the correct value?

Q5. Which attribute must have a unique value each time it is used in an HTML document?

Q6. Which CSS property will not trigger layout recalculation?

Q7. What will be the value of selected?

let pocket = ['turnip', 'stone', 'log', 'apple'];
let selected = pocket[1];

Q8. What does the === comparison operator do?

Q9. 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';

Q10. What is the <label> element used for?

Q11. The browser finds some CSS that it does not understand. What is likely happen?

Q12. In this code, what is the term for the h1?

h1 {
  color: red;
  font-size: 5em;
}

Q13. Which HTML will result in text being highlighted in yellow?

.highlight {
  background-color: yellow;
}

Q14. Which choice is not a value of the type attribute of the <input> element?

Q15. You have used display: none in your stylesheet. Which users will be able to see or hear this content?

Q16. Which choice is not part of CSS box model

Q17. Which part of the URL https://app.uniswap.org/pool specifies the domain name

Q18. Which HTML element is not considered a landmark element?

Q19. Which statement is true when an HTML tag has been deprecated?

Q20. How does the rem unit represent a font size?

Q21. Which HTML element represents either a scalar value within a known range a fractional value?

Q22. What is Webpack primarily used for?

Q23. How many columns will there be, given this code?

.container {
  width: 600px;
  column-width: 200px;
  column-gap: 50px;
}

Q24. Which style will change the color of the text?

A

<cite>Noam Chomsky</cite>
cite {
  text-color: cyan;
}
cite {
  font-color: cyan;
}
cite {
  color: cyan;
}
cite {
  text: cyan;
}

Q25. You find this code in a stylesheet. What is it being used for?

.cf::after {
  content: '';
  display: block;
  clear: both;
}

Q26. What is the correct way to initialize an array of galaxies in JavaScript?

Q27. Which description correctly describes the initial values of flex items if the only thing you have done is apply display: flex to their parent?

Q28. 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/

Q29. A video on your webpage does not display and the console shows an error about mixed content. What is happening?

Q30. What will this loop print?

      let max = 3;
      for (i = 0; i > max; i++) {
        document.write("skrt ");
      }

Q31. 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?

Q32. Which choice is a correct use of the parseInt() function in Javascript that parses a string and return an integer?

Q33. How can you rewrite this function using arrow function syntax?

Q34. Lighthouse is a tool for auditing your website. Which choice is not a category of report offered by Lighthouse?

Q35. In the context of this code, how would you describe user?

const user = {
  given_name: 'Joe',
  family_name: 'Bloggs',
  age: 40,
}

Q36. A webpage has rel="preconnect" added to a link resource. What will this do?

<link rel="preconnect" href="https://example.com">

Reference (web.dev)

Q37. Which choice is not a render blocking resource?

Reference (blog.logrocket)

Q38. Which choice does not provide information on browser support for a particular CSS property?

 

Q39. 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?

Q40. what does the CSS selector a[href$=”org”] select?

Q41. Which choice is not of invoking strict mode in JavaScript?

 

Q42. In normal flow, some elements display as block elements default and others inline. which choice contains only block-level by default elements?**

Q43. Which line would you add to this code to add “Cosmos” to the list of currencies using JavaScript?

var currencies = ['Bitcoin', 'Ethereum'];

/* Missing line */
console.log(currencies);

Q44. How would you change this code to make Vanilla selected by default?

<input type="radio" value="strawberry">Strawberry
<input type="radio" value="vanilla">Vanilla
<input type="radio" value="chocolate">Chocolate

Q45. _ 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 <html> element (or its nearest positioned ancestor element)?

 

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.

Q46. 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?

Q47. 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?

Q48. The image below has float: left applied. Text wraps the float on the right and bottom. How would you force the second paragraph to start underneath the float, leaving a gap after the preceding paragraph?

CSS clear

Q49. Which choice is not a result of invoking strict mode in JavaScript?

People also ask

Related searches

linkedin wordpress assessment answers
front end development linkedin assessment
linkedin assessment answers
linkedin assessment answers 2021
front-end development linkedin answers
linkedin vba assessment answers
linkedin assessment answers github
linkedin assessment answers 2020

linkedin front-end development assessment answers