</span></div></div></div><div data-aspect="deco" data-contenttraitid="FNCn7O" class="question_deco aspect_x79aqF " style="display: block;"></div></div></div><div class="right_of_inner"><div id="schlaukopf.ai_ad_1" style="margin-bottom:10px"></div><div id="schlaukopf.ai_ad_2" style="margin-bottom:10px"></div><div id="schlaukopf.ai_ad_3"></div></div></div></div></div><div style="z-index:10;min-width:340px;position:fixed;bottom:100px;left:50px;font-family:Arial, Helvetica, sans-serif;line-height:200%"><p style="font-size:30px;color:rgba(0,0,0,0.3)">Web Development<!-- --> <!-- -->Exercises are loading<!-- --> ...</p></div></div><div class="fixed bottom-0 left-0 z-50 w-full h-16 grid grid-cols-1 px-8 border-t border-gray-200 md:grid-cols-3" style="background:rgba(255, 255, 255, 0.5)"></div><script>
window.serverTime = 1733129930077; window.clientTime = new Date().getTime();
window.editionVersionNumber=1;
window.preload = window.preload || {};
const preloadUrls = ['/api/tdoc/topic/auto.us/university/computer-science/web-development/web-development-technologies?v=1','/api/tdoc/question/mcq6461723?v=1','/api/tdoc/topic/100472?v=1','/api/tdoc/bundle/fsDVsI?v=1','/api/tdoc/bundle/mnWSz2Pvf?v=1','/api/tdoc/bundle/IyESvh7FK?v=1','/api/tdoc/bundle/RKgCmObJN?v=1','/api/tdoc/bundle/By3Jsg2Vs?v=1','/api/tdoc/bundle/wlJMmox7n?v=1','/api/tdoc/bundle/PphF-fhBJ?v=1','/api/tdoc/bundle/QoQ0ePXFh?v=1','/api/tdoc/bundle/BJxqw82DNe?v=1','/api/tdoc/bundle/rJnlnGDBf?v=1','/api/tdoc/bundle/HJPNLc-JG?v=1','/api/tdoc/path/auto.us?v=1','/api/tdoc/path/auto.us/university?v=1','/api/tdoc/path/auto.us/university/computer-science?v=1','/api/tdoc/path/auto.us/university/computer-science/web-development?v=1'];
preloadUrls.map(url => fetch(url).then(response => {
if (response.ok) {
const json = response.json().then(json => {
if(!json.payload)return;
window.preload[url] = json;
if(['topic','path'].includes(json.payload.type)){
window.preload[url.replace(json.payload.pathURI, json.payload.id)] = json;
}
});
} else {
throw new Error("HTTP error " + response.status);
}
})
.catch(e => {
console.log(e.stack);
}))
</script></div></div><script src="/_next/static/chunks/webpack-1727353421939-9c8799145b277635.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/047f13f0fbf64aab.css\",\"style\"]\n2:HL[\"/_next/static/css/f6b880dae9c249af.css\",\"style\"]\n3:HL[\"/_next/static/css/87ca01d9795f9785.css\",\"style\"]\n4:HL[\"/_next/static/css/87f8a2caf02bed43.css\",\"style\"]\n5:HL[\"/_next/static/css/917fb7c3fee611d1.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"6:I[95751,[],\"\"]\n9:I[39275,[],\"\"]\nc:I[61343,[],\"\"]\nf:I[76130,[],\"\"]\na:[\"locale\",\"en-US\",\"d\"]\nb:[\"pathURI_questionId_answerId\",\"auto.us/university/computer-science/web-development/web-development-technologies/mcq6461723/(funnel)\",\"c\"]\n10:[]\n"])</script><script>self.__next_f.push([1,"0:[null,[\"$\",\"$L6\",null,{\"buildId\":\"1727353421526-9yukqw\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/auto.us/university/computer-science/web-development/web-development-technologies\",\"initialTree\":[\"\",{\"children\":[[\"locale\",\"en-US\",\"d\"],{\"children\":[\"learn\",{\"children\":[[\"pathURI_questionId_answerId\",\"auto.us/university/computer-science/web-development/web-development-technologies/mcq6461723/(funnel)\",\"c\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],\"initialSeedData\":[\"\",{\"children\":[[\"locale\",\"en-US\",\"d\"],{\"children\":[\"learn\",{\"children\":[[\"pathURI_questionId_answerId\",\"auto.us/university/computer-science/web-development/web-development-technologies/mcq6461723/(funnel)\",\"c\"],{\"children\":[\"__PAGE__\",{},[[\"$L7\",\"$L8\"],null],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"learn\",\"children\",\"$b\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f6b880dae9c249af.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/87ca01d9795f9785.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/87f8a2caf02bed43.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/917fb7c3fee611d1.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\",\"learn\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}],null]},[\"$Ld\",null],null]},[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/047f13f0fbf64aab.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]}],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$Le\"],\"globalErrorComponent\":\"$f\",\"missingSlots\":\"$W10\"}]]\n"])</script><script>self.__next_f.push([1,"11:I[32837,[\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"1203\",\"static/chunks/app/%5Blocale%5D/layout-1727353421939-958ba375d9e55812.js\"],\"TolgeeNextProvider\"]\n12:I[13535,[\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"1203\",\"static/chunks/app/%5Blocale%5D/layout-1727353421939-958ba375d9e55812.js\"],\"AllProviders\"]\n13:I[58323,[\"6082\",\"static/chunks/app/%5Blocale%5D/not-found-1727353421939-f2844625b5ae8e57.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"d:[\"$\",\"html\",null,{\"lang\":\"en-US\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L11\",null,{\"locale\":\"en-US\",\"locales\":{\"en-US\":{\"auth.login.select_login_provider\":\"Select your login provider\",\"auth.login.title\":\"Log in\",\"auth.signin.signin_with_email\":\"Sign in with email\",\"auth.signin.signin_with_facebook\":\"Sign in with Facebook\",\"auth.signin.signin_with_google\":\"Sign in with Google\",\"auth.subbar.signin_navheader\":\"Log in\",\"command.modal.search.buttontext\":\"Add\",\"command.modal.search.placeholder\":\"Enter topic\",\"command.modal.title\":\"Choose individually from more than 12 million questions:\",\"footer.homepage.benefit1.text\":\"Learn interactively and with direct feedback.\",\"footer.homepage.benefit1.title\":\"Motivating \",\"footer.homepage.benefit2.text\":\"High quality and yet free.\",\"footer.homepage.benefit2.title\":\"For free\",\"footer.homepage.benefit3.text\":\"Questions like those asked in classwork and tests.\",\"footer.homepage.benefit3.title\":\"Exam-oriented\",\"footer.homepage.benefit4.text\":\"Relevant questions for almost every learning topic.\",\"footer.homepage.benefit4.title\":\"Full\",\"footer.impressum.cookies\":\"Cookies\",\"footer.impressum.created_with\":\"Created with\",\"footer.impressum.created_with_from\":\"by the\",\"footer.impressum.impressum\":\"Imprint\",\"footer.impressum.instance_brand_name\":\"Keenhead\",\"footer.impressum.instance_brand_team\":\"Keenhead-Team\",\"footer.impressum.privacy\":\"Data protection\",\"question.actionbar.skip.pose_other_question\":\"Ask another question\",\"question.preview.loadingexercises\":\"Exercises are loading\",\"question.qualityconfirm.modal.bad\":\"Faulty\",\"question.qualityconfirm.modal.bad_description\":\"The question contains errors, is off topic or is incomplete.\",\"question.qualityconfirm.modal.continue\":\"Continue learning\",\"question.qualityconfirm.modal.foryourhelp\":\"for your assessment\",\"question.qualityconfirm.modal.good\":\"Great question\",\"question.qualityconfirm.modal.good_description\":\"The question should be permanently included in the question bank.\",\"question.qualityconfirm.modal.human_confirms\":\"Human confirmations\",\"question.qualityconfirm.modal.ignore\":\"I don't want to help\",\"question.qualityconfirm.modal.needsconfirmation\":\"This AI question needs confirmation\",\"question.qualityconfirm.modal.thankyou\":\"Thanks!\",\"question.qualityconfirm.modal.title\":\"Your assessment counts!\",\"question.qualityconfirm.modal.tobeadded\":\"to be included in the questionnaire\",\"settings.account.curriculumcard.button_abort\":\"Cancel\",\"settings.account.curriculumcard.button_save\":\"Save Changes\",\"settings.account.curriculumcard.country\":\"Country\",\"settings.account.curriculumcard.message_saved\":\"Curriculum saved\",\"settings.account.curriculumcard.questions\":\"Questions\",\"settings.account.curriculumcard.region\":\"Region\",\"settings.account.curriculumcard.scholargroup\":\"Grade level\",\"settings.account.curriculumcard.schooltype\":\"Type of school\",\"settings.account.curriculumcard.select_scholargroup\":\"Choose your grade level\",\"settings.account.curriculumcard.select_schooltype\":\"Choose your school type\",\"settings.account.curriculumcard.title\":\"Curriculum\",\"settings.account.deletecard.button\":\"I want to delete my account\",\"settings.account.deletecard.confirm_button_abort\":\"Cancel\",\"settings.account.deletecard.confirm_button_confirm\":\"Yes, delete this account\",\"settings.account.deletecard.confirm_message_aborted\":\"Your account will remain intact.\",\"settings.account.deletecard.confirm_message_deleted\":\"Your account has been deleted.\",\"settings.account.deletecard.confirm_text1\":\"Are you sure that you want to\",\"settings.account.deletecard.confirm_text2\":\"want to delete permanently?\",\"settings.account.deletecard.confirm_title\":\"delete account\",\"settings.account.deletecard.description\":\"This will also erase all previous response data and statistics.\",\"settings.account.deletecard.title\":\"Delete account\",\"settings.account.headcard.avatar.select_image\":\"Select an image:\",\"settings.account.headcard.change_email\":\"change E-Mail\",\"settings.account.headcard.memberstatus_basis\":\"Basic Member\",\"settings.account.headcard.memberstatus_premium\":\"Premium Member\",\"settings.account.headcard.questions_answered\":\"Questions answered\",\"settings.account.metadata.description\":\"Here you will find your profile data and settings.\",\"settings.account.metadata.title\":\"Your account\",\"settings.account.notifycard.lernreport_description\":\"Evaluations and diagrams of your learning progress\",\"settings.account.notifycard.lernreport_message_off\":\"The evaluation email has been unsubscribed.\",\"settings.account.notifycard.lernreport_message_on\":\"In the future you will receive evaluations and diagrams by email.\",\"settings.account.notifycard.lernreport_switch_label\":\"following day\",\"settings.account.notifycard.lernreport_title\":\"Learning report\",\"settings.account.notifycard.newsletter_description\":\"Learning content tailored to your curriculum\",\"settings.account.notifycard.newsletter_message_off\":\"The learning suggestions have been canceled.\",\"settings.account.notifycard.newsletter_message_on\":\"In the future, you will receive learning suggestions by email once a month.\",\"settings.account.notifycard.newsletter_switch_label\":\"once a month\",\"settings.account.notifycard.newsletter_title\":\"Newsletter\",\"settings.account.notifycard.title\":\"Email notifications\",\"settings.account.profilecard.button_abort\":\"Cancel\",\"settings.account.profilecard.button_save\":\"Save Changes\",\"settings.account.profilecard.constraint_prename_length\":\"Your nickname should be at least 3 characters long\",\"settings.account.profilecard.constraint_special_chars\":\"No special characters are allowed.\",\"settings.account.profilecard.placeholder\":\"e.g. Michael\",\"settings.account.profilecard.prename\":\"First name or nickname\",\"settings.account.profilecard.profile_saved\":\"Profile saved\",\"settings.account.profilecard.title\":\"Your account\",\"sidebar.account.profile_title\":\"Profile\",\"sidebar.account.subtitle_user_fastswitch\":\"User quick selection\",\"sidebar.account.subtitle_user_switch\":\"Change user\",\"sidebar.account.subtitle_your_account\":\"Your account\",\"sidebar.account.switchuser_login\":\"Log in\",\"sidebar.account.switchuser_logout\":\"Logout\",\"sidebar.account.switchuser_register_additional\":\"Register additional account\",\"sidebar.account.tooltip_title\":\"Change account\",\"sidebar.account.user_fastswitch_remove\":\"Remove users from quick selection\",\"sidebar.settings.about_title\":\"About this website\",\"sidebar.settings.faq_title\":\"Frequently asked questions\",\"sidebar.settings.impressum_title\":\"Imprint\",\"sidebar.settings.subtitle_information\":\"information\",\"sidebar.settings.title\":\"Menu\",\"sidebar.settings.tooltip_title\":\"Settings and information\",\"subbar.settings.card1.registered_at\":\"Registered on\",\"subbar.settings.card1.user_id\":\"User ID\",\"subbar.settings.title\":\"Settings\",\"subbar.settings.user\":\"User\",\"topbar.funnel.filter.ai\":\"Artificial intelligence\",\"topbar.funnel.filter.questionstate\":\"3. Response status\",\"topbar.funnel.filter.questiontype\":\"2. Question type\",\"topbar.funnel.filter.redaktionell\":\"Editorial\",\"topbar.funnel.filter.subtopic\":\"1. Subtopic\",\"topbar.funnel.heading1\":\"Select questions\",\"topbar.funnel.subheading\":\"Favor your favorite question types and exclude subtopics that are irrelevant to you.\",\"topbar.logo.title.to_start_page\":\"Go to start page\",\"topbar.path.step.select_category_title\":\"choose categorie\",\"topbar.path.step.select_scholargroup_title\":\"Select grade level\",\"topbar.path.step.select_schooltype_title\":\"Choose school type\",\"topbar.path.step.select_subject_title\":\"Choose subject\",\"topbar.path.step.select_title\":\"Selection\",\"topbar.ribbon.text.preview\":\"alpha\",\"topbar.topbarpath.step.neighbour.accordion.button\":\"Learn questions now\",\"website.command.button.learnnow\":\"Learn now\",\"website.command.button.loading\":\"Loading learning topic...\",\"website.command.searchfield.fit\":\"Appropriate...\",\"website.command.searchfield.search\":\"Search...\",\"website.fit.loading.ai_is_preparing\":\"Our artificial intelligence is currently preparing the questions for you.\",\"website.fit.loading.ready\":\"Ready?\",\"website.fit.loading.startssoon\":\"It's about to start!\",\"website.fit.loading.takes_x_seconds\":\"This takes about 25 seconds.\",\"website.fit.modal.button.learnnow\":\"Learn now\",\"website.fit.modal.button.loadtopic\":\"Loading learning topic...\",\"website.fit.modal.bydescription.formlabel\":\"What do you want to learn?\",\"website.fit.modal.bydescription.placeholder\":\"e.g. I want to learn all the member states of the EU and their capitals. I am in the 6th grade and want to prepare for the geography exam.\",\"website.fit.modal.bydescription.tabtitle\":\"to the following description\",\"website.fit.modal.title\":\"Generate perfectly matching multiple choice questions:\",\"website.fit.modal.titletag.bestfunction\":\"Our best feature\",\"website.homepage.slogan\":\"Learning can be fun!\",\"website.homepage.subslogan\":\"Learn for free with more than 10 million interactive questions.\",\"website.question.jsonLd.question_command\":\"Choose the correct answer:\"}},\"children\":[\"$\",\"$L12\",null,{\"children\":[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$a\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L13\",null,{}],\"notFoundStyles\":[],\"styles\":null}]}]}]}]}]\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Master Web Development Technologies: HTML, CSS, JavaScript, and Web Servers\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Delve into the fundamentals of web development with our comprehensive learning unit on Web Development Technologies. Explore HTML, CSS, JavaScript, and web servers to build interactive and engaging web pages.\"}],[\"$\",\"meta\",\"4\",{\"name\":\"application-name\",\"content\":\"smartmind.global\"}],[\"$\",\"meta\",\"5\",{\"name\":\"author\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"Web Development,Web Development Technologies,HTML,CSS,JavaScript,Web Servers,Web Development Fundamentals,Web Design,Web Development Course,Web Development Education\"}],[\"$\",\"meta\",\"7\",{\"name\":\"creator\",\"content\":\"Michael Hicke\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow, nocache\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://www.smartmind.global/university/computer-science/web-development/web-development-technologies\"}],[\"$\",\"meta\",\"10\",{\"name\":\"apple-itunes-app\",\"content\":\"app-id=949264613, app-argument=https://www.smartmind.global/auto.us/university/computer-science/web-development/web-development-technologies\"}],[\"$\",\"meta\",\"11\",{\"name\":\"apple-mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"12\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Schlaukopf\"}],[\"$\",\"link\",\"13\",{\"href\":\"/assets/startup/apple-touch-startup-image-768x1004.png\",\"media\":\"$undefined\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"link\",\"14\",{\"href\":\"/assets/startup/apple-touch-startup-image-1536x2008.png\",\"media\":\"(device-width: 768px) and (device-height: 1024px)\",\"rel\":\"apple-touch-startup-image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:title\",\"content\":\"Web Development Technologies - Web Development Bachelor of Science in Computer Science\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:description\",\"content\":\"Delve into the fundamentals of web development with our comprehensive learning unit on Web Development Technologies. Explore HTML, CSS, JavaScript, and web servers to build interactive and engaging web pages.\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:url\",\"content\":\"https://www.smartmind.global\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:site_name\",\"content\":\"Smartmind\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image\",\"content\":\"https://www.smartmind.global/images/schlaukopf_app_128.png\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:width\",\"content\":\"128\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:height\",\"content\":\"128\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:title\",\"content\":\"Web Development Technologies - Web Development Bachelor of Science in Computer Science\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:description\",\"content\":\"Delve into the fundamentals of web development with our comprehensive learning unit on Web Development Technologies. Explore HTML, CSS, JavaScript, and web servers to build interactive and engaging web pages.\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image\",\"content\":\"https://www.smartmind.global/images/schlaukopf_app_128.png\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image:width\",\"content\":\"128\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:image:height\",\"content\":\"128\"}],[\"$\",\"meta\",\"30\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"link\",\"31\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"/images/android-icon-192x192.png\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/apple-icon-144x144.png\"}],[\"$\",\"link\",\"34\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/apple-icon-120x120.png\",\"sizes\":\"120x120\",\"type\":\"image/png\"}],[\"$\",\"link\",\"35\",{\"rel\":\"apple-touch-icon-precomposed\",\"href\":\"/images/apple-touch-icon.png\"}]]\n"])</script><script>self.__next_f.push([1,"7:null\n"])</script><script>self.__next_f.push([1,"14:T16486,"])</script><script>self.__next_f.push([1,"{\n \"@context\": \"https://schema.org\",\n \"@type\": \"Quiz\",\n \"typicalAgeRange\": \"18-30\",\n \"educationalLevel\": \"intermediate\",\n \"assesses\": \"\",\n \"educationalAlignment\": [\n {\n \"@type\": \"AlignmentObject\",\n \"alignmentType\": \"educationalSubject\",\n \"targetName\": \"Web Development\",\n \"educationalFramework\": \"University\",\n \"targetDescription\": \"University Bachelor of Science in Computer Science Web Development, \",\n \"targetUrl\": \"/auto.us/university/computer-science/web-development\"\n },\n {\n \"@type\": \"AlignmentObject\",\n \"alignmentType\": \"educationalLevel\",\n \"targetName\": \"Bachelor of Science in Computer Science\"\n }\n ],\n \"name\": \"Master Web Development Technologies: HTML, CSS, JavaScript, and Web Servers\",\n \"description\": \"Delve into the fundamentals of web development with our comprehensive learning unit on Web Development Technologies. Explore HTML, CSS, JavaScript, and web servers to build interactive and engaging web pages.\",\n \"about\": [\n {\n \"@type\": \"Thing\",\n \"name\": \"Web Development Technologies\",\n \"description\": \"This unit introduces the core technologies used in web development, including HTML, CSS, JavaScript, and web servers. Students will learn the fundamentals of these technologies and how to use them to create basic web pages.\"\n }\n ],\n \"hasPart\": [\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Element Identification\",\n \"text\": \"Which HTML element defines the title of a web page?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Element Identification\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ctitle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch1\u003e is used for headings, not page titles.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ctitle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ctitle\u003e is the correct element for defining the title of a web page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003ch2\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch2\u003e is used for subheadings, not page titles.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cheader\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cheader\u003e is used for grouping header content, not defining page titles.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript Event Identification\",\n \"text\": \"Which JavaScript event triggers when the user clicks on an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript Event Identification\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onclick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onclick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `onclick` event is triggered when an element is clicked.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"onload\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `onload` event is triggered when a page is loaded, not when an element is clicked.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"onhover\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `onhover` event is triggered when the mouse hovers over an element, not when it is clicked.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"onfocus\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The `onfocus` event is triggered when an element receives focus, not when it is clicked.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Elements\",\n \"text\": \"Which HTML element creates a hyperlink?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Elements\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ca\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003clink\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003clink\u003e element is used to link external resources, not create hyperlinks.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ca\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ca\u003e element is used to create hyperlinks.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003chref\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003chref\u003e attribute is used to specify the destination of a hyperlink, not create the hyperlink itself.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003clink\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003clink\u003e element is used to link external resources, not create hyperlinks.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Layout Models\",\n \"text\": \"What is the goal of the CSS `flexbox` layout model?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Layout Models\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To create flexible and responsive layouts\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To create flexible and responsive layouts\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The flexbox layout model is designed to create flexible and responsive layouts.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To align elements vertically\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While the flexbox layout model can be used to align elements vertically, its primary goal is to create flexible and responsive layouts.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To position elements absolutely\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The flexbox layout model is not used for absolute positioning. Use the `position` property for that.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To define the size and shape of elements\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The flexbox layout model does not define the size and shape of elements. Use the `width`, `height`, and `padding` properties for that.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Server Software\",\n \"text\": \"Which open-source web server software is known for its performance?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Server Software\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Nginx\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Apache\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While Apache is a popular web server, it is not known for its exceptional performance.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Nginx\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Nginx is renowned for its high performance and efficiency in handling a large number of concurrent connections.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"IIS\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"IIS is a web server developed by Microsoft, but it is not as widely known for its performance as Nginx.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Tomcat\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Tomcat is a Java-based web server, but it is not known for its exceptional performance.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Preprocessors\",\n \"text\": \"What is the primary benefit of using CSS preprocessors?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Preprocessors\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Making CSS code more concise and maintainable\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Extending CSS functionality with new features\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS preprocessors do not extend CSS functionality with new features.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Making CSS code more concise and maintainable\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS preprocessors allow for the use of variables, mixins, and other features that make CSS code more concise and maintainable.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Improving the performance of web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS preprocessors do not directly improve the performance of web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Converting CSS code into JavaScript\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS preprocessors do not convert CSS code into JavaScript.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Development Technologies\",\n \"text\": \"Which technology is NOT essential for web development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Development Technologies\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Python\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"HTML\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML is the foundation of web development.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"CSS\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS is used to style and layout web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"JavaScript\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript adds interactivity and functionality to web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Python\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Python is not essential for web development, although it can be used for server-side scripting.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Headings\",\n \"text\": \"In HTML, what element is used to create a primary heading?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Headings\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003chead\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003chead\u003e element contains metadata about the web page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ch1\u003e element is used to create a primary heading.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cheader\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003cheader\u003e element represents a container for introductory content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ctitle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ctitle\u003e element specifies the title of the web page.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Functions\",\n \"text\": \"What is the primary function of CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Functions\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To add visual styling and layout to a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To define the structure of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML defines the structure of a web page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To add visual styling and layout to a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS is used to style and layout web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To create interactive web elements\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript is used to create interactive web elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To store and manage website data\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Databases are used to store and manage website data.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Event Listeners\",\n \"text\": \"In JavaScript, what event listener is used to detect a mouse click on an HTML element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Event Listeners\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onclick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"onclick\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onclick' event listener is specifically designed to detect mouse clicks on HTML elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"onload\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onload' event listener is used when the page finishes loading, not for mouse clicks.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"onmouseover\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onmouseover' event listener is triggered when the mouse hovers over an element, not when it's clicked.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"onchange\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'onchange' event listener is used when the value of an element changes, not for mouse clicks.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTTP Protocol\",\n \"text\": \"What is the primary purpose of the HTTP protocol?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTTP Protocol\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To transmit data between a client and a server\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To transmit data between a client and a server\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTTP (Hypertext Transfer Protocol) is designed to facilitate data exchange between web clients and servers.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To secure web communications\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While HTTP can be used with security protocols like HTTPS, its primary purpose is data transmission.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To create interactive web experiences\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Interactive web experiences are typically created using technologies like JavaScript and CSS, not HTTP.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To parse HTML code\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML parsing is handled by web browsers, not the HTTP protocol.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Applications\",\n \"text\": \"How do web applications differ from websites?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Applications\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Web applications are interactive, while websites are static\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Web applications are interactive, while websites are static\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web applications allow for user interaction and dynamic content, unlike static websites.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Websites are interactive, while web applications are static\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Websites are typically static, while web applications are interactive.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Web applications are used for business, while websites are personal\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both web applications and websites can be used for various purposes, including business and personal.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"There is no difference between web applications and websites\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web applications and websites have distinct characteristics and functionalities.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Content Delivery Networks\",\n \"text\": \"What is the primary benefit of a content delivery network (CDN)?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Content Delivery Networks\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Improved website performance by caching content closer to users\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Improved website performance by caching content closer to users\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CDNs store cached content on servers located near users, reducing latency and improving website performance.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Enhanced website security\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While CDNs can contribute to security by reducing DDoS attacks, their primary benefit is performance improvement.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Creation of interactive web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CDNs do not directly contribute to creating interactive web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Parsing of HTML code\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML parsing is handled by web browsers, not CDNs.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Tag for Hyperlinks\",\n \"text\": \"In HTML, which tag is used to create a hyperlink?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Tag for Hyperlinks\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"The \u003ca\u003e tag\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"The \u003clink\u003e tag\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003clink\u003e tag is used to link external resources, such as CSS or JavaScript files, to an HTML document. To create a hyperlink, use the \u003ca\u003e tag.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"The \u003ca\u003e tag\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The \u003ca\u003e tag is used to create hyperlinks in HTML. It allows you to link to other web pages, email addresses, or other resources.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"The \u003curl\u003e tag\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"There is no \u003curl\u003e tag in HTML. To create a hyperlink, use the \u003ca\u003e tag.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Purpose of CSS 'position' Property\",\n \"text\": \"What is the primary purpose of the 'position' property in CSS?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Purpose of CSS 'position' Property\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To position elements relative to their parent container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To align elements horizontally\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'text-align' property is used to align text content horizontally within an element. The 'position' property is used to position elements relative to their parent container.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To position elements relative to their parent container\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'position' property in CSS allows you to position elements relative to their parent container. It gives you control over the exact placement of elements on the page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To adjust the size of elements\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'width' and 'height' properties are used to set the width and height of an element, respectively. The 'position' property is used to position elements, not adjust their size.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Primary Function of a Web Server\",\n \"text\": \"What is the primary function of a web server in web development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Primary Function of a Web Server\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To process requests from clients and deliver responses\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To store website files\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers host website files, making them accessible to users over the internet. They do not store files in the traditional sense of saving them on a hard drive.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To process requests from clients and deliver responses\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers act as intermediaries between clients (browsers) and websites. They receive requests from clients, process them, and deliver the appropriate responses, such as HTML pages or images.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To generate dynamic web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers typically serve static content, such as HTML pages, CSS files, and images. Dynamic web pages are generated by server-side scripting languages like PHP or Python.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML5 Element Types\",\n \"text\": \"Which of the following elements in HTML5 is considered a semantic element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML5 Element Types\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003carticle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cp\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cp\u003e is a presentational element, not a semantic element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003carticle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003carticle\u003e is a semantic element that represents a self-contained article or blog post.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cdiv\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cdiv\u003e is a presentational element used for generic content grouping.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Network Protocols\",\n \"text\": \"What is the key difference between HTTP and HTTPS protocols?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Network Protocols\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"HTTPS encrypts data while HTTP does not\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"HTTPS encrypts data while HTTP does not\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTTPS provides data encryption, ensuring secure communication.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"HTTPS is faster than HTTP\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTTPS is generally slower due to encryption overhead.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"HTTPS is only used for secure transactions\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTTPS can be used for both secure and non-secure transactions.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Which of the following is NOT a common reason to use a database in a web application?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Improve website performance\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Store user data\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Improve website performance\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Track user activity\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Manage content\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML Structure\",\n \"text\": \"What is the primary purpose of HTML in web development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML Structure\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To define the structure of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To define the structure of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML provides the structural foundation for a web page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To add style and visual elements to a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS is responsible for styling and visual elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To control the behavior and interactivity of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript handles the behavior and interactivity of a web page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To store and manage content on a web server\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers handle content storage and management.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Properties\",\n \"text\": \"Which CSS property is used to set the background color of an HTML element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Properties\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'color' property sets the color of the text.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'background-color' property sets the background color of an element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"background\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'background' property is used for more complex background settings.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"bgcolor\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The 'bgcolor' attribute is an outdated way to set background color.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript Data Structures\",\n \"text\": \"Which JavaScript data type is used to store a collection of data that can be accessed using an index?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript Data Structures\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Array\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"String\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Strings are used to store text data.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Number\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Numbers are used to store numeric data.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Array\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Arrays are used to store collections of data that can be accessed using an index.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Object\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Objects are used to store more complex data structures with key-value pairs.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Server\",\n \"text\": \"What is the primary function of a web server in the context of web development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Server\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To store and deliver web pages to users' browsers\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To store and deliver web pages to users' browsers\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"A web server's main role is to serve web pages to clients.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To process user input and generate dynamic content\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While web servers can process some user input, their primary function is to deliver static and dynamic web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To provide security and authentication for web applications\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Security and authentication are typically handled by dedicated security measures, not the web server itself.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To manage and organize website files\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"File management is usually handled by the operating system or specialized file management systems.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTTP Requests\",\n \"text\": \"What is the main distinction between a GET request and a POST request in HTTP?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTTP Requests\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"GET requests are used to retrieve data, while POST requests are used to send data.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"GET requests are used to retrieve data, while POST requests are used to send data.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"GET requests fetch data, while POST requests submit data to the server.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"POST requests are used to retrieve data, while GET requests are used to send data.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Remember, GET requests retrieve data, and POST requests send data.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"GET requests are used for secure data transfer, while POST requests are not.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both GET and POST requests can be used for secure data transfer, depending on the implementation.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"POST requests are used for secure data transfer, while GET requests are not.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both GET and POST requests can be used for secure data transfer, depending on the implementation.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Accessibility Principles\",\n \"text\": \"What's the main purpose of prioritizing web accessibility?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Accessibility Principles\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Adhering to legal requirements and ethical standards\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Enhancing the visual appeal of web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web accessibility focuses on making websites usable for everyone, not just on aesthetics.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Adhering to legal requirements and ethical standards\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web accessibility is crucial for meeting legal requirements and ethical obligations.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Improving website rankings in search results\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While accessibility can impact search engine optimization, it's not the primary goal.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Minimizing website maintenance and development time\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Accessibility may require additional effort, not necessarily less.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML\",\n \"text\": \"What is the primary purpose of HTML?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To define the structure and content of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To define the structure and content of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTML provides the framework and content for web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To style and present the content of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS is responsible for styling and presentation, while HTML defines the structure.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To add interactive elements to a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript is used to add interactivity, not HTML.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To manage the server-side functionality of a web application\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Server-side functionality is handled by programming languages like PHP or Python, not HTML.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS\",\n \"text\": \"Which CSS property is used to set the background color of an element?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"background-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"background-color is the CSS property for setting the background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"fill-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"fill-color is not a valid CSS property for background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"bg-color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"bg-color is not a standard CSS property.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"color\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"color is used to set the text color, not the background color.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"JavaScript\",\n \"text\": \"What is the role of JavaScript in web development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"JavaScript\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To enhance user interaction and add dynamic functionality to web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To enhance user interaction and add dynamic functionality to web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"JavaScript is used to make web pages more interactive and dynamic.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To define the layout and structure of a web page\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS is responsible for defining the layout and structure of a web page.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To store and manage user data on the server\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Databases like MySQL are used to store and manage user data.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To handle network communication and data exchange\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"HTTP and other protocols are used for network communication and data exchange.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Server\",\n \"text\": \"What is the primary function of a web server?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Server\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To host and deliver web pages to clients\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To host and deliver web pages to clients\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers serve web pages and other content to clients.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To perform complex calculations and process data\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers are not typically used for complex calculations or data processing.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To provide encryption and security for web applications\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Encryption and security are typically handled by other components, such as SSL certificates.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To store user accounts and authentication information\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"User accounts and authentication information are usually stored in databases.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML\",\n \"text\": \"What is the key difference between a block and an inline element in HTML?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Block elements start on a new line and occupy the full width available, while inline elements flow within the text\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Block elements start on a new line and occupy the full width available, while inline elements flow within the text\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Block elements take up the full width, while inline elements flow with the text.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Block elements are used for headings and paragraphs, while inline elements are used for links and images\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both block and inline elements can be used for various elements, not just those mentioned.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Block elements have a fixed height and width, while inline elements do not\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Both block and inline elements can have their height and width specified.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Block elements are positioned absolutely, while inline elements are positioned relatively\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Positioning is not inherent to block or inline elements; it's controlled by CSS.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML element for headings\",\n \"text\": \"Which HTML element is used to create a heading?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML element for headings\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003ch1\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003ch1\u003e is the correct HTML element for creating a heading.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cdiv\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cdiv\u003e is used to create a division or section, not a heading.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003cxyz\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cxyz\u003e is not a valid HTML element.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cp\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cp\u003e is used to create a paragraph, not a heading.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Purpose of 'display: flex'\",\n \"text\": \"What is the purpose of the CSS property 'display: flex'?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Purpose of 'display: flex'\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To control the layout of elements in a flexible manner\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To set the font size of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'font-size' is the CSS property used to set the font size.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To set the background color of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'background-color' is the CSS property used to set the background color.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To control the layout of elements in a flexible manner\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'display: flex' allows for flexible layout of elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To specify the width of an element\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'width' is the CSS property used to specify the width of an element.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTTP 200 OK\",\n \"text\": \"Which HTTP status code indicates that the server successfully processed the client's request and the requested resource is included in the response?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTTP 200 OK\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"200 OK\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"200 OK\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"That's right! 200 OK indicates successful request processing.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"301 Moved Permanently\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"301 Moved Permanently indicates that the requested resource has been permanently moved to a new location.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"404 Not Found\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"404 Not Found indicates that the requested resource could not be found on the server.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"500 Internal Server Error\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"500 Internal Server Error indicates that the server encountered an unexpected condition that prevented it from fulfilling the request.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"What is the main purpose of using CSS media queries?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To specify styles for different screen sizes and orientations, allowing for responsive web design.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To specify styles for different screen sizes and orientations, allowing for responsive web design.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To create animations and transitions for visual effects.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To optimize website performance by reducing loading time and resource usage.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To control the overall layout and structure of web pages.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Maintenance\",\n \"text\": \"Which of the following is NOT an advantage of using CSS in web development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Maintenance\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Increased maintenance effort\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Improved accessibility for users with visual impairments\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS actually improves accessibility by allowing you to style elements for assistive technologies.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Increased page load speed\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS can improve page load speed by reducing the amount of HTML code needed.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Enhanced user experience through customization\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS is essential for customizing the appearance of web pages, enhancing user experience.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Increased maintenance effort\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While CSS can simplify maintenance in some ways, it can also introduce additional maintenance overhead.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Analytics Tool\",\n \"text\": \"Which web analytics tool is widely recognized for its popularity in monitoring website traffic and user behavior?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Analytics Tool\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Google Analytics\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Google Analytics\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Google Analytics is indeed a widely used web analytics tool.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Web Developer Toolbar\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web Developer Toolbar is a useful tool, but it's primarily used for web development tasks, not web analytics.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Notepad++\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Notepad++ is a text editor, not a web analytics tool.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"\",\n \"text\": \"Which HTML5 element is specifically designated to embed audio files within a web page?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003caudio\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003caudio\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cvideo\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003csource\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003ctrack\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTML element for main content\",\n \"text\": \"Which HTML element is used to define the main content area of a web page?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTML element for main content\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cmain\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"\u003cmain\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cmain\u003e is the semantic HTML element for the main content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"\u003cheader\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cheader\u003e is used for the header section, not the main content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"\u003carticle\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003carticle\u003e is used for individual articles or sections, not the main content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"\u003cfooter\u003e\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"\u003cfooter\u003e is used for the footer section, not the main content.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS property for line spacing\",\n \"text\": \"In CSS, which property specifies the spacing between lines of text?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS property for line spacing\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"line-height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"letter-spacing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'letter-spacing' adjusts the spacing between individual letters.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"text-spacing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'text-spacing' is not a valid CSS property.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"line-height\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'line-height' controls the vertical spacing between lines of text.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"word-spacing\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"'word-spacing' adjusts the spacing between words.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Data Structures\",\n \"text\": \"Which JavaScript data structure is used to store an ordered collection of elements that can be accessed using numeric indices?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Data Structures\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Array\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Map\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Map is used to store key-value pairs, not ordered collections of elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Object\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Object is used to store key-value pairs, not ordered collections of elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Set\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Set is used to store unique values, not ordered collections of elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"Array\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Array is used to store ordered collections of elements that can be accessed using numeric indices.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Development\",\n \"text\": \"What is the primary function of a web server in the context of web development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Development\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To process and deliver web pages and resources to clients over the internet.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To store user data and preferences\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers do not typically store user data and preferences.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To create and edit web pages\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers do not create or edit web pages.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To provide security for web applications\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Web servers can provide security, but it is not their primary function.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To process and deliver web pages and resources to clients over the internet.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The primary function of a web server is to process and deliver web pages and resources to clients over the internet.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTTP\",\n \"text\": \"Which HTTP status code indicates that a requested resource could not be found on the server?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTTP\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"404\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"500\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"500 indicates an internal server error.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"404\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"404 indicates that the requested resource could not be found.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"200\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"200 indicates a successful request.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"301\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"301 indicates a permanent redirect.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"HTTP\",\n \"text\": \"In HTTP, what is the key difference between a GET and a POST request?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"HTTP\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"GET requests are used to retrieve data from a server, while POST requests are used to submit data to a server.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"GET requests are used to retrieve data from a server, while POST requests are used to submit data to a server.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"GET requests are used to retrieve data, while POST requests are used to submit data.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"POST requests are used to retrieve data, while GET requests are used to submit data\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"The opposite is true.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"GET requests are more secure than POST requests\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"GET requests are not more secure than POST requests.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Development Framework\",\n \"text\": \"Which popular web development framework is known for its focus on component-based architecture and unidirectional data flow?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Development Framework\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"React\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Angular\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Angular is known for its two-way data binding and dependency injection, not unidirectional data flow.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"React\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"React is a popular framework that follows a component-based architecture and uses a unidirectional data flow pattern.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Bootstrap\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Bootstrap is a CSS framework primarily used for building responsive layouts and user interfaces.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"jQuery\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"jQuery is a JavaScript library primarily used for manipulating the DOM and handling events.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"CSS Preprocessor\",\n \"text\": \"What is the main purpose of using a CSS preprocessor in web development?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"CSS Preprocessor\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To extend the functionality of CSS by enabling features like variables, mixins, and nested rules.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"To extend the functionality of CSS by enabling features like variables, mixins, and nested rules.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS preprocessors extend CSS by adding features like variables, mixins, and nested rules, making CSS more powerful and maintainable.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"To optimize CSS code for faster loading times\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"While CSS preprocessors can help organize and maintain CSS code, they do not directly optimize code for faster loading times.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"To simplify the process of writing CSS code\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS preprocessors can make CSS more maintainable and organized, but they do not necessarily simplify the process of writing CSS code.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"To convert CSS into JavaScript\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"CSS preprocessors do not convert CSS into JavaScript. They extend the functionality of CSS and generate CSS code.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"DOM Manipulation\",\n \"text\": \"Which JavaScript library is primarily designed for manipulating the Document Object Model (DOM)?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"DOM Manipulation\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"jQuery\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"moment.js\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Moment.js is a library for parsing, validating, manipulating, and displaying dates and times.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"jQuery\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"jQuery is a powerful JavaScript library specifically designed for manipulating the DOM, making it easier to interact with HTML elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"React\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"React is a JavaScript library for building user interfaces, not primarily for DOM manipulation.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 3,\n \"text\": \"lodash\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Lodash is a utility library for JavaScript, not specifically designed for DOM manipulation.\"\n }\n }\n ]\n },\n {\n \"@type\": \"Question\",\n \"eduQuestionType\": \"Multiple choice\",\n \"learningResourceType\": \"Exam exercise\",\n \"name\": \"Web Accessibility\",\n \"text\": \"When developing accessible web applications, which practice is considered a cornerstone for ensuring that content can be accessed by users with disabilities?\",\n \"encodingFormat\": \"text/html\",\n \"assesses\": \"Web Accessibility\",\n \"acceptedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Using semantic HTML elements and providing meaningful alternative text for non-text content.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\"\n }\n }\n ],\n \"suggestedAnswer\": [\n {\n \"@type\": \"Answer\",\n \"position\": 0,\n \"text\": \"Avoiding the use of images and videos\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Avoiding images and videos can limit accessibility for users who rely on visual content.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 1,\n \"text\": \"Using only CSS for styling and layout\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Using only CSS can limit accessibility for users who rely on assistive technologies that require semantic HTML elements.\"\n }\n },\n {\n \"@type\": \"Answer\",\n \"position\": 2,\n \"text\": \"Using semantic HTML elements and providing meaningful alternative text for non-text content.\",\n \"encodingFormat\": \"text/html\",\n \"comment\": {\n \"@type\": \"Comment\",\n \"text\": \"Using semantic HTML elements and providing meaningful alternative text ensures that content can be accessed by assistive technologies and users with disabilities.\"\n }\n }\n ]\n }\n ]\n}"])</script><script>self.__next_f.push([1,"8:[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"WebSite\\\",\\n \\\"name\\\": \\\"SmartMind\\\",\\n \\\"url\\\": \\\"https://www.smartmind.global\\\"\\n}\"}}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n function updateScale() {\\n const windowHeight = window.innerHeight;\\n const scaleFactor = windowHeight / 1000; // Adjust the divisor as needed\\n document.documentElement.style.setProperty('--preview-zoom-scale', scaleFactor);\\n }\\n updateScale();\\n window.addEventListener('resize', updateScale);\\n window.addEventListener('load', updateScale);\\n \"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"BreadcrumbList\\\",\\n \\\"itemListElement\\\": [\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 1,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.smartmind.global/university/\\\",\\n \\\"name\\\": \\\"University\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 2,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.smartmind.global/university/computer-science/\\\",\\n \\\"name\\\": \\\"Bachelor of Science in Computer Science\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 3,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.smartmind.global/university/computer-science/web-development/\\\",\\n \\\"name\\\": \\\"Web Development\\\"\\n }\\n },\\n {\\n \\\"@type\\\": \\\"ListItem\\\",\\n \\\"position\\\": 4,\\n \\\"item\\\": {\\n \\\"@id\\\": \\\"https://www.smartmind.global/university/computer-science/web-development/web-development-technologies/\\\",\\n \\\"name\\\": \\\"Web Development Technologies\\\"\\n }\\n }\\n ]\\n}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$14\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n \\\"@context\\\": \\\"https://schema.org\\\",\\n \\\"@type\\\": \\\"SoftwareApplication\\\",\\n \\\"name\\\": \\\"Master Web Development Technologies: HTML, CSS, JavaScript, and Web Servers\\\",\\n \\\"operatingSystem\\\": \\\"Web-Browser, Windows, Linux, Android, iOS\\\",\\n \\\"image\\\": \\\"/images/schlaukopf_app_128.png\\\",\\n \\\"keywords\\\": \\\"Web Development,Web Development Technologies,HTML,CSS,JavaScript,Web Servers,Web Development Fundamentals,Web Design,Web Development Course,Web Development Education\\\",\\n \\\"description\\\": \\\"Delve into the fundamentals of web development with our comprehensive learning unit on Web Development Technologies. Explore HTML, CSS, JavaScript, and web servers to build interactive and engaging web pages.\\\",\\n \\\"applicationCategory\\\": \\\"https://schema.org/EducationalApplication\\\",\\n \\\"thumbnailUrl\\\": \\\"/images/schlaukopf_app_128.png\\\",\\n \\\"offers\\\": {\\n \\\"@type\\\": \\\"Offer\\\",\\n \\\"price\\\": \\\"0\\\",\\n \\\"priceCurrency\\\": \\\"EUR\\\"\\n }\\n}\"}}],\"$L15\"]\n"])</script><script>self.__next_f.push([1,"16:I[59863,[\"5147\",\"static/chunks/6468630d-1727353421939-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1727353421939-978c932a4686862c.js\",\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"7003\",\"static/chunks/7003-1727353421939-6f3e660e90c9492f.js\",\"231\",\"static/chunks/231-1727353421939-36b06d01645e7d0f.js\",\"5149\",\"static/chunks/5149-1727353421939-a4b02f36f1c30f93.js\",\"1317\",\"static/chunks/1317-1727353421939-b72e4c274eeda2c3.js\",\"5671\",\"static/chunks/5671-1727353421939-9765cc244a33ad33.js\",\"1797\",\"static/chunks/1797-1727353421939-ee70e143aa6502b7.js\",\"5789\",\"static/chunks/5789-1727353421939-dfc0f738fdcdc0b1.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1727353421939-71c3187913847840.js\"],\"TransferProviderClient\"]\n18:I[90756,[\"5147\",\"static/chunks/6468630d-1727353421939-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1727353421939-978c932a4686862c.js\",\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"7003\",\"static/chunks/7003-1727353421939-6f3e660e90c9492f.js\",\"231\",\"static/chunks/231-1727353421939-36b06d01645e7d0f.js\",\"5149\",\"static/chunks/5149-1727353421939-a4b02f36f1c30f93.js\",\"1317\",\"static/chunks/1317-1727353421939-b72e4c274eeda2c3.js\",\"5671\",\"static/chunks/5671-1727353421939-9765cc244a33ad33.js\",\"1797\",\"static/chunks/1797-1727353421939-ee70e143aa6502b7.js\",\"5789\",\"static/chunks/5789-1727353421939-dfc0f738fdcdc0b1.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1727353421939-71c3187913847840.js\"],\"TopbarQuestion_\"]\n19:I[10347,[\"5147\",\"static/chunks/6468630d-1727353421939-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1727353421939-978c932a4686862c.js\",\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"7003\",\"static/chunks/7003-1727353421939-6f3e660e90c9492f.js\",\"231\",\"static/chunks/231-1727353421939-36b06d01645e7d0f.js\",\"5149\",\"static/chunks/5149-1727353421939-a4b02f36f1c30f93.js\",\"1317\",\"static/chunks/1317-1727353421939-b72e4c274eeda2c3.js\",\"5671\",\"static/chunks/5671-17"])</script><script>self.__next_f.push([1,"27353421939-9765cc244a33ad33.js\",\"1797\",\"static/chunks/1797-1727353421939-ee70e143aa6502b7.js\",\"5789\",\"static/chunks/5789-1727353421939-dfc0f738fdcdc0b1.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1727353421939-71c3187913847840.js\"],\"QuestionAreaDesktop\"]\n1b:I[46626,[\"5147\",\"static/chunks/6468630d-1727353421939-e697c6697281fc3e.js\",\"9095\",\"static/chunks/f8e4659f-1727353421939-978c932a4686862c.js\",\"9257\",\"static/chunks/9257-1727353421939-e9cb09c2ef26f528.js\",\"7003\",\"static/chunks/7003-1727353421939-6f3e660e90c9492f.js\",\"231\",\"static/chunks/231-1727353421939-36b06d01645e7d0f.js\",\"5149\",\"static/chunks/5149-1727353421939-a4b02f36f1c30f93.js\",\"1317\",\"static/chunks/1317-1727353421939-b72e4c274eeda2c3.js\",\"5671\",\"static/chunks/5671-1727353421939-9765cc244a33ad33.js\",\"1797\",\"static/chunks/1797-1727353421939-ee70e143aa6502b7.js\",\"5789\",\"static/chunks/5789-1727353421939-dfc0f738fdcdc0b1.js\",\"7954\",\"static/chunks/app/%5Blocale%5D/learn/%5B...pathURI_questionId_answerId%5D/page-1727353421939-71c3187913847840.js\"],\"QuestionBottomBar_\"]\n17:Teed,"])</script><script>self.__next_f.push([1,"\u003cdiv class=\"question_inner aspect_x0KCoX childLayout_absolute\" style=\"transition: opacity 0.2s ease 0s; opacity: 1; position: relative; display: block;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"questionpart_inner aspect_vJq-oU childLayout_flex_row\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_Nxaer5 childLayout_flex_row overflowBorder_questionPart\" data-fontsizemanual=\"1\" style=\"font-size: 33px; position: absolute; left: 20px; top: 46px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 960px; height: 188px;\"\u003e\u003cspan\u003eIn HTML, what element is used to create a primary heading?\u003c/span\u003e\u003c/div\u003e\u003cimg alt=\"\" data-aspect=\"essence\" loading=\"lazy\" width=\"386\" height=\"640\" decoding=\"async\" data-nimg=\"1\" class=\"image_essence aspect_NqtUWh \" srcset=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=640\u0026amp;q=75 1x, /_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75 2x\" src=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75\" style=\"color: transparent; position: absolute; left: 7px; top: 390px; width: 140px; height: 541px;\"\u003e\u003c/div\u003e\u003cdiv class=\"question_options aspect_kELBWe \" style=\"position: absolute; left: 441px; top: 327px; width: 500px; height: 450px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_Kod7B1 childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_C17P8P childLayout_flex_row\"\u003e\u003cspan\u003e\u003cheader\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_HDDyXM childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_hW1sR6 childLayout_flex_row\"\u003e\u003cspan\u003e\u003ch1\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_zqWMaK childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_aogwVW childLayout_flex_row\"\u003e\u003cspan\u003e\u003chead\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_k_M4Sp childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_V_3xQt childLayout_flex_row\"\u003e\u003cspan\u003e\u003ctitle\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"deco\" data-contenttraitid=\"FNCn7O\" class=\"question_deco aspect_x79aqF \" style=\"display: block;\"\u003e\u003c/div\u003e\u003c/div\u003e"])</script><script>self.__next_f.push([1,"1c:T519,\nwindow.serverTime = 1733129930077; window.clientTime = new Date().getTime();\nwindow.editionVersionNumber=1;\nwindow.preload = window.preload || {};\nconst preloadUrls = ['/api/tdoc/topic/auto.us/university/computer-science/web-development/web-development-technologies?v=1','/api/tdoc/question/mcq6461723?v=1','/api/tdoc/topic/100472?v=1','/api/tdoc/bundle/fsDVsI?v=1','/api/tdoc/bundle/mnWSz2Pvf?v=1','/api/tdoc/bundle/IyESvh7FK?v=1','/api/tdoc/bundle/RKgCmObJN?v=1','/api/tdoc/bundle/By3Jsg2Vs?v=1','/api/tdoc/bundle/wlJMmox7n?v=1','/api/tdoc/bundle/PphF-fhBJ?v=1','/api/tdoc/bundle/QoQ0ePXFh?v=1','/api/tdoc/bundle/BJxqw82DNe?v=1','/api/tdoc/bundle/rJnlnGDBf?v=1','/api/tdoc/bundle/HJPNLc-JG?v=1','/api/tdoc/path/auto.us?v=1','/api/tdoc/path/auto.us/university?v=1','/api/tdoc/path/auto.us/university/computer-science?v=1','/api/tdoc/path/auto.us/university/computer-science/web-development?v=1'];\npreloadUrls.map(url =\u003e fetch(url).then(response =\u003e {\nif (response.ok) {\nconst json = response.json().then(json =\u003e {\nif(!json.payload)return;\nwindow.preload[url] = json;\nif(['topic','path'].includes(json.payload.type)){\nwindow.preload[url.replace(json.payload.pathURI, json.payload.id)] = json;\n}\n});\n} else {\nthrow new Error(\"HTTP error \" + response.status);\n}\n\n})\n.catch(e =\u003e {\nconsole.log(e.stack);\n}))\n\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"$L16\",null,{\"topicTransfer\":{\"pathURI\":\"auto.us/university/computer-science/web-development/web-development-technologies\",\"topic\":{\"id\":100472,\"countryISO\":\"US\",\"pathURI\":\"auto.us/university/computer-science/web-development/web-development-technologies\",\"pathURI_labels\":\"United States of America/University/Bachelor of Science in Computer Science/Web Development/Web Development Technologies\",\"isPathFixed\":0,\"isPathObsolete\":0,\"pathLevel\":5,\"instanceURI\":\"auto.us\",\"countryLabel\":\"United States of America\",\"countryLabelEnglish\":\"United States\",\"countryConcise\":\"U.S.A.\",\"schoolTypeURL\":\"university\",\"schoolTypeLabel\":\"University\",\"schoolTypeConcise\":\"\",\"schoolTypeCategory\":\"TertiaryEducation\",\"scholarGroupURL\":\"computer-science\",\"scholarGroupLabel\":\"Bachelor of Science in Computer Science\",\"scholarGroupConcise\":\"\",\"subjectURL\":\"web-development\",\"subjectLabel\":\"Web Development\",\"subjectConcise\":\"Web Development\",\"categoryURL\":\"\",\"categoryLabel\":\"\",\"stepURL\":\"web-development-technologies\",\"stepLabel\":\"Web Development Technologies\",\"topicLabel\":\"Web Development Technologies\",\"topicConcise\":\"Web Development Essentials\",\"topicDescription\":\"This unit introduces the core technologies used in web development, including HTML, CSS, JavaScript, and web servers. Students will learn the fundamentals of these technologies and how to use them to create basic web pages.\",\"unitAssessmentFocus\":\"\",\"unitTagCloudMultipleChoice\":\"HTML,CSS,JavaScript,Web Servers,Web Development,Web Design,Web Development Technologies,Web Development Fundamentals\",\"unitCommonExamQuestions\":\"What are the different types of HTML elements?,How do you use CSS to style web pages?,What is JavaScript and how is it used in web development?,How do web servers work?,What are the best practices for web development?\",\"unitSubtopicsForExams\":\"HTML Elements and Structure,CSS Selectors and Properties,JavaScript Functions and Objects,Web Server Architecture,Web Development Best Practices\",\"unitExamRelevantTasks\":\"\",\"unitAdditionalContent\":\"\",\"unitIdeasArray\":[{\"idea\":{\"didacticalIntension\":\"Test understanding of the role of databases in web applications.\",\"subtopicTag\":\"Database Integration\",\"questionText\":\"Which of the following is an advantage of using a relational database management system (RDBMS) in a web application?\"},\"reasoning\":\"Introduces a more specific and advanced topic related to database integration in web applications.\"},{\"idea\":{\"didacticalIntension\":\"Test understanding of JavaScript array methods.\",\"subtopicTag\":\"JavaScript Arrays\",\"questionText\":\"Which JavaScript array method is used to add a new element to the end of an array?\"},\"reasoning\":\"Expands the coverage of JavaScript by including a question on a commonly used array method.\"},{\"idea\":{\"didacticalIntension\":\"Test understanding of HTTP status codes and their interpretation.\",\"subtopicTag\":\"HTTP Status Codes\",\"questionText\":\"Which HTTP status code indicates that the client's request failed due to a server-side error?\"},\"reasoning\":\"Reinforces understanding of HTTP status codes and their meanings, focusing on error codes.\"},{\"idea\":{\"didacticalIntension\":\"Assess comprehension of the advantages of using version control systems.\",\"subtopicTag\":\"Version Control\",\"questionText\":\"Which of the following is NOT a benefit of using a version control system in web development?\"},\"reasoning\":\"Introduces a practical and important aspect of web development, emphasizing the importance of version control.\"},{\"idea\":{\"didacticalIntension\":\"Test knowledge of CSS positioning concepts.\",\"subtopicTag\":\"CSS Positioning\",\"questionText\":\"Which CSS property is used to position an element relative to other elements on the page?\"},\"reasoning\":\"Deepens understanding of CSS positioning concepts and their practical applications.\"},{\"idea\":{\"didacticalIntension\":\"Assess understanding of the purpose and benefits of using web frameworks.\",\"subtopicTag\":\"Web Frameworks\",\"questionText\":\"Which of the following is NOT an advantage of using a web framework?\"},\"reasoning\":\"Broadens the scope of questions to include a topic related to modern web development practices.\"},{\"idea\":{\"didacticalIntension\":\"Reinforce understanding of JavaScript event bubbling and capturing.\",\"subtopicTag\":\"JavaScript Events\",\"questionText\":\"Which JavaScript event listener option allows an event to be handled by only the element it is attached to and not its descendants?\"},\"reasoning\":\"Further explores the concept of JavaScript event handling and provides a more nuanced understanding of event propagation.\"},{\"idea\":{\"didacticalIntension\":\"Test comprehension of the purpose and usage of CSS preprocessors.\",\"subtopicTag\":\"CSS Preprocessors\",\"questionText\":\"Which of the following is a popular CSS preprocessor that extends the functionality of CSS with variables, mixins, and other features?\"},\"reasoning\":\"Introduces students to industry-standard tools and practices used in modern web development.\"},{\"idea\":{\"didacticalIntension\":\"Assess understanding of basic HTML form input elements.\",\"subtopicTag\":\"HTML Forms\",\"questionText\":\"Which HTML input element is used to create a text input field that accepts numeric values?\"},\"reasoning\":\"Strengthens comprehension of HTML form elements and their usage in data collection.\"},{\"idea\":{\"didacticalIntension\":\"Test knowledge of HTTP request methods and their characteristics.\",\"subtopicTag\":\"HTTP Requests\",\"questionText\":\"Which HTTP request method is used to update or modify data on a server?\"},\"reasoning\":\"Enhances understanding of HTTP request methods and their applications in data manipulation.\"},{\"idea\":{\"didacticalIntension\":\"Assess comprehension of JavaScript object properties and methods.\",\"subtopicTag\":\"JavaScript Objects\",\"questionText\":\"Which JavaScript object method is used to add a new property to an object?\"},\"reasoning\":\"Deepens understanding of JavaScript objects and their dynamic nature.\"},{\"idea\":{\"didacticalIntension\":\"Evaluate understanding of CSS selectors and their specificity.\",\"subtopicTag\":\"CSS Selectors\",\"questionText\":\"Which CSS selector has the highest specificity and will always override other selectors in a style sheet?\"},\"reasoning\":\"Enhances understanding of CSS selector specificity and its impact on styling.\"},{\"idea\":{\"didacticalIntension\":\"Assess knowledge of JavaScript data structures.\",\"subtopicTag\":\"JavaScript Data Structures\",\"questionText\":\"Which JavaScript data structure is used to store a collection of key-value pairs?\"},\"reasoning\":\"Expands the coverage of JavaScript data structures and their practical applications.\"},{\"idea\":{\"didacticalIntension\":\"Test understanding of the principles and benefits of responsive web design.\",\"subtopicTag\":\"Responsive Web Design\",\"questionText\":\"Which of the following is a key consideration when designing a responsive website?\"},\"reasoning\":\"Reinforces understanding of responsive web design principles and their importance in modern web development.\"},{\"idea\":{\"didacticalIntension\":\"Assess comprehension of the purpose and usage of templating engines.\",\"subtopicTag\":\"Templating Engines\",\"questionText\":\"Which of the following is a popular templating engine used to dynamically generate HTML content from templates?\"},\"reasoning\":\"Introduces students to advanced techniques for dynamic web content generation.\"},{\"idea\":{\"didacticalIntension\":\"Assess understanding of the concepts and advantages of using server-side scripting.\",\"subtopicTag\":\"Server-Side Scripting\",\"questionText\":\"Which of the following is an advantage of using server-side scripting in web development?\"},\"reasoning\":\"Introduces students to server-side programming concepts and their applications in web development.\"}],\"positionIndex\":1,\"aiQuestionCount\":51,\"editorialQuestionCount\":0,\"questionsCount\":51,\"questionsCount_hiddenInApp\":0,\"autoGenQTargetCount\":50,\"typicalAge\":19,\"lowerAge\":18,\"upperAge\":30,\"platformLangISOCode\":\"en\",\"platformLangNativeName\":\"English\",\"platformLangEnglishName\":\"English\",\"platformLangDialectName\":\"American English\",\"platformLangLocalCode\":\"en-US\",\"contentLangISOCode\":\"en\",\"contentLangNativeName\":\"English\",\"contentLangPlatformName\":\"\",\"contentLangEnglishName\":\"English\",\"contentLangDialectName\":\"American English\",\"contentLangLocalCode\":\"en-US\",\"populationEstimate\":25000,\"publicVisibility\":1,\"teachingPeriod\":\"\",\"duplicate_of\":0,\"funnelStrategy\":\"default\",\"activityLevel\":0,\"activityArray\":[],\"scoreAverage\":0.66,\"relativeKnowledgeDistributionArray\":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],\"seoMetaTitle\":\"Master Web Development Technologies: HTML, CSS, JavaScript, and Web Servers\",\"seoMetaDescription\":\"Delve into the fundamentals of web development with our comprehensive learning unit on Web Development Technologies. Explore HTML, CSS, JavaScript, and web servers to build interactive and engaging web pages.\",\"seoMetaKeywords\":\"Web Development,Web Development Technologies,HTML,CSS,JavaScript,Web Servers,Web Development Fundamentals,Web Design,Web Development Course,Web Development Education\",\"geminiTagArray\":[],\"lastDuplicateCheck\":\"$D2020-01-01T00:00:00.000Z\",\"lastDropout\":\"$D2023-01-01T00:00:00.000Z\",\"usedSubtopicsArray\":[],\"bundles\":\"\",\"bundleNames\":\"\",\"packages\":\"\",\"parent_topic_id1\":null,\"parent_topic_id2\":null,\"parent_topic_id3\":null,\"parent_topic_id4\":null,\"parent_topic_id5\":null,\"parent_topic_id6\":null,\"parent_topic_id7\":null,\"parent_topic_id8\":null,\"parent_topic_id9\":null,\"parent_topic_id10\":null,\"parent_topic_id11\":null,\"parent_topic_id12\":null,\"parent_topic_id13\":null,\"parent_topic_id14\":null,\"parent_topic_id15\":null,\"parent_topic_id16\":null,\"parent_topic_id17\":null,\"parent_topic_id18\":null,\"parent_topic_id19\":null,\"parent_topic_id20\":null,\"parent_topic_recursive1\":null,\"parent_topic_recursive2\":null,\"parent_topic_recursive3\":null,\"parent_topic_recursive4\":null,\"parent_topic_recursive5\":null,\"parent_topic_recursive6\":null,\"parent_topic_recursive7\":null,\"parent_topic_recursive8\":null,\"parent_topic_recursive9\":null,\"parent_topic_recursive10\":null,\"parent_topic_recursive11\":null,\"parent_topic_recursive12\":null,\"parent_topic_recursive13\":null,\"parent_topic_recursive14\":null,\"parent_topic_recursive15\":null,\"parent_topic_recursive16\":null,\"parent_topic_recursive17\":null,\"parent_topic_recursive18\":null,\"parent_topic_recursive19\":null,\"parent_topic_recursive20\":null,\"parent_topic_importmode1\":null,\"parent_topic_importmode2\":null,\"parent_topic_importmode3\":null,\"parent_topic_importmode4\":null,\"parent_topic_importmode5\":null,\"parent_topic_importmode6\":null,\"parent_topic_importmode7\":null,\"parent_topic_importmode8\":null,\"parent_topic_importmode9\":null,\"parent_topic_importmode10\":null,\"parent_topic_importmode11\":null,\"parent_topic_importmode12\":null,\"parent_topic_importmode13\":null,\"parent_topic_importmode14\":null,\"parent_topic_importmode15\":null,\"parent_topic_importmode16\":null,\"parent_topic_importmode17\":null,\"parent_topic_importmode18\":null,\"parent_topic_importmode19\":null,\"parent_topic_importmode20\":null,\"pdfPageNumbers\":\"\",\"entityStore\":{},\"actorStore\":{},\"locationStore\":{},\"topicStore\":{},\"document_version\":0,\"generationFlag\":0,\"sharpenedAt\":\"$D2024-04-24T16:24:25.000Z\",\"metaWeeklyAt\":\"$D2024-11-29T10:30:37.000Z\",\"countedAt\":\"$D2024-08-04T08:41:49.000Z\",\"createdAt\":\"$D2024-04-22T16:07:23.000Z\",\"updatedAt\":\"$D2024-09-13T00:00:00.000Z\",\"accessedAt\":\"$D2024-04-22T16:07:23.000Z\",\"path\":\"auto.us/university/computer-science/web-development/web-development-technologies\",\"pathname\":\"United States of America/University/Bachelor of Science in Computer Science/Web Development/Web Development Technologies\",\"name\":\"Web Development Technologies\",\"genType\":1,\"topicContextTitle\":\"Introduction to Web Development\",\"parentPathURI\":\"auto.us/university/computer-science/web-development\",\"groundingDescription\":\"\",\"groundingStores\":\"\",\"groundingUrl\":\"\",\"pathUrl\":\"university/computer-science/web-development/web-development-technologies\"}},\"questionTransfer\":{\"question\":{\"id\":\"mcq6461723\",\"type\":\"question\",\"topic_id\":100472,\"pathURI\":\"auto.us/university/computer-science/web-development/web-development-technologies\",\"questionType\":\"MultipleChoice\",\"layout_id\":\"fsDVsI\",\"layoutName\":\"layout_AIStage\",\"questionOfSameLayout_id\":\"364417\",\"stageOuterStyle\":\"flex: 1 1 auto; flex-direction: column; height: 1136px; display: flex; background-size: 100% 100%; background-image: url(\\\"https://qs.schlaukopf.ai/data2/img/1/TrLMdMeJD.jpg?version=1\\\"); transition: background-image 1s ease-out 0s;\",\"stageInnerStyle\":\"height: 1000px; width: 1000px; flex: 0 0 1000px; display: flex; flex-wrap: nowrap; align-items: stretch; user-select: none; transition: opacity 0.1s linear 0.1s; position: relative;\",\"stageInnerHtml\":\"$17\",\"text\":\"In HTML, what element is used to create a primary heading?\",\"isoLanguageCode\":\"en\",\"accepted\":0,\"subtopicTag\":\"HTML Basics\",\"microtopicTag\":\"Primary Heading in HTML\",\"questionSubtag\":\"HTML Headings\",\"skillTag\":\"HTML\",\"knowledgeDomainTag\":\"Web Development\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"aiBloomsTaxonomy\":\"\",\"aiDidacticalIntension\":\"Test knowledge of fundamental HTML elements.\",\"aiDidacticalSummary\":\"\",\"aiDidacticalDoubts\":\"\",\"aiDifficultyScore\":10,\"aiExamRelevanceScore\":25,\"aiCurriculumAlignmentScore\":50,\"aiLanguageComplexityScore\":5,\"aiOverallQualityScore\":75,\"seoMetaTitle\":\"HTML Headings\",\"seoMetaDescription\":\"Understand the different heading elements in HTML, including \u003ch1\u003e for primary headings.\",\"seoMetaKeywords\":\"HTML headings, \u003ch1\u003e, primary heading\",\"maxPoints\":1,\"shouldShuffle\":false,\"bundles\":\"fsDVsI,mnWSz2Pvf,IyESvh7FK,RKgCmObJN,By3Jsg2Vs,wlJMmox7n,PphF-fhBJ,QoQ0ePXFh,BJxqw82DNe,rJnlnGDBf,HJPNLc-JG\",\"bundleNames\":\"Questiontype_MultipleChoice_layout_AIStage,Questiontype_MultipleChoice_,Questiontype_MultipleChoiceLike_,Questiontype_MultipleChoice_Draft_,Question_,Stage_Draft_Question_,Stage_Draft_Questionpart_,Stage_Draft_Menulayout_,Global_,Stage_Draft,Global_run\",\"screenshot\":0,\"document_version\":1,\"mcq_id\":6461723,\"mcq\":{\"id\":6461723,\"topic_id\":100472,\"deploy_id\":null,\"pathURI\":\"auto.us/university/computer-science/web-development/web-development-technologies\",\"pathURI_labels\":\"United States of America/University/Bachelor of Science in Computer Science/Web Development/Web Development Technologies\",\"questionText\":\"In HTML, what element is used to create a primary heading?\",\"numOptions\":4,\"optionText1\":\"\u003chead\u003e\",\"optionText2\":\"\u003ch1\u003e\",\"optionText3\":\"\u003cheader\u003e\",\"optionText4\":\"\u003ctitle\u003e\",\"isCorrect1\":0,\"isCorrect2\":1,\"isCorrect3\":0,\"isCorrect4\":0,\"reasoning1\":\"\",\"reasoning2\":\"\",\"reasoning3\":\"\",\"reasoning4\":\"\",\"feedbackText1\":\"\",\"feedbackText2\":\"\",\"feedbackText3\":\"\",\"feedbackText4\":\"\",\"explanationHint\":\"\",\"explanationTheory\":\"\",\"explanationKeyfacts\":\"\",\"explanationRetrospective\":\"\",\"didacticalIntension\":\"Test knowledge of fundamental HTML elements.\",\"didacticalSummary\":\"\",\"didacticalDoubts\":\"\",\"improvementIdeas\":\"\",\"ambienceApplicability\":-1,\"ambienceScene\":\"\",\"platformLangISOCode\":\"en\",\"countryLabel\":\"United States of America\",\"schoolTypeLabel\":\"University\",\"scholarGroupLabel\":\"Bachelor of Science in Computer Science\",\"subjectLabel\":\"Web Development\",\"topicLabel\":\"Web Development Technologies\",\"creationTag\":\"HTML Basics\",\"subtopicTag\":\"HTML Elements\",\"microtopicTag\":\"Primary Heading in HTML\",\"questionTag\":\"HTML Headings\",\"skillTag\":\"HTML\",\"knowledgeDomainTag\":\"Web Development\",\"subtopicCumulate\":\"\",\"skillCumulate\":\"\",\"typicalAge\":19,\"lowerAge\":18,\"upperAge\":30,\"promptUsed\":5,\"AltQuestionText\":\"\",\"AltOptionText1\":\"\",\"AltOptionText2\":\"\",\"AltOptionText3\":\"\",\"AltOptionText4\":\"\",\"AltIsCorrect1\":-1,\"AltIsCorrect2\":-1,\"AltIsCorrect3\":-1,\"AltIsCorrect4\":-1,\"AltFeedbackText1\":\"\",\"AltFeedbackText2\":\"\",\"AltFeedbackText3\":\"\",\"AltFeedbackText4\":\"\",\"AltDidacticalIntension\":\"\",\"duplicateCheckItem\":-1,\"improvementPrompt\":5,\"OrigScore\":-1,\"AltScore\":-1,\"bloomsTaxonomy\":\"\",\"isoLanguageCode\":\"en\",\"difficultyScore\":10,\"examRelevanceScore\":25,\"curriculumAlignmentScore\":50,\"languageComplexityScore\":5,\"overallQualityScore\":75,\"checkQuality\":\"A\",\"checkRelevance\":\"\",\"checkExamRelevance\":\"\",\"checkAnswers\":\"A\",\"checkDistractors\":\"A\",\"checkFormat\":\"\",\"seoMetaTitle\":\"HTML Headings\",\"seoMetaDescription\":\"Understand the different heading elements in HTML, including \u003ch1\u003e for primary headings.\",\"seoMetaKeywords\":\"HTML headings, \u003ch1\u003e, primary heading\",\"searchKeywords\":\"\",\"areVectorsIndexed\":1,\"generationFlag\":-60,\"updatedAt\":\"$D2024-09-30T07:41:58.000Z\",\"deployedAt\":\"$D2024-04-25T17:40:16.000Z\",\"feedbackTiny1\":\"Nope.\",\"feedbackTiny2\":\"Correct!\",\"feedbackTiny3\":\"Incorrect.\",\"feedbackTiny4\":\"Not quite.\",\"feedbackShort1\":\"The \u003chead\u003e element contains metadata about the web page.\",\"feedbackShort2\":\"The \u003ch1\u003e element is used to create a primary heading.\",\"feedbackShort3\":\"The \u003cheader\u003e element represents a container for introductory content.\",\"feedbackShort4\":\"The \u003ctitle\u003e element specifies the title of the web page.\",\"feedbackMedium1\":\"\",\"feedbackMedium2\":\"\",\"feedbackMedium3\":\"\",\"feedbackMedium4\":\"\",\"similarIdArray\":[{\"id\":3087936,\"d\":0.06},{\"id\":152147,\"d\":0.08},{\"id\":16088,\"d\":0.08},{\"id\":3149865,\"d\":0.08},{\"id\":1063345,\"d\":0.1},{\"id\":556424,\"d\":0.1},{\"id\":3442600,\"d\":0.1},{\"id\":6098663,\"d\":0.12},{\"id\":3220409,\"d\":0.12},{\"id\":356718,\"d\":0.12},{\"id\":6564721,\"d\":0.11},{\"id\":6683851,\"d\":0.1},{\"id\":7208313,\"d\":0.1},{\"id\":7403599,\"d\":0.11},{\"id\":7618359,\"d\":0.12},{\"id\":7686723,\"d\":0.1},{\"id\":8038494,\"d\":0.08},{\"id\":8044483,\"d\":0.13},{\"id\":8304788,\"d\":0.07},{\"id\":9307905,\"d\":0.11},{\"id\":9412057,\"d\":0.06},{\"id\":12388934,\"d\":0.08},{\"id\":12696237,\"d\":0.09},{\"id\":12922218,\"d\":0.1},{\"id\":12953261,\"d\":0.13},{\"id\":12990700,\"d\":0.09},{\"id\":13048057,\"d\":0.08},{\"id\":13204973,\"d\":0.08},{\"id\":13420847,\"d\":0.13},{\"id\":13709025,\"d\":0.05},{\"id\":13821713,\"d\":0.11},{\"id\":13933624,\"d\":0.12},{\"id\":14058594,\"d\":0.1},{\"id\":14113447,\"d\":0.12},{\"id\":14353948,\"d\":0.12},{\"id\":15371422,\"d\":0.06},{\"id\":15471581,\"d\":0.09},{\"id\":15550352,\"d\":0.11},{\"id\":16072811,\"d\":0.12},{\"id\":16082645,\"d\":0.08},{\"id\":16387056,\"d\":0.08},{\"id\":17583423,\"d\":0.11},{\"id\":18565142,\"d\":0.1},{\"id\":18769930,\"d\":0.09},{\"id\":19316462,\"d\":0.07},{\"id\":19861983,\"d\":0},{\"id\":20241700,\"d\":0.1},{\"id\":20430124,\"d\":0.04},{\"id\":20576242,\"d\":0.11},{\"id\":20872708,\"d\":0.07},{\"id\":20888058,\"d\":0.07},{\"id\":21042607,\"d\":0.12},{\"id\":21787677,\"d\":0.09},{\"id\":21870807,\"d\":0.13},{\"id\":21986140,\"d\":0.11},{\"id\":22307780,\"d\":0.13},{\"id\":22543323,\"d\":0.13},{\"id\":22617153,\"d\":0.13},{\"id\":23069428,\"d\":0.1},{\"id\":23461677,\"d\":0.1}],\"similarSearchedAt\":\"$D2024-08-07T18:00:30.000Z\",\"optionsArray\":[\"\u003chead\u003e\",\"\u003ch1\u003e\",\"\u003cheader\u003e\",\"\u003ctitle\u003e\"],\"correctOptionsArray\":[\"\u003ch1\u003e\"],\"distractorOptionsArray\":[\"\u003chead\u003e\",\"\u003cheader\u003e\",\"\u003ctitle\u003e\"],\"numCorrectOptions\":1,\"averageOptionLength\":6,\"maxOptionLength\":8,\"questionTextLength\":58,\"averageReadLength\":32,\"isDeployPending\":true,\"userVoteUp\":0,\"userVoteDown\":0},\"questionStore\":{\"questionPart\":{\"id\":\"z9EaYn\",\"type\":\"questionpart\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"oJsJHi\",\"type\":\"aspect\",\"traits\":[{\"id\":\"OVdiUU\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"X196oo\",\"type\":\"aspect\",\"traits\":[{\"id\":\"gmLM9v\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"In HTML, what element is used to create a primary heading?\"}]},\"inner\":{\"id\":\"p1jEaw\",\"type\":\"aspect\",\"traits\":[{\"id\":\"zoh8jLGPGlRk\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":25}]}}},\"key\":\"text\"}]}}}}},\"questionTypeStore\":{\"allOptions\":[{\"id\":\"9eGrU1\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"zmoaT-\",\"type\":\"aspect\",\"traits\":[{\"id\":\"v9e_7q\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"QoxOoz\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"x2ic04\",\"type\":\"aspect\",\"traits\":[{\"id\":\"uJg0CS\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003chead\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"iEeUNT\",\"type\":\"aspect\",\"traits\":[{\"id\":\"NT_3mW\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"UU06ad\",\"type\":\"aspect\",\"traits\":[{\"id\":\"-q_IOE\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003chead\u003e element contains metadata about the web page.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"hKJT1c\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"ZH5CEX\",\"type\":\"aspect\",\"traits\":[{\"id\":\"I2Milf\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"wPblrU\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"F5TXwP\",\"type\":\"aspect\",\"traits\":[{\"id\":\"fuoxVJ\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ch1\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"LBDIXR\",\"type\":\"aspect\",\"traits\":[{\"id\":\"uR4eMm\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"RZnsoy\",\"type\":\"aspect\",\"traits\":[{\"id\":\"HCKtbJ\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"Correct!\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":true},{\"id\":\"5KY91T\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"OR6Ihp\",\"type\":\"aspect\",\"traits\":[{\"id\":\"kpcm66\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"3xFDkN\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"xr99lJ\",\"type\":\"aspect\",\"traits\":[{\"id\":\"cfQXAh\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003cheader\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"VlpyMg\",\"type\":\"aspect\",\"traits\":[{\"id\":\"PZ4IhT\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"vO4MRK\",\"type\":\"aspect\",\"traits\":[{\"id\":\"WjxYQo\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003cheader\u003e element represents a container for introductory content.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false},{\"id\":\"YBT7yI\",\"type\":\"option\",\"actorStore\":{\"aspects\":{\"inner\":{\"id\":\"x0YCCD\",\"type\":\"aspect\",\"traits\":[{\"id\":\"kr-kq3\",\"type\":\"trait\",\"key\":\"initialFontSize\",\"value\":20},{\"id\":\"IBaRGh\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"ogZ_oH\",\"type\":\"aspect\",\"traits\":[{\"id\":\"4rxcki\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"\u003ctitle\u003e\"}]}}},\"key\":\"text\"}]},\"comment\":{\"id\":\"HlrpmO\",\"type\":\"aspect\",\"traits\":[{\"id\":\"dw_O4_\",\"type\":\"trait\",\"actorStore\":{\"aspects\":{\"core\":{\"id\":\"YF43Vv\",\"type\":\"aspect\",\"traits\":[{\"id\":\"nKx5_U\",\"type\":\"trait\",\"key\":\"textBasis\",\"value\":\"The \u003ctitle\u003e element specifies the title of the web page.\"}]}}},\"key\":\"text\"}]}}},\"shouldBeSelected\":false}],\"numberOfOptions\":4},\"basicJSON\":{\"questionText\":\"In HTML, what element is used to create a primary heading?\",\"options\":[{\"optionText\":\"\u003chead\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"},{\"optionText\":\"\u003ch1\u003e\",\"shouldBeSelected\":true,\"feedbackText\":\"\"},{\"optionText\":\"\u003cheader\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"},{\"optionText\":\"\u003ctitle\u003e\",\"shouldBeSelected\":false,\"feedbackText\":\"\"}]},\"userVoteUp\":0,\"userVoteDown\":0}},\"children\":[\"$\",\"div\",null,{\"id\":\"page-container\",\"className\":\"flex flex-col items-stretch w-full min-h-screen bg-gray-100\",\"children\":[[\"$\",\"$L18\",null,{}],[\"$\",\"$L19\",null,{\"fallback\":\"$L1a\"}],[\"$\",\"$L1b\",null,{}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$1c\"}}]]}],\"userTransfer\":{\"session\":null,\"user\":{\"id\":129933,\"instance\":\"abfrager.de\",\"identityProvider\":\"\",\"identityValue\":\"\",\"playerProvider\":\"\",\"playerValue\":\"\",\"appKey\":\"\",\"hashed\":\"\",\"premium\":0,\"premiumCode\":\"\",\"email\":\"gast129933@undefined\",\"emailVerified\":0,\"emailFails\":0,\"emailError\":\"\",\"prename\":\"\",\"surname\":\"\",\"nickname\":\"\",\"ownImage\":null,\"country\":\"\",\"confidence_country\":0,\"region\":\"\",\"confidence_region\":0,\"city\":\"\",\"promoter\":\"\",\"confidence_city\":0,\"schooltype\":\"\",\"confidence_schooltype\":0,\"form\":\"\",\"confidence_form\":0,\"person\":\"\",\"newsletter\":0,\"learnreport\":1,\"dataValidated\":0,\"tutor1\":\"\",\"tutor2\":\"\",\"tutor3\":\"\",\"tutor4\":\"\",\"tutor5\":\"\",\"tutor6\":\"\",\"tutor7\":\"\",\"tutor8\":\"\",\"tutor9\":\"\",\"tutor10\":\"\",\"isAdmin\":false,\"isAuthor\":false,\"filterAI\":false,\"filterEditorial\":false,\"balance\":0,\"lastLogon\":\"$D2024-12-02T08:58:49.000Z\",\"totalAnswered\":0,\"totalOnlineMinutes\":0,\"firstLogon\":\"$D2024-12-02T08:58:49.000Z\",\"currentTopic\":0,\"currentPoints\":0,\"settingTeacher\":\"DrBrain\",\"settingCounter\":3,\"settingLookAndFeel\":\"_skin2\",\"settingQuestions\":20,\"settingCompleteQuestion\":1,\"settingLanguage\":\"\",\"settingSound\":1,\"settingAudio\":1,\"settingGrade\":0,\"ads\":0,\"guest\":1,\"extrainfo\":\"\",\"state\":null,\"document_version\":0,\"entityStore\":{},\"actorStore\":{},\"userStore\":{},\"createdAt\":\"$D2024-12-02T08:58:49.000Z\",\"updatedAt\":\"$D2024-12-02T08:58:49.000Z\",\"accessedAt\":\"$D2024-12-02T08:58:49.000Z\"}},\"instanceTransfer\":{\"countryLabel\":\"United States of America\",\"instanceURI\":\"auto.us\",\"instanceDomainMiddle\":\"smartmind\",\"instanceDomainEnding\":\"global\"},\"clientTransfer\":{\"browserWidth\":1024,\"isSmartphoneRequest\":false,\"isSmallDeviceRequest\":false}}]\n"])</script><script>self.__next_f.push([1,"1d:Teed,"])</script><script>self.__next_f.push([1,"\u003cdiv class=\"question_inner aspect_x0KCoX childLayout_absolute\" style=\"transition: opacity 0.2s ease 0s; opacity: 1; position: relative; display: block;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"questionpart_inner aspect_vJq-oU childLayout_flex_row\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_Nxaer5 childLayout_flex_row overflowBorder_questionPart\" data-fontsizemanual=\"1\" style=\"font-size: 33px; position: absolute; left: 20px; top: 46px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 960px; height: 188px;\"\u003e\u003cspan\u003eIn HTML, what element is used to create a primary heading?\u003c/span\u003e\u003c/div\u003e\u003cimg alt=\"\" data-aspect=\"essence\" loading=\"lazy\" width=\"386\" height=\"640\" decoding=\"async\" data-nimg=\"1\" class=\"image_essence aspect_NqtUWh \" srcset=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=640\u0026amp;q=75 1x, /_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75 2x\" src=\"/_next/image?url=https%3A%2F%2Fqs.schlaukopf.ai%2Fdata2%2Fimg%2F1%2F7II44p.png%3Fversion%3D1\u0026amp;w=828\u0026amp;q=75\" style=\"color: transparent; position: absolute; left: 7px; top: 390px; width: 140px; height: 541px;\"\u003e\u003c/div\u003e\u003cdiv class=\"question_options aspect_kELBWe \" style=\"position: absolute; left: 441px; top: 327px; width: 500px; height: 450px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_Kod7B1 childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_C17P8P childLayout_flex_row\"\u003e\u003cspan\u003e\u003cheader\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_HDDyXM childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_hW1sR6 childLayout_flex_row\"\u003e\u003cspan\u003e\u003ch1\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_zqWMaK childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_aogwVW childLayout_flex_row\"\u003e\u003cspan\u003e\u003chead\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"inner\" class=\"option_inner aspect_k_M4Sp childLayout_flex_row\" data-fontsizemanual=\"1\" style=\"border-radius: 11px; border: 1px solid rgba(50, 50, 50, 0.58); background-image: linear-gradient(to top, rgb(230, 233, 240) 0%, rgb(238, 241, 245) 100%); color: rgba(50, 50, 50, 0.76); box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 20px 0px; justify-content: center; font-size: 77px; margin-bottom: 20px; cursor: pointer; user-select: none;\"\u003e\u003cdiv data-aspect=\"inner\" class=\"text_inner aspect_V_3xQt childLayout_flex_row\"\u003e\u003cspan\u003e\u003ctitle\u003e\u003c/span\u003e\u003c/div\u003e\u003c/div\u003e\u003c/div\u003e\u003cdiv data-aspect=\"deco\" data-contenttraitid=\"FNCn7O\" class=\"question_deco aspect_x79aqF \" style=\"display: block;\"\u003e\u003c/div\u003e\u003c/div\u003e"])</script><script>self.__next_f.push([1,"1a:[\"$\",\"div\",null,{\"id\":\"quest_preview\",\"className\":\"flex flex-col mx-auto w-full min-w-[320px] bg-gray-100\",\"children\":[[\"$\",\"div\",null,{\"className\":\"SlowConnectionSpinner\",\"style\":{\"width\":140,\"opacity\":\"0.6\",\"position\":\"fixed\",\"top\":\"50%\",\"left\":\"50%\",\"zIndex\":99,\"right\":0,\"color\":\"rgba(0,0,0,0.5)\"},\"children\":[\"$\",\"div\",null,{\"className\":\"lds-spinner\",\"style\":{\"width\":80,\"height\":80},\"children\":[[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}],[\"$\",\"div\",null,{}]]}]}],[\"$\",\"div\",null,{\"data-aspect\":\"inner\",\"className\":\"app_inner childLayout_flex_row\",\"style\":{\"flex\":\"1 1 auto\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"stretch\"},\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"#preview_stage_outer {\\n flex: 1 1 auto; flex-direction: column; height: 1136px; display: flex; background-size: 100% 100%; background-image: url(\\\"https://qs.schlaukopf.ai/data2/img/1/TrLMdMeJD.jpg?version=1\\\"); transition: background-image 1s ease-out 0s;\\n height: calc(100vh - 64px);\\n }\\n\\n #preview_stage_inner {\\n height: 1000px; width: 1000px; flex: 0 0 1000px; display: flex; flex-wrap: nowrap; align-items: stretch; user-select: none; transition: opacity 0.1s linear 0.1s; position: relative;\\n }\\n \"}}],[\"$\",\"div\",null,{\"id\":\"preview_stage_outer\",\"data-aspect\":\"outer\",\"className\":\"ssr stage_outer\",\"style\":{\"paddingBottom\":85},\"children\":[\"$\",\"div\",null,{\"data-aspect\":\"main\",\"className\":\"stage_main\",\"style\":{\"flex\":\"1 1 auto\",\"display\":\"flex\",\"alignItems\":\"center\",\"justifyContent\":\"space-between\",\"zIndex\":1},\"children\":[[\"$\",\"div\",null,{\"className\":\"left_of_inner\"}],[\"$\",\"div\",null,{\"data-aspect\":\"inner\",\"className\":\"ssr stage_inner childLayout_flex_row stage_inner_zoom\",\"id\":\"preview_stage_inner\",\"dangerouslySetInnerHTML\":{\"__html\":\"$1d\"}}],[\"$\",\"div\",null,{\"className\":\"right_of_inner\",\"children\":[[\"$\",\"div\",null,{\"id\":\"schlaukopf.ai_ad_1\",\"style\":{\"marginBottom\":10}}],[\"$\",\"div\",null,{\"id\":\"schlaukopf.ai_ad_2\",\"style\":{\"marginBottom\":10}}],[\"$\",\"div\",null,{\"id\":\"schlaukopf.ai_ad_3\"}]]}]]}]}]]}],[\"$\",\"div\",null,{\"style\":{\"zIndex\":10,\"minWidth\":340,\"position\":\"fixed\",\"bottom\":100,\"left\":50,\"fontFamily\":\"Arial, Helvetica, sans-serif\",\"lineHeight\":\"200%\"},\"children\":[[\"$\",\"p\",null,{\"style\":{\"fontSize\":30,\"color\":\"rgba(0,0,0,0.3)\"},\"children\":[\"Web Development\",\" \",\"$L1e\",\" ...\"]}],[]]}]]}]\n"])</script><script>self.__next_f.push([1,"1e:\"Exercises are loading\"\n"])</script></body></html>
