[{"data":1,"prerenderedAt":186},["ShallowReactive",2],{"term-j\u002Fjavascript":3,"related-j\u002Fjavascript":167},{"id":4,"title":5,"acronym":6,"body":7,"category":147,"description":148,"difficulty":149,"extension":150,"letter":151,"meta":152,"navigation":153,"path":154,"related":155,"seo":161,"sitemap":162,"stem":165,"subcategory":6,"__hash__":166},"terms\u002Fterms\u002Fj\u002Fjavascript.md","JavaScript",null,{"type":8,"value":9,"toc":141},"minimark",[10,15,19,23,26,30,130,134,137],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"JavaScript is what makes websites actually DO stuff. HTML is the bones, CSS is the skin, and JavaScript is the muscles and brain. It lets you click a button and have something happen instead of just staring at a pretty page.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"JavaScript is a dynamic, interpreted programming language that runs natively in browsers. It enables interactive behavior on web pages, DOM manipulation, event handling, and asynchronous operations. It also runs server-side via Node.js.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","document.querySelector('#btn').addEventListener('click', () => {\n  alert('You clicked me!');\n});\n","javascript","",[38,39,40,99,120],"code",{"__ignoreMap":36},[41,42,45,49,53,57,60,63,67,69,72,74,77,79,81,84,86,89,92,96],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sTEyZ","document",[41,50,52],{"class":51},"sMK4o",".",[41,54,56],{"class":55},"s2Zo4","querySelector",[41,58,59],{"class":47},"(",[41,61,62],{"class":51},"'",[41,64,66],{"class":65},"sfazB","#btn",[41,68,62],{"class":51},[41,70,71],{"class":47},")",[41,73,52],{"class":51},[41,75,76],{"class":55},"addEventListener",[41,78,59],{"class":47},[41,80,62],{"class":51},[41,82,83],{"class":65},"click",[41,85,62],{"class":51},[41,87,88],{"class":51},",",[41,90,91],{"class":51}," ()",[41,93,95],{"class":94},"spNyl"," =>",[41,97,98],{"class":51}," {\n",[41,100,102,105,108,110,113,115,117],{"class":43,"line":101},2,[41,103,104],{"class":55},"  alert",[41,106,59],{"class":107},"swJcz",[41,109,62],{"class":51},[41,111,112],{"class":65},"You clicked me!",[41,114,62],{"class":51},[41,116,71],{"class":107},[41,118,119],{"class":51},";\n",[41,121,123,126,128],{"class":43,"line":122},3,[41,124,125],{"class":51},"}",[41,127,71],{"class":47},[41,129,119],{"class":51},[11,131,133],{"id":132},"when-youll-hear-this","When You'll Hear This",[16,135,136],{},"\"The form validation is broken — check the JavaScript console for errors.\" \u002F \"Don't use JavaScript for that, it's a CSS problem.\"",[138,139,140],"style",{},"html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":101,"depth":101,"links":142},[143,144,145,146],{"id":13,"depth":101,"text":14},{"id":21,"depth":101,"text":22},{"id":28,"depth":101,"text":29},{"id":132,"depth":101,"text":133},"frontend","JavaScript is what makes websites actually DO stuff. HTML is the bones, CSS is the skin, and JavaScript is the muscles and brain.","beginner","md","j",{},true,"\u002Fterms\u002Fj\u002Fjavascript",[156,157,158,159,160],"TypeScript","DOM","React","Vue","Node.js",{"title":5,"description":148},{"changefreq":163,"priority":164},"weekly",0.7,"terms\u002Fj\u002Fjavascript","uGgbrKZetfDENhJTrySspHvjouOLBy9UG7HWlxuOVGk",[168,172,176,179,183],{"title":157,"path":169,"acronym":170,"category":147,"difficulty":149,"description":171},"\u002Fterms\u002Fd\u002Fdom","Document Object Model","The DOM is a live map of your webpage that JavaScript can read and edit. When the browser loads your HTML it turns it into a big tree of objects.",{"title":160,"path":173,"acronym":6,"category":174,"difficulty":149,"description":175},"\u002Fterms\u002Fn\u002Fnode-js","backend","Node.js lets you run JavaScript on the server — not just in the browser. Before Node.js, JavaScript was trapped in the browser.",{"title":158,"path":177,"acronym":6,"category":147,"difficulty":149,"description":178},"\u002Fterms\u002Fr\u002Freact","React is a JavaScript library from Meta for building UIs out of components.",{"title":156,"path":180,"acronym":6,"category":147,"difficulty":181,"description":182},"\u002Fterms\u002Ft\u002Ftypescript","intermediate","TypeScript is JavaScript with a strict parent watching over it.",{"title":159,"path":184,"acronym":6,"category":147,"difficulty":149,"description":185},"\u002Fterms\u002Fv\u002Fvue","Vue is a JavaScript framework for building interactive UIs. It's famous for being easy to pick up — HTML developers feel right at home.",1776518289965]