December 13th, 2023 × #css#javascript#interview

Stump'd JS + CSS Interview Questions

Wes and Scott ask each other tricky web development interview questions covering topics like CSS layout, JavaScript, accessibility, and more.


In this episode of Syntax, Wes and Scott try to stump each other with JavaScript and CSS interview style questions including CSS contain, naming the 7 parts of Houdini, what ARIA stands for, 5 limitations of serverless, and more.

Show Notes

  • 00:25 Welcome
  • 01:31 Syntax Brought to you by Sentry
  • 02:01 Explain CSS Contain and why it exists?
  • 07:27 In CSS Grid, how would I make a grid of 3 equal columns with 20 pixels between them?
  • Wes Bos on X: 🔥 A visual guide to getting equal width columns in CSS Grid / X
  • 10:31 Which of the following elements are fake?
  • 13:00 Which of the following HTML tags are deprecated?
  • 16:38 What is the samp element?
  • 17:27 Name the 7 parts of CSS Houdini
  • 21:07 In JavaScript for loop with 10 items, how can you exit a loop early?
  • 22:34 What is the difference between a pseudo-element and a pseudo-class?
  • 25:59 How could you implement CSS :has with JavaScript?
  • 27:56 What are two attributes that would make an SVG more accessible?
  • 29:43 How can you stop your process from exiting if you have an unhandled rejection?
  • 32:27 How do you prevent flex children from getting squished?
  • 34:40 In TypeScript, what does using keyof and typeof together do?
  • 37:19 What does ARIA stand for?
  • 37:39 Name 5 limitations that a serverless or edge function have over traditional long-running servers?
  • 40:38 Write an item using Flex code, not grow to fill its container, or shrink, and the item will take up only the space based on its content size.
  • 42:03 If I'm building an application that needs to announce a change to the user, how would I do that?
  • 43:46 Name the 5 different getElement methods on a document?
  • 45:39 What does the CSS perspective property do?
  • 48:23 Sick picks

Sick Picks

Shameless Plugs

Hit us up on Socials!

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott: X Instagram Tiktok LinkedIn Threads


Play / pause the audio
Minimize / expand the player
Mute / unmute the audio
Seek backward 30 seconds
Seek forward 30 seconds
Increase playback rate
Decrease playback rate
Show / hide this window