Lydia Hallie
Lydia Hallie
Course Description
Challenge your knowledge with a quiz on the advanced parts of web development! You’ll answer 30 questions spanning a wide range of front-end development concepts, from JavaScript and CSS to delving into the more complex areas of performance optimization, web security, and HTTP protocols. After each question, Lydia will explain the answer and dive deeper into the topic to give you a more extensive understanding.
This course and others like it are available as part of our Frontend Masters video subscription.
Preview
CloseLearn Straight from the Experts Who Shape the Modern Web
Your Path to Senior Developer and Beyond
- 200+ In-depth courses
- 18 Learning Paths
- Industry Leading Experts
- Live Interactive Workshops
Table of Contents
Quiz
Section Duration: 2 hours, 21 minutes
Lydia Hallie shares a summary of the topics covered throughout the course. There will be 30 questions. As each question is presented, the lesson will pause, and viewers will have a chance to answer the interactive question directly inside the video player. After submitting an answer, continue watching the lesson for the solution and an explanation.
Students are instructed to place each script tag in the correct order of execution. The script tags use async and defer attributes and have varying load times. Note: E should be <script async defer src="asyncdefer1.js" />
Students are instructed to select which statement or statements are true about the rendering pipeline.
Students are instructed to complete the statement by matching the domain request terms with the correct positions.
Students are instructed to analyze the code and select the resulting output from the 5 console statements.
Students are instructed to match the resource hint term with the correct definition. The resource hints are dns-prefetch, preconnect, prefetch, and preload.
Students are instructed to analyze the JavaScript code and determine what will be logged to the console.
Students are instructed to put the PerformanceNavigationTimings in the correct order. The properties include loadEventStart, domComplete, domContentLoadedEventStart, fetchStart, connectEnd, and domInteractive.
Students are instructed to match each caching directive with the correct definition. Directives include no-cache, must-revalidate, no-store, private, and stale-while-revalidate.
Students are instructed to analyze the code and determine when obj1 and obj2 will be garbage collected.
Students are instructed to identify which properties have the correct rendering costs displayed. The properties include width, opacity, background-image, left, and transform. The rendering costs are layout, paint, and composite.
Students are instructed to analyze the code and determine what is logged to the console when the button is clicked.
Students are instructed to order the CSS selectors by specificity, with the lowest specificity first and the highest specificity last.
Students are instructed to analyze the code and determine which statement or statements about the WeakMap is true.
Students are instructed to match the Web Vitals metric with the correct definition.
Students are instructed to determine which resources will be allowed given the specified Content Security Policy (CSP) header
Students are instructed to select which statements about the referrer policies noopener, and noreferrer are true.
Students are instructed to analyze the generator code and determine when the string "In Log: My Input!" will be logged to the console.
Students are instructed to match each Promise method with the correct output. The Promise methods used are all, any, race, and allSettled.
Students are instructed to select the values that make a page ineligible for bfcache (back-forward cache).
Students are instructed to connect the security terms with the correct definitions. The terms include XSS (cross-site scripting), CSRF (cross-site request forgery), UI Redressing, and MITM (man in the middle).
Students are instructed to connect each font strategy to the correct definition. The font-display values are block, swap, fallback, optional, and auto.
Students are instructed to analyze the cookie header and select any statements that are true.
Students are instructed to select the CSS pseudo selectors that will correctly target the list item <li>One</li>.
Students are instructed to analyze the Strict-Transport-Security setting in the header and select any true statements.
Students are instructed to select all the CSS properties which cause elements to be promoted to their own RenderLayer. The properties include z-index, translate3d, will-change, transform, and position.
Students are instructed to match the image formats to the correct descriptions. The image formats include JPEG, PNG, WebP, and AVIF.
Students are instructed to analyze the CORS (cross-origin resource sharing) configuration and select any true statements.
Students are instructed to analyze the code and determine what values are logged to the console.
Students are instructed to select which statements are true about HTTP/1.1, HTTP/2, and HTTP/3.
Lydia wraps up the course with one last question. Students are instructed to analyze the code and determine what will be logged to the console when the Object's methods are called. For more challenging front-end questions, checkout Lydia's javascript-questions repo.
Learn Straight from the Experts Who Shape the Modern Web
- In-depth Courses
- Industry Leading Experts
- Learning Paths
- Live Interactive Workshops