5 exercises on pronouncing common front-end jargon aloud.
0 / 5 completed
1 / 5
How is "DOM" (Document Object Model) pronounced?
DOM is said "dom" /dɒm/ — one syllable, short /ɒ/ vowel, like the name "Dom" (short for Dominic), rhyming with "mom" and "prom." It stands for "Document Object Model." So "manipulate the DOM", "a DOM node." It is pronounced as a word, not spelled out "dee-oh-em," and the vowel is short, not "dohm" or "doom."
2 / 5
How is "SPA" (single-page application) pronounced?
SPA is normally spelled out: "S-P-A" /ɛs piː eɪ/ — "ess, pee, ay." It stands for "Single-Page Application." So "build it as an S-P-A", "an S-P-A router." Although it is also a word ("a health spa"), in front-end contexts it is usually said as the three letters to avoid confusion, with the final "A" said "ay" /eɪ/.
3 / 5
How is "SSR" (server-side rendering) pronounced?
SSR is spelled out: "S-S-R" /ɛs ɛs ɑːr/ — "ess, ess, arr." It stands for "Server-Side Rendering." So "enable S-S-R for SEO", "the page uses S-S-R." Do not blend it into "sser" or "sizzer." Each letter keeps its standard name, with "R" said "arr" /ɑːr/. Its sibling "CSR" (client-side rendering) is likewise spelled out.
4 / 5
How is "hydration" (in front-end frameworks) pronounced?
hydration is pronounced "hy-DRAY-shun" /haɪˈdreɪʃən/ — three syllables, stress on the second ("DRAY"), with a long /aɪ/ at the start ("hy," like "high") and the "-tion" giving /ʃən/ ("shun"). So "client-side hydration", "a hydration mismatch warning." It means attaching interactivity to server-rendered HTML. Do not stress the first syllable or shorten the "i."
5 / 5
How is "JSX" (the React syntax) pronounced?
JSX is spelled out: "J-S-X" /dʒeɪ ɛs ɛks/ — "jay, ess, ex." It stands for "JavaScript XML," React's HTML-like syntax. So "write the component in J-S-X", "a J-S-X expression." Do not blend it into "jisks" or say "jay-six." Each of the three letters keeps its standard English name, with "X" said "ex" /ɛks/.