[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"me":3,"catalog:en:frontend\u002Fjavascript-modules-bundling":4,"config":234},null,{"field_key":5,"field_name":6,"seniority":7,"topic_key":8,"topic_name":9,"spec_key":7,"spec_name":7,"locale":10,"cell_total":11,"field_total":12,"seniorities":13,"topics":17,"specs":133,"samples":150},"frontend","Frontend","","javascript-modules-bundling","Javascript Modules Bundling","en",75,2925,[14,15,16],"junior","mid","senior",[18,21,24,27,30,33,36,39,42,45,48,51,54,55,58,61,64,67,70,73,76,79,82,85,88,91,94,97,100,103,106,109,112,115,118,121,124,127,130],{"key":19,"name":20,"count":11},"accessibility","Accessibility",{"key":22,"name":23,"count":11},"angular-change-detection","Angular Change Detection",{"key":25,"name":26,"count":11},"angular-components-lifecycle","Angular Components Lifecycle",{"key":28,"name":29,"count":11},"angular-dependency-injection","Angular Dependency Injection",{"key":31,"name":32,"count":11},"angular-directives-pipes","Angular Directives Pipes",{"key":34,"name":35,"count":11},"angular-router-forms","Angular Router Forms",{"key":37,"name":38,"count":11},"angular-testing-performance","Angular Testing Performance",{"key":40,"name":41,"count":11},"css-layout","Css Layout",{"key":43,"name":44,"count":11},"dom-browser-apis","Dom Browser Apis",{"key":46,"name":47,"count":11},"javascript-async-concurrency","Javascript Async Concurrency",{"key":49,"name":50,"count":11},"javascript-language","Javascript Language",{"key":52,"name":53,"count":11},"javascript-memory-performance","Javascript Memory Performance",{"key":8,"name":9,"count":11},{"key":56,"name":57,"count":11},"javascript-prototypes-oop","Javascript Prototypes Oop",{"key":59,"name":60,"count":11},"javascript-runtime-apis","Javascript Runtime Apis",{"key":62,"name":63,"count":11},"javascript-testing-tooling","Javascript Testing Tooling",{"key":65,"name":66,"count":11},"performance","Performance",{"key":68,"name":69,"count":11},"react-components-jsx","React Components Jsx",{"key":71,"name":72,"count":11},"react-context-state","React Context State",{"key":74,"name":75,"count":11},"react-effects-lifecycle","React Effects Lifecycle",{"key":77,"name":78,"count":11},"react-forms-suspense","React Forms Suspense",{"key":80,"name":81,"count":11},"react-hooks-state","React Hooks State",{"key":83,"name":84,"count":11},"react-rendering-performance","React Rendering Performance",{"key":86,"name":87,"count":11},"rendering-reactivity","Rendering Reactivity",{"key":89,"name":90,"count":11},"state-management","State Management",{"key":92,"name":93,"count":11},"testing","Testing",{"key":95,"name":96,"count":11},"typescript-advanced-types","Typescript Advanced Types",{"key":98,"name":99,"count":11},"typescript-generics","Typescript Generics",{"key":101,"name":102,"count":11},"typescript-modules-declarations","Typescript Modules Declarations",{"key":104,"name":105,"count":11},"typescript-narrowing-control-flow","Typescript Narrowing Control Flow",{"key":107,"name":108,"count":11},"typescript-tooling-config","Typescript Tooling Config",{"key":110,"name":111,"count":11},"typescript-type-fundamentals","Typescript Type Fundamentals",{"key":113,"name":114,"count":11},"vue-components-props","Vue Components Props",{"key":116,"name":117,"count":11},"vue-composition-api","Vue Composition Api",{"key":119,"name":120,"count":11},"vue-directives-templates","Vue Directives Templates",{"key":122,"name":123,"count":11},"vue-performance-testing","Vue Performance Testing",{"key":125,"name":126,"count":11},"vue-reactivity-system","Vue Reactivity System",{"key":128,"name":129,"count":11},"vue-router-state-management","Vue Router State Management",{"key":131,"name":132,"count":11},"web-security","Web Security",[134,138,141,144,147],{"key":135,"name":136,"count":137},"angular","Angular",450,{"key":139,"name":140,"count":137},"javascript","JavaScript",{"key":142,"name":143,"count":137},"react","React",{"key":145,"name":146,"count":137},"typescript","TypeScript",{"key":148,"name":149,"count":137},"vue","Vue",[151,169,182,196,208,221],{"id":152,"topic":9,"difficulty":153,"body":154,"options":155,"correct_key":166,"explanation":168},"019f7517-0f55-7821-98e1-c9b70281ddd7",1,"What is the key difference between a named export and a default export in ES modules?",[156,159,162,165],{"key":157,"text":158},"a","Named exports can only export functions, default exports can export any value",{"key":160,"text":161},"b","A module can have unlimited default exports but only one named export",{"key":163,"text":164},"c","Default exports require the `export` keyword to be written twice",{"key":166,"text":167},"d","A module can have multiple named exports but only one default export","ES modules support two independent export mechanisms in the same file: any number of named exports (imported with `{ name }`, matching the exported identifier) and at most one default export (imported with any local name, e.g. `import whatever from '.\u002Fmod.js'`).",{"id":170,"topic":9,"difficulty":153,"body":171,"options":172,"correct_key":157,"explanation":181},"019f7517-0f56-72b8-8a42-fd964cd8e956","In CommonJS, what is the correct way to export a single object from a module?",[173,175,177,179],{"key":157,"text":174},"Assign the object to `module.exports`",{"key":160,"text":176},"Use the `export default` keyword",{"key":163,"text":178},"Call `module.export(obj)` as a function",{"key":166,"text":180},"Return the object from the top level of the file","CommonJS has no `export`\u002F`export default` keywords — the module's public interface is whatever value is assigned to `module.exports` (or its properties, via the `exports` shorthand).",{"id":183,"topic":9,"difficulty":184,"body":185,"options":186,"correct_key":163,"explanation":195},"019f7517-0f57-731c-b2ee-46ac70ca6f3b",2,"```javascript\n\u002F\u002F math.js\nexport const add = (a, b) => a + b;\nexport const BASE = 10;\n\n\u002F\u002F main.js\nimport { add, BASE } from '.\u002Fmath.js';\nconsole.log(add(2, BASE));\n```\nWhat does this log?",[187,189,191,193],{"key":157,"text":188},"NaN",{"key":160,"text":190},"undefined",{"key":163,"text":192},"12",{"key":166,"text":194},"SyntaxError: Unexpected token 'export'","Both `add` and `BASE` are named exports, imported by their exact names. `add(2, BASE)` evaluates to `add(2, 10)`, which returns `12`.",{"id":197,"topic":9,"difficulty":184,"body":198,"options":199,"correct_key":160,"explanation":207},"019f7517-0f58-7e9a-84b5-52c16e79de95","```javascript\n\u002F\u002F util.js\nexport default function greet(name) {\n  return `Hello, ${name}`;\n}\n\n\u002F\u002F main.js\nimport sayHi from '.\u002Futil.js';\nconsole.log(sayHi('Ada'));\n```\nWhat does this log?",[200,201,203,205],{"key":157,"text":190},{"key":160,"text":202},"Hello, Ada",{"key":163,"text":204},"A SyntaxError because the imported name doesn't match the exported function's name",{"key":166,"text":206},"greet('Ada')","A default export can be imported under any local name — `sayHi` is just a local alias chosen by the importer for the default-exported `greet` function. Calling it returns `Hello, Ada`.",{"id":209,"topic":9,"difficulty":153,"body":210,"options":211,"correct_key":160,"explanation":220},"019f7517-0f5d-7bab-be6e-978249cb1c31","Which statement is true about using `import`\u002F`export` syntax directly in a browser `\u003Cscript>` tag?",[212,214,216,218],{"key":157,"text":213},"It works in any `\u003Cscript>` tag without configuration",{"key":160,"text":215},"The `\u003Cscript>` tag needs `type=\"module\"`",{"key":163,"text":217},"`import`\u002F`export` only work inside Web Workers, not regular pages",{"key":166,"text":219},"The script must be inlined; module scripts cannot use the `src` attribute","Browsers only treat a `\u003Cscript>` as an ES module — enabling top-level `import`\u002F`export` — when it's marked `type=\"module\"`. A plain `\u003Cscript>` treats `import`\u002F`export` as a syntax error.",{"id":222,"topic":9,"difficulty":184,"body":223,"options":224,"correct_key":166,"explanation":233},"019f7517-0f5e-7cc8-8a18-b547bd9d0055","```javascript\n\u002F\u002F colors.js\nexport const red = '#f00';\nexport const blue = '#00f';\n\n\u002F\u002F main.js\nimport * as colors from '.\u002Fcolors.js';\nconsole.log(colors.red, Object.keys(colors).length);\n```\nWhat does this log?",[225,227,229,231],{"key":157,"text":226},"#f00, 1",{"key":160,"text":228},"undefined, 2",{"key":163,"text":230},"TypeError: colors is not an object",{"key":166,"text":232},"#f00, 2","`import * as colors` collects all named exports into a namespace object. `colors.red` is `'#f00'`, and the namespace has 2 keys (`red`, `blue`).",{"fields":235,"seniorities":409,"interview_shapes":410,"locales":415,"oauth":417,"question_count":420,"coach_enabled":421,"jd_match_enabled":421},[236,261,269,286,310,323,342,361,383,390,396,403],{"key":237,"name_tr":238,"name_en":238,"sort":153,"specializations":239},"backend","Backend",[240,243,246,249,252,255,258],{"key":241,"name":242,"field":237},"general","Genel",{"key":244,"name":245,"field":237},"go","Go",{"key":247,"name":248,"field":237},"python","Python",{"key":250,"name":251,"field":237},"java","Java",{"key":253,"name":254,"field":237},"csharp","C#\u002F.NET",{"key":256,"name":257,"field":237},"nodejs","Node.js",{"key":259,"name":260,"field":237},"php","PHP",{"key":5,"name_tr":6,"name_en":6,"sort":184,"specializations":262},[263,264,265,266,267,268],{"key":241,"name":242,"field":5},{"key":139,"name":140,"field":5},{"key":145,"name":146,"field":5},{"key":142,"name":143,"field":5},{"key":148,"name":149,"field":5},{"key":135,"name":136,"field":5},{"key":270,"name_tr":271,"name_en":271,"sort":272,"specializations":273},"fullstack","Fullstack",3,[274,275,276,277,278,279,280,281,282,283,284,285],{"key":241,"name":242,"field":270},{"key":244,"name":245,"field":237},{"key":247,"name":248,"field":237},{"key":250,"name":251,"field":237},{"key":253,"name":254,"field":237},{"key":256,"name":257,"field":237},{"key":259,"name":260,"field":237},{"key":139,"name":140,"field":5},{"key":145,"name":146,"field":5},{"key":142,"name":143,"field":5},{"key":148,"name":149,"field":5},{"key":135,"name":136,"field":5},{"key":287,"name_tr":288,"name_en":288,"sort":289,"specializations":290},"devops-cloud","DevOps \u002F Cloud",4,[291,292,295,298,301,304,307],{"key":241,"name":242,"field":287},{"key":293,"name":294,"field":287},"aws","AWS",{"key":296,"name":297,"field":287},"gcp","GCP",{"key":299,"name":300,"field":287},"azure","Azure",{"key":302,"name":303,"field":287},"kubernetes","Kubernetes",{"key":305,"name":306,"field":287},"terraform","Terraform",{"key":308,"name":309,"field":287},"linux","Linux",{"key":311,"name_tr":312,"name_en":312,"sort":313,"specializations":314},"ai-engineer","AI Engineer",5,[315,316,317,320],{"key":241,"name":242,"field":311},{"key":247,"name":248,"field":311},{"key":318,"name":319,"field":311},"llm-rag","LLM\u002FRAG",{"key":321,"name":322,"field":311},"mlops","MLOps",{"key":324,"name_tr":325,"name_en":326,"sort":327,"specializations":328},"database","Veritabanı","Database",6,[329,330,333,336,339],{"key":241,"name":242,"field":324},{"key":331,"name":332,"field":324},"postgresql","PostgreSQL",{"key":334,"name":335,"field":324},"mysql","MySQL",{"key":337,"name":338,"field":324},"mongodb","MongoDB",{"key":340,"name":341,"field":324},"redis","Redis",{"key":343,"name_tr":344,"name_en":345,"sort":346,"specializations":347},"mobile","Mobil","Mobile",7,[348,349,352,355,358],{"key":241,"name":242,"field":343},{"key":350,"name":351,"field":343},"ios-swift","iOS (Swift)",{"key":353,"name":354,"field":343},"android-kotlin","Android (Kotlin)",{"key":356,"name":357,"field":343},"flutter","Flutter",{"key":359,"name":360,"field":343},"react-native","React Native",{"key":362,"name_tr":363,"name_en":364,"sort":365,"specializations":366},"security","Güvenlik","Security",8,[367,368,371,374,377,380],{"key":241,"name":242,"field":362},{"key":369,"name":370,"field":362},"appsec","AppSec",{"key":372,"name":373,"field":362},"offensive-pentest","Offensive \u002F Pentest",{"key":375,"name":376,"field":362},"cloud-security","Cloud Security",{"key":378,"name":379,"field":362},"devsecops","DevSecOps",{"key":381,"name":382,"field":362},"blue-team-incident","Blue Team \u002F Incident",{"key":384,"name_tr":385,"name_en":386,"sort":387,"specializations":388},"qa-test-automation","QA \u002F Test Otomasyonu","QA \u002F Test Automation",9,[389],{"key":241,"name":242,"field":384},{"key":391,"name_tr":392,"name_en":392,"sort":393,"specializations":394},"data-engineer","Data Engineer",10,[395],{"key":241,"name":242,"field":391},{"key":397,"name_tr":398,"name_en":399,"sort":400,"specializations":401},"game-dev","Oyun Geliştirme","Game Development",11,[402],{"key":241,"name":242,"field":397},{"key":404,"name_tr":405,"name_en":405,"sort":406,"specializations":407},"ml-engineer","ML Engineer",12,[408],{"key":241,"name":242,"field":404},[14,15,16],{"junior":411,"mid":413,"senior":414},{"questions":412,"median_sec":3},20,{"questions":412,"median_sec":3},{"questions":412,"median_sec":3},[416,10],"tr",[418,419],"google","github",21750,true]