Advanced Web Development Quiz
Learning Paths:
Table of Contents
Quiz
Introduction
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.
Q1: async & defer Execution Order
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" />
Q2: Rendering Pipeline & Compositing
Students are instructed to select which statement or statements are true about the rendering pipeline.
Q3: Resolving Domain Requests
Students are instructed to complete the statement by matching the domain request terms with the correct positions.
Q4: Call Stack & Event Loop
Students are instructed to analyze the code and select the resulting output from the 5 console statements.
Q5: Resource Hints
Students are instructed to match the resource hint term with the correct definition. The resource hints are dns-prefetch, preconnect, prefetch, and preload.
Q6: Object Reference & Destructuring
Students are instructed to analyze the JavaScript code and determine what will be logged to the console.
Q7: PerformanceNavigationTiming
Students are instructed to put the PerformanceNavigationTimings in the correct order. The properties include loadEventStart, domComplete, domContentLoadedEventStart, fetchStart, connectEnd, and domInteractive.
Q8: Cache Directives
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.
Q9: Garbage Collection
Students are instructed to analyze the code and determine when obj1 and obj2 will be garbage collected.
Q10: Animation Cost
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.
Q11: Event Propagation
Students are instructed to analyze the code and determine what is logged to the console when the button is clicked.
Q12: CSS Specificity
Students are instructed to order the CSS selectors by specificity, with the lowest specificity first and the highest specificity last.
Q13: WeakMap
Students are instructed to analyze the code and determine which statement or statements about the WeakMap is true.
Q14: Web Vitals
Students are instructed to match the Web Vitals metric with the correct definition.
Q15: Content Security Policy CSP Header
Students are instructed to determine which resources will be allowed given the specified Content Security Policy (CSP) header
Q16: Refer Policies
Students are instructed to select which statements about the referrer policies noopener, and noreferrer are true.
Q17: Generators
Students are instructed to analyze the generator code and determine when the string "In Log: My Input!" will be logged to the console.
Q18: Promise Methods
Students are instructed to match each Promise method with the correct output. The Promise methods used are all, any, race, and allSettled.
Q19: Back Forward Cache
Students are instructed to select the values that make a page ineligible for bfcache (back-forward cache).
Q20: Front-End Security
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).
Q21: Font Strategies
Students are instructed to connect each font strategy to the correct definition. The font-display values are block, swap, fallback, optional, and auto.
Q22: Cookie Policy Header
Students are instructed to analyze the cookie header and select any statements that are true.
Q23: CSS Pseudo Selector
Students are instructed to select the CSS pseudo selectors that will correctly target the list item <li>One</li>.
Q24: Transport Security
Students are instructed to analyze the Strict-Transport-Security setting in the header and select any true statements.
Q25: Render Layers
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.
Q26: Image Formats
Students are instructed to match the image formats to the correct descriptions. The image formats include JPEG, PNG, WebP, and AVIF.
Q27: CORS Headers
Students are instructed to analyze the CORS (cross-origin resource sharing) configuration and select any true statements.
Q28: Event Loop
Students are instructed to analyze the code and determine what values are logged to the console.
Q29: HTTP 1, 2 & 3
Students are instructed to select which statements are true about HTTP/1.1, HTTP/2, and HTTP/3.
Q30: Invoking Object Methods Scope
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.