[{"data":1,"prerenderedAt":88},["ShallowReactive",2],{"term-g\u002Fgui":3,"related-g\u002Fgui":76},{"id":4,"title":5,"acronym":6,"body":7,"category":55,"description":56,"difficulty":57,"extension":58,"letter":59,"meta":60,"navigation":61,"path":62,"related":63,"seo":69,"sitemap":70,"stem":73,"subcategory":74,"__hash__":75},"terms\u002Fterms\u002Fg\u002Fgui.md","GUI","Graphical User Interface",{"type":8,"value":9,"toc":48},"minimark",[10,15,19,23,26,30,41,45],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"GUI is everything you see and click on — buttons, menus, windows, icons. It is the opposite of a CLI where you type commands. Your phone is all GUI. Most normal people use GUIs. Developers sometimes prefer CLIs because typing can be faster than clicking.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"A GUI is a visual interface layer that allows users to interact with software through graphical elements such as windows, buttons, checkboxes, and menus, rather than text commands. GUIs are built on event-driven programming where user actions (clicks, drags) trigger handlers. Web UIs, desktop apps, and mobile apps are all GUIs.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,38],"pre",{"className":33,"code":35,"language":36,"meta":37},[34],"language-text","\u002F\u002F GUI vs CLI comparison:\n\u002F\u002F GUI: Click \"File\" → \"Open\" → navigate to file → click \"Open\"\n\u002F\u002F CLI: code ~\u002Fprojects\u002Fmy-app\u002Findex.js\n\n\u002F\u002F Both open a file, CLI is just faster once learned\n","text","",[39,40,35],"code",{"__ignoreMap":37},[11,42,44],{"id":43},"when-youll-hear-this","When You'll Hear This",[16,46,47],{},"\"It has a GUI now, you don't have to use the terminal.\" \u002F \"I built a simple GUI wrapper around the CLI tool.\"",{"title":37,"searchDepth":49,"depth":49,"links":50},2,[51,52,53,54],{"id":13,"depth":49,"text":14},{"id":21,"depth":49,"text":22},{"id":28,"depth":49,"text":29},{"id":43,"depth":49,"text":44},"general","GUI is everything you see and click on — buttons, menus, windows, icons. It is the opposite of a CLI where you type commands. Your phone is all GUI.","beginner","md","g",{},true,"\u002Fterms\u002Fg\u002Fgui",[64,65,66,67,68],"CLI","Frontend","UX","Interface","Terminal",{"title":5,"description":56},{"changefreq":71,"priority":72},"weekly",0.7,"terms\u002Fg\u002Fgui",null,"bqdNY1pZBMpULN8CvcR1V3hvaJNqply8MmXW-f-09OY",[77,81,85],{"title":64,"path":78,"acronym":79,"category":55,"difficulty":57,"description":80},"\u002Fterms\u002Fc\u002Fcli","Command Line Interface","CLI is just the fancy term for any tool you use by typing commands instead of clicking buttons.",{"title":67,"path":82,"acronym":74,"category":55,"difficulty":83,"description":84},"\u002Fterms\u002Fi\u002Finterface","intermediate","An interface is like a job description. It says 'whatever fills this role must be able to do X, Y, and Z' without caring how they do it.",{"title":68,"path":86,"acronym":74,"category":55,"difficulty":57,"description":87},"\u002Fterms\u002Ft\u002Fterminal","The terminal is a black window where you talk to your computer using text commands instead of clicking buttons.",1776518283371]