[{"data":1,"prerenderedAt":246},["ShallowReactive",2],{"term-a\u002Fangular":3,"related-a\u002Fangular":229},{"id":4,"title":5,"acronym":6,"body":7,"category":210,"description":211,"difficulty":212,"extension":213,"letter":214,"meta":215,"navigation":88,"path":216,"related":217,"seo":223,"sitemap":224,"stem":227,"subcategory":6,"__hash__":228},"terms\u002Fterms\u002Fa\u002Fangular.md","Angular",null,{"type":8,"value":9,"toc":204},"minimark",[10,15,19,23,26,30,193,197,200],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Angular is Google's JavaScript framework — the strict, opinionated one that comes with everything pre-decided. Routing, state, forms, HTTP client — all included. It forces TypeScript and has a steep learning curve but enterprise teams love its structure.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Angular is a comprehensive TypeScript-based frontend framework maintained by Google. It provides a complete solution with built-in dependency injection, a powerful CLI, RxJS-based reactivity, decorators, template syntax with directives, and integrated tooling for testing. Angular uses Zone.js for change detection.",[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-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Angular component\nimport { Component } from '@angular\u002Fcore';\n\n@Component({\n  selector: 'app-hello',\n  template: `\u003Ch1>Hello, {{ name }}\u003C\u002Fh1>`\n})\nexport class HelloComponent {\n  name = 'World';\n}\n","typescript","",[38,39,40,49,83,90,106,126,143,152,169,187],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F Angular component\n",[41,50,52,56,60,64,67,70,73,77,80],{"class":43,"line":51},2,[41,53,55],{"class":54},"s7zQu","import",[41,57,59],{"class":58},"sMK4o"," {",[41,61,63],{"class":62},"sTEyZ"," Component",[41,65,66],{"class":58}," }",[41,68,69],{"class":54}," from",[41,71,72],{"class":58}," '",[41,74,76],{"class":75},"sfazB","@angular\u002Fcore",[41,78,79],{"class":58},"'",[41,81,82],{"class":58},";\n",[41,84,86],{"class":43,"line":85},3,[41,87,89],{"emptyLinePlaceholder":88},true,"\n",[41,91,93,96,100,103],{"class":43,"line":92},4,[41,94,95],{"class":58},"@",[41,97,99],{"class":98},"s2Zo4","Component",[41,101,102],{"class":62},"(",[41,104,105],{"class":58},"{\n",[41,107,109,113,116,118,121,123],{"class":43,"line":108},5,[41,110,112],{"class":111},"swJcz","  selector",[41,114,115],{"class":58},":",[41,117,72],{"class":58},[41,119,120],{"class":75},"app-hello",[41,122,79],{"class":58},[41,124,125],{"class":58},",\n",[41,127,129,132,134,137,140],{"class":43,"line":128},6,[41,130,131],{"class":111},"  template",[41,133,115],{"class":58},[41,135,136],{"class":58}," `",[41,138,139],{"class":75},"\u003Ch1>Hello, {{ name }}\u003C\u002Fh1>",[41,141,142],{"class":58},"`\n",[41,144,146,149],{"class":43,"line":145},7,[41,147,148],{"class":58},"}",[41,150,151],{"class":62},")\n",[41,153,155,158,162,166],{"class":43,"line":154},8,[41,156,157],{"class":54},"export",[41,159,161],{"class":160},"spNyl"," class",[41,163,165],{"class":164},"sBMFI"," HelloComponent",[41,167,168],{"class":58}," {\n",[41,170,172,175,178,180,183,185],{"class":43,"line":171},9,[41,173,174],{"class":111},"  name",[41,176,177],{"class":58}," =",[41,179,72],{"class":58},[41,181,182],{"class":75},"World",[41,184,79],{"class":58},[41,186,82],{"class":58},[41,188,190],{"class":43,"line":189},10,[41,191,192],{"class":58},"}\n",[11,194,196],{"id":195},"when-youll-hear-this","When You'll Hear This",[16,198,199],{},"\"Angular enforces a strict project structure — great for large teams.\" \u002F \"Angular requires TypeScript, which is actually a selling point now.\"",[201,202,203],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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":51,"depth":51,"links":205},[206,207,208,209],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":195,"depth":51,"text":196},"frontend","Angular is Google's JavaScript framework — the strict, opinionated one that comes with everything pre-decided.","intermediate","md","a",{},"\u002Fterms\u002Fa\u002Fangular",[218,219,220,221,222],"React","Vue","TypeScript","Directive","Two-way Binding",{"title":5,"description":211},{"changefreq":225,"priority":226},"weekly",0.7,"terms\u002Fa\u002Fangular","PFPHcW-ug3KLIMAqkQ9SPoJEGEuYxsg69Ps5DejcohI",[230,233,237,240,243],{"title":221,"path":231,"acronym":6,"category":210,"difficulty":212,"description":232},"\u002Fterms\u002Fd\u002Fdirective","Directives are special HTML attributes that tell Vue (or Angular) to do something special with an element.",{"title":218,"path":234,"acronym":6,"category":210,"difficulty":235,"description":236},"\u002Fterms\u002Fr\u002Freact","beginner","React is a JavaScript library from Meta for building UIs out of components.",{"title":222,"path":238,"acronym":6,"category":210,"difficulty":212,"description":239},"\u002Fterms\u002Ft\u002Ftwo-way-binding","Two-way binding means your data and your input field are best friends who always tell each other what changed. Type in the box and the data updates.",{"title":220,"path":241,"acronym":6,"category":210,"difficulty":212,"description":242},"\u002Fterms\u002Ft\u002Ftypescript","TypeScript is JavaScript with a strict parent watching over it.",{"title":219,"path":244,"acronym":6,"category":210,"difficulty":235,"description":245},"\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.",1776518255214]