Videos / Web Dev

Episode 5 of 9 · The interview course

JavaScript interview: events, storage and the browser

Chapters

1. The browser round0:00
2. You press enter: DNS0:16
3. Two handshakes before hello0:34
4. Parsing is streaming0:52
5. What a DOM is1:09
6. CSSOM and render tree1:26
7. Layout, paint, composite1:44
8. Reflow and repaint1:59
9. Layout thrashing2:18
10. Why a script blocks2:34
11. Defer and async2:51
12. DOMContentLoaded vs load3:10
13. The critical rendering path3:28
14. Document and window3:45
15. Live and static collections4:02
16. An event starts at the top4:22
17. The three phases4:37
18. The third argument4:52
19. StopPropagation5:10
20. StopImmediatePropagation5:29
21. PreventDefault5:46
22. Target versus currentTarget6:06
23. Event delegation6:25
24. Delegation and elements not born yet6:42
25. The events that do not bubble6:59
26. Mouseenter versus mouseover7:17
27. This inside a handler7:35
28. Inline onclick versus listeners7:53
29. Removing a listener8:14
30. Detached nodes8:33
31. Passive listeners8:49
32. Debounce and throttle9:08
33. IntersectionObserver9:28
34. Three places to store9:45
35. Capacity and lifetime10:02
36. Who actually sees it10:20
37. Where the token goes10:37
38. Cookie attributes10:55
39. Expires, max age and IndexedDB11:14
40. Cross site scripting11:38
41. Cross site request forgery11:56
42. CORS is a browser rule12:14
43. The preflight12:33
44. LCP12:52
45. INP13:09
46. How you actually fix INP13:27
47. CLS13:45
48. What to carry into the room14:06

JavaScript interview: events, storage and the browser. The browser half of the interview is where most people lose points. Not because it is hard, but because the answers are one sentence deep. This is that half, in order. How a page g

Mark as watchedSaved in this browser only.