Table of Contents
IntroductionLydia 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.
Q1: async & defer Execution OrderStudents 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" />
Q2: Rendering Pipeline & CompositingStudents are instructed to select which statement or statements are true about the rendering pipeline.
Q3: Resolving Domain RequestsStudents are instructed to complete the statement by matching the domain request terms with the correct positions.
Q4: Call Stack & Event LoopStudents are instructed to analyze the code and select the resulting output from the 5 console statements.
Q5: Resource HintsStudents are instructed to match the resource hint term with the correct definition. The resource hints are dns-prefetch, preconnect, prefetch, and preload.
Q7: PerformanceNavigationTimingStudents are instructed to put the PerformanceNavigationTimings in the correct order. The properties include loadEventStart, domComplete, domContentLoadedEventStart, fetchStart, connectEnd, and domInteractive.
Q8: Cache DirectivesStudents are instructed to match each caching directive with the correct definition. Directives include no-cache, must-revalidate, no-store, private, and stale-while-revalidate.
Q9: Garbage CollectionStudents are instructed to analyze the code and determine when obj1 and obj2 will be garbage collected.
Q10: Animation CostStudents 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.
Q11: Event PropagationStudents are instructed to analyze the code and determine what is logged to the console when the button is clicked.
Q12: CSS SpecificityStudents are instructed to order the CSS selectors by specificity, with the lowest specificity first and the highest specificity last.
Q13: WeakMapStudents are instructed to analyze the code and determine which statement or statements about the WeakMap is true.
Q14: Web VitalsStudents are instructed to match the Web Vitals metric with the correct definition.
Q15: Content Security Policy CSP HeaderStudents are instructed to determine which resources will be allowed given the specified Content Security Policy (CSP) header
Q16: Refer PoliciesStudents are instructed to select which statements about the referrer policies noopener, and noreferrer are true.
Q17: GeneratorsStudents are instructed to analyze the generator code and determine when the string "In Log: My Input!" will be logged to the console.
Q18: Promise MethodsStudents are instructed to match each Promise method with the correct output. The Promise methods used are all, any, race, and allSettled.
Q19: Back Forward CacheStudents are instructed to select the values that make a page ineligible for bfcache (back-forward cache).
Q20: Front-End SecurityStudents 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).
Q21: Font StrategiesStudents are instructed to connect each font strategy to the correct definition. The font-display values are block, swap, fallback, optional, and auto.
Q23: CSS Pseudo SelectorStudents are instructed to select the CSS pseudo selectors that will correctly target the list item <li>One</li>.
Q24: Transport SecurityStudents are instructed to analyze the Strict-Transport-Security setting in the header and select any true statements.
Q25: Render LayersStudents 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.
Q26: Image FormatsStudents are instructed to match the image formats to the correct descriptions. The image formats include JPEG, PNG, WebP, and AVIF.
Q27: CORS HeadersStudents are instructed to analyze the CORS (cross-origin resource sharing) configuration and select any true statements.
Q28: Event LoopStudents are instructed to analyze the code and determine what values are logged to the console.
Q29: HTTP 1, 2 & 3Students are instructed to select which statements are true about HTTP/1.1, HTTP/2, and HTTP/3.