{"id":124574,"date":"2026-05-01T09:25:00","date_gmt":"2026-05-01T09:25:00","guid":{"rendered":"https:\/\/www.dumpsbase.com\/freedumps\/?p=124574"},"modified":"2026-04-27T09:25:51","modified_gmt":"2026-04-27T09:25:51","slug":"valid-front-end-developer-specialist-exam-dumps-v8-02-for-outsystems-11-certification-preparation-becoming-a-front-end-developer-in-outsystems-with-dumpsbase","status":"publish","type":"post","link":"https:\/\/www.dumpsbase.com\/freedumps\/valid-front-end-developer-specialist-exam-dumps-v8-02-for-outsystems-11-certification-preparation-becoming-a-front-end-developer-in-outsystems-with-dumpsbase.html","title":{"rendered":"Valid Front-end Developer Specialist Exam Dumps (V8.02) for OutSystems 11 Certification Preparation &#8211; Becoming A Front-end Developer in OutSystems with DumpsBase"},"content":{"rendered":"\n<p>The OutSystems Front-end Developer Specialist (O11 and ODC) certification focuses on front-end development skills in OutSystems 11 (O11) and OutSystems Developer Cloud (ODC). It is designed for front-end developers who are fairly independent in creating UI designs and styling for web and mobile applications. To help you prepare for the Front-end Developer Specialist exam more efficiently, DumpsBase released valid Front-end Developer Specialist exam dumps (V8.02) to support your study and improve your confidence before the real exam. We have 120 practice questions in the dumps. They come with accurate answers, helping you understand the exam structure, question style, and key knowledge areas more clearly. Trust, the latest Front-end Developer Specialist exam dumps (V8.02) from DumpsBase can be a practical and efficient preparation resource, evaluating your readiness before taking this official <strong><em><a href=\"https:\/\/www.dumpsbase.com\/outsystems.html\">OutSystems certification exam<\/a><\/em><\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Check our OutSystems Front-end Developer Specialist free dumps below before downloading:<\/h2>\n\n\n<script>\n\t  window.fbAsyncInit = function() {\n\t    FB.init({\n\t      appId            : '622169541470367',\n\t      autoLogAppEvents : true,\n\t      xfbml            : true,\n\t      version          : 'v3.1'\n\t    });\n\t  };\n\t\n\t  (function(d, s, id){\n\t     var js, fjs = d.getElementsByTagName(s)[0];\n\t     if (d.getElementById(id)) {return;}\n\t     js = d.createElement(s); js.id = id;\n\t     js.src = \"https:\/\/connect.facebook.net\/en_US\/sdk.js\";\n\t     fjs.parentNode.insertBefore(js, fjs);\n\t   }(document, 'script', 'facebook-jssdk'));\n\t<\/script><script type=\"text\/javascript\" >\ndocument.addEventListener(\"DOMContentLoaded\", function(event) { \nif(!window.jQuery) alert(\"The important jQuery library is not properly loaded in your site. Your WordPress theme is probably missing the essential wp_head() call. You can switch to another theme and you will see that the plugin works fine and this notice disappears. If you are still not sure what to do you can contact us for help.\");\n});\n<\/script>  \n  \n<div  id=\"watupro_quiz\" class=\"quiz-area single-page-quiz\">\n<p id=\"submittingExam12087\" style=\"display:none;text-align:center;\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dumpsbase.com\/freedumps\/wp-content\/plugins\/watupro\/img\/loading.gif\" width=\"16\" height=\"16\"><\/p>\n\n<div class=\"watupro-exam-description\" id=\"description-quiz-12087\"><\/div>\n\n<form action=\"\" method=\"post\" class=\"quiz-form\" id=\"quiz-12087\"  enctype=\"multipart\/form-data\" >\n<div class='watu-question ' id='question-1' style=';'><div id='questionWrap-1'  class='   watupro-question-id-472897'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>1. <\/span>How can JavaScript defined in a Block be executed in a Screen?<\/div><input type='hidden' name='question_id[]' id='qID_1' value='472897' \/><input type='hidden' id='answerType472897' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472897[]' id='answer-id-1827678' class='answer   answerof-472897 ' value='1827678'   \/><label for='answer-id-1827678' id='answer-label-1827678' class=' answer'><span>By linking it directly to the Module.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472897[]' id='answer-id-1827679' class='answer   answerof-472897 ' value='1827679'   \/><label for='answer-id-1827679' id='answer-label-1827679' class=' answer'><span>By instantiating the Block in the Screen.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472897[]' id='answer-id-1827680' class='answer   answerof-472897 ' value='1827680'   \/><label for='answer-id-1827680' id='answer-label-1827680' class=' answer'><span>By directly referencing the Block's JavaScript.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472897[]' id='answer-id-1827681' class='answer   answerof-472897 ' value='1827681'   \/><label for='answer-id-1827681' id='answer-label-1827681' class=' answer'><span>By adding the Block to the Data layer.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-2' style=';'><div id='questionWrap-2'  class='   watupro-question-id-472898'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>2. <\/span>Why should style declarations be created in alphabetical order?<\/div><input type='hidden' name='question_id[]' id='qID_2' value='472898' \/><input type='hidden' id='answerType472898' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472898[]' id='answer-id-1827682' class='answer   answerof-472898 ' value='1827682'   \/><label for='answer-id-1827682' id='answer-label-1827682' class=' answer'><span>To identify duplicate style declarations more easily.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472898[]' id='answer-id-1827683' class='answer   answerof-472898 ' value='1827683'   \/><label for='answer-id-1827683' id='answer-label-1827683' class=' answer'><span>To make the code easier to read for beginners.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472898[]' id='answer-id-1827684' class='answer   answerof-472898 ' value='1827684'   \/><label for='answer-id-1827684' id='answer-label-1827684' class=' answer'><span>To make the code appear more organized.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472898[]' id='answer-id-1827685' class='answer   answerof-472898 ' value='1827685'   \/><label for='answer-id-1827685' id='answer-label-1827685' class=' answer'><span>To follow industry standards for naming conventions.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-3' style=';'><div id='questionWrap-3'  class='   watupro-question-id-472899'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>3. <\/span>Considering the possibility of calling asynchronous Actions in JavaScript codedefined in an OutSystems application, which of the following options is true?<\/div><input type='hidden' name='question_id[]' id='qID_3' value='472899' \/><input type='hidden' id='answerType472899' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472899[]' id='answer-id-1827686' class='answer   answerof-472899 ' value='1827686'   \/><label for='answer-id-1827686' id='answer-label-1827686' class=' answer'><span>The $resolve() function signals either a successful or an unsuccessful execution of an asynchronous Client Action.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472899[]' id='answer-id-1827687' class='answer   answerof-472899 ' value='1827687'   \/><label for='answer-id-1827687' id='answer-label-1827687' class=' answer'><span>The $reject() function will trigger an Exception, when used, which will be handled by the first Exception handler available.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472899[]' id='answer-id-1827688' class='answer   answerof-472899 ' value='1827688'   \/><label for='answer-id-1827688' id='answer-label-1827688' class=' answer'><span>When an asynchronous Client Action is called, its return value is a simple JavaScript object.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472899[]' id='answer-id-1827689' class='answer   answerof-472899 ' value='1827689'   \/><label for='answer-id-1827689' id='answer-label-1827689' class=' answer'><span>A Client Action is only considered asynchronous when the $resolve() or $reject() functions are used in a JavaScript element inside the Action.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-4' style=';'><div id='questionWrap-4'  class='   watupro-question-id-472900'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>4. <\/span>What kind of JavaScript code can be used inside Client Actions?<\/div><input type='hidden' name='question_id[]' id='qID_4' value='472900' \/><input type='hidden' id='answerType472900' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472900[]' id='answer-id-1827690' class='answer   answerof-472900 ' value='1827690'   \/><label for='answer-id-1827690' id='answer-label-1827690' class=' answer'><span>Custom OutSystems JavaScript libraries.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472900[]' id='answer-id-1827691' class='answer   answerof-472900 ' value='1827691'   \/><label for='answer-id-1827691' id='answer-label-1827691' class=' answer'><span>Regular JavaScript code.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472900[]' id='answer-id-1827692' class='answer   answerof-472900 ' value='1827692'   \/><label for='answer-id-1827692' id='answer-label-1827692' class=' answer'><span>JavaScript with inline styles.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472900[]' id='answer-id-1827693' class='answer   answerof-472900 ' value='1827693'   \/><label for='answer-id-1827693' id='answer-label-1827693' class=' answer'><span>Special OutSystems JavaScript syntax.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-5' style=';'><div id='questionWrap-5'  class='   watupro-question-id-472901'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>5. <\/span>What is the correct execution order for JavaScript in OutSystems Reactive applications?<\/div><input type='hidden' name='question_id[]' id='qID_5' value='472901' \/><input type='hidden' id='answerType472901' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472901[]' id='answer-id-1827694' class='answer   answerof-472901 ' value='1827694'   \/><label for='answer-id-1827694' id='answer-label-1827694' class=' answer'><span>Screen, Module, Block<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472901[]' id='answer-id-1827695' class='answer   answerof-472901 ' value='1827695'   \/><label for='answer-id-1827695' id='answer-label-1827695' class=' answer'><span>Module, Screen, Block<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472901[]' id='answer-id-1827696' class='answer   answerof-472901 ' value='1827696'   \/><label for='answer-id-1827696' id='answer-label-1827696' class=' answer'><span>Module, Block, Screen<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472901[]' id='answer-id-1827697' class='answer   answerof-472901 ' value='1827697'   \/><label for='answer-id-1827697' id='answer-label-1827697' class=' answer'><span>Block, Screen, Module<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-6' style=';'><div id='questionWrap-6'  class='   watupro-question-id-472902'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>6. <\/span>What is the purpose of the `ApplicationContext` class in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_6' value='472902' \/><input type='hidden' id='answerType472902' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472902[]' id='answer-id-1827698' class='answer   answerof-472902 ' value='1827698'   \/><label for='answer-id-1827698' id='answer-label-1827698' class=' answer'><span>To manage active view components and their state.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472902[]' id='answer-id-1827699' class='answer   answerof-472902 ' value='1827699'   \/><label for='answer-id-1827699' id='answer-label-1827699' class=' answer'><span>To show validation messages and set their values.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472902[]' id='answer-id-1827700' class='answer   answerof-472902 ' value='1827700'   \/><label for='answer-id-1827700' id='answer-label-1827700' class=' answer'><span>To handle events triggered during application load status changes.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472902[]' id='answer-id-1827701' class='answer   answerof-472902 ' value='1827701'   \/><label for='answer-id-1827701' id='answer-label-1827701' class=' answer'><span>To provide contextual information about the screen, module, and application.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-7' style=';'><div id='questionWrap-7'  class='   watupro-question-id-472903'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>7. <\/span>What is a benefit of using shorthand for CSS declarations?<\/div><input type='hidden' name='question_id[]' id='qID_7' value='472903' \/><input type='hidden' id='answerType472903' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472903[]' id='answer-id-1827702' class='answer   answerof-472903 ' value='1827702'   \/><label for='answer-id-1827702' id='answer-label-1827702' class=' answer'><span>It improves browser compatibility.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472903[]' id='answer-id-1827703' class='answer   answerof-472903 ' value='1827703'   \/><label for='answer-id-1827703' id='answer-label-1827703' class=' answer'><span>It allows for faster debugging in Service Studio.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472903[]' id='answer-id-1827704' class='answer   answerof-472903 ' value='1827704'   \/><label for='answer-id-1827704' id='answer-label-1827704' class=' answer'><span>It reduces the overall size of the CSS code.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472903[]' id='answer-id-1827705' class='answer   answerof-472903 ' value='1827705'   \/><label for='answer-id-1827705' id='answer-label-1827705' class=' answer'><span>It makes CSS easier to understand for beginners.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-8' style=';'><div id='questionWrap-8'  class='   watupro-question-id-472904'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>8. <\/span>What is the correct order of style sheet loading in OutSystems screens?<\/div><input type='hidden' name='question_id[]' id='qID_8' value='472904' \/><input type='hidden' id='answerType472904' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472904[]' id='answer-id-1827706' class='answer   answerof-472904 ' value='1827706'   \/><label for='answer-id-1827706' id='answer-label-1827706' class=' answer'><span>Blocks, Screens, Theme<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472904[]' id='answer-id-1827707' class='answer   answerof-472904 ' value='1827707'   \/><label for='answer-id-1827707' id='answer-label-1827707' class=' answer'><span>Blocks, Theme, Screens<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472904[]' id='answer-id-1827708' class='answer   answerof-472904 ' value='1827708'   \/><label for='answer-id-1827708' id='answer-label-1827708' class=' answer'><span>Theme, Screens, Blocks<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472904[]' id='answer-id-1827709' class='answer   answerof-472904 ' value='1827709'   \/><label for='answer-id-1827709' id='answer-label-1827709' class=' answer'><span>Screens, Theme, Blocks<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-9' style=';'><div id='questionWrap-9'  class='   watupro-question-id-472905'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>9. <\/span>What determines the priority of styles in Service Studio CSS Order?<\/div><input type='hidden' name='question_id[]' id='qID_9' value='472905' \/><input type='hidden' id='answerType472905' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472905[]' id='answer-id-1827710' class='answer   answerof-472905 ' value='1827710'   \/><label for='answer-id-1827710' id='answer-label-1827710' class=' answer'><span>The order in which screens are rendered.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472905[]' id='answer-id-1827711' class='answer   answerof-472905 ' value='1827711'   \/><label for='answer-id-1827711' id='answer-label-1827711' class=' answer'><span>The specificity of the styles.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472905[]' id='answer-id-1827712' class='answer   answerof-472905 ' value='1827712'   \/><label for='answer-id-1827712' id='answer-label-1827712' class=' answer'><span>The order in which styles are listed in the stylesheet.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472905[]' id='answer-id-1827713' class='answer   answerof-472905 ' value='1827713'   \/><label for='answer-id-1827713' id='answer-label-1827713' class=' answer'><span>The last style sheet defined in the Block.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-10' style=';'><div id='questionWrap-10'  class='   watupro-question-id-472906'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>10. <\/span>Which of the following CSS preprocessors are supported by OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_10' value='472906' \/><input type='hidden' id='answerType472906' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472906[]' id='answer-id-1827714' class='answer   answerof-472906 ' value='1827714'   \/><label for='answer-id-1827714' id='answer-label-1827714' class=' answer'><span>LESS<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472906[]' id='answer-id-1827715' class='answer   answerof-472906 ' value='1827715'   \/><label for='answer-id-1827715' id='answer-label-1827715' class=' answer'><span>Sass<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472906[]' id='answer-id-1827716' class='answer   answerof-472906 ' value='1827716'   \/><label for='answer-id-1827716' id='answer-label-1827716' class=' answer'><span>None<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472906[]' id='answer-id-1827717' class='answer   answerof-472906 ' value='1827717'   \/><label for='answer-id-1827717' id='answer-label-1827717' class=' answer'><span>Both Sass and LESS<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-11' style=';'><div id='questionWrap-11'  class='   watupro-question-id-472907'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>11. <\/span>How can you call OutSystems-specific actions in JavaScript?<\/div><input type='hidden' name='question_id[]' id='qID_11' value='472907' \/><input type='hidden' id='answerType472907' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472907[]' id='answer-id-1827718' class='answer   answerof-472907 ' value='1827718'   \/><label for='answer-id-1827718' id='answer-label-1827718' class=' answer'><span>By creating new API modules.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472907[]' id='answer-id-1827719' class='answer   answerof-472907 ' value='1827719'   \/><label for='answer-id-1827719' id='answer-label-1827719' class=' answer'><span>By using custom JavaScript libraries.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472907[]' id='answer-id-1827720' class='answer   answerof-472907 ' value='1827720'   \/><label for='answer-id-1827720' id='answer-label-1827720' class=' answer'><span>By importing modules into JavaScriptNode.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472907[]' id='answer-id-1827721' class='answer   answerof-472907 ' value='1827721'   \/><label for='answer-id-1827721' id='answer-label-1827721' class=' answer'><span>By using the `$public` object and API modules.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-12' style=';'><div id='questionWrap-12'  class='   watupro-question-id-472908'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>12. <\/span>What action is used to add a script to a module in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_12' value='472908' \/><input type='hidden' id='answerType472908' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472908[]' id='answer-id-1827722' class='answer   answerof-472908 ' value='1827722'   \/><label for='answer-id-1827722' id='answer-label-1827722' class=' answer'><span>By using the 'Import Script' option.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472908[]' id='answer-id-1827723' class='answer   answerof-472908 ' value='1827723'   \/><label for='answer-id-1827723' id='answer-label-1827723' class=' answer'><span>By directly referencing it in the CSS layer.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472908[]' id='answer-id-1827724' class='answer   answerof-472908 ' value='1827724'   \/><label for='answer-id-1827724' id='answer-label-1827724' class=' answer'><span>By writing the script directly in the Logic layer.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472908[]' id='answer-id-1827725' class='answer   answerof-472908 ' value='1827725'   \/><label for='answer-id-1827725' id='answer-label-1827725' class=' answer'><span>By linking it in the Processes tab.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-13' style=';'><div id='questionWrap-13'  class='   watupro-question-id-472909'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>13. <\/span>What is the purpose of the 'Required Scripts' field in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_13' value='472909' \/><input type='hidden' id='answerType472909' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472909[]' id='answer-id-1827726' class='answer   answerof-472909 ' value='1827726'   \/><label for='answer-id-1827726' id='answer-label-1827726' class=' answer'><span>To specify dependencies on other scripts.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472909[]' id='answer-id-1827727' class='answer   answerof-472909 ' value='1827727'   \/><label for='answer-id-1827727' id='answer-label-1827727' class=' answer'><span>To define the script's runtime path.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472909[]' id='answer-id-1827728' class='answer   answerof-472909 ' value='1827728'   \/><label for='answer-id-1827728' id='answer-label-1827728' class=' answer'><span>To define the script's visibility.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472909[]' id='answer-id-1827729' class='answer   answerof-472909 ' value='1827729'   \/><label for='answer-id-1827729' id='answer-label-1827729' class=' answer'><span>To document the script for debugging purposes.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-14' style=';'><div id='questionWrap-14'  class='   watupro-question-id-472910'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>14. <\/span>Which component in the style guide architecture provides UI patterns and the base theme?<\/div><input type='hidden' name='question_id[]' id='qID_14' value='472910' \/><input type='hidden' id='answerType472910' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472910[]' id='answer-id-1827730' class='answer   answerof-472910 ' value='1827730'   \/><label for='answer-id-1827730' id='answer-label-1827730' class=' answer'><span>Theme<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472910[]' id='answer-id-1827731' class='answer   answerof-472910 ' value='1827731'   \/><label for='answer-id-1827731' id='answer-label-1827731' class=' answer'><span>OutSystems UI<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472910[]' id='answer-id-1827732' class='answer   answerof-472910 ' value='1827732'   \/><label for='answer-id-1827732' id='answer-label-1827732' class=' answer'><span>Live Style Guide<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472910[]' id='answer-id-1827733' class='answer   answerof-472910 ' value='1827733'   \/><label for='answer-id-1827733' id='answer-label-1827733' class=' answer'><span>Base Theme.css<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-15' style=';'><div id='questionWrap-15'  class='   watupro-question-id-472911'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>15. <\/span>A PanelBlock is being used across multiple Screens in an app. Within the Block\u2019s structure, there are predefined placeholders, including ActionsRight and ContentPh. <br \/>\r<br>When using this Block in a parent Screen, what can the developer modify?<\/div><input type='hidden' name='question_id[]' id='qID_15' value='472911' \/><input type='hidden' id='answerType472911' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472911[]' id='answer-id-1827734' class='answer   answerof-472911 ' value='1827734'   \/><label for='answer-id-1827734' id='answer-label-1827734' class=' answer'><span>The developer can only add elements to the ActionsRight placeholder.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472911[]' id='answer-id-1827735' class='answer   answerof-472911 ' value='1827735'   \/><label for='answer-id-1827735' id='answer-label-1827735' class=' answer'><span>The developer can hide the heading3 and Footer Containers.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472911[]' id='answer-id-1827736' class='answer   answerof-472911 ' value='1827736'   \/><label for='answer-id-1827736' id='answer-label-1827736' class=' answer'><span>Nothing. The structure and elements in the Block can only be modified or adapted in the context of the Block.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472911[]' id='answer-id-1827737' class='answer   answerof-472911 ' value='1827737'   \/><label for='answer-id-1827737' id='answer-label-1827737' class=' answer'><span>The developer can add to or remove elements from the ActionsRight and ContentPh placeholders.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-16' style=';'><div id='questionWrap-16'  class='   watupro-question-id-472912'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>16. <\/span>What happens when multiple style sheets define the same class in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_16' value='472912' \/><input type='hidden' id='answerType472912' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472912[]' id='answer-id-1827738' class='answer   answerof-472912 ' value='1827738'   \/><label for='answer-id-1827738' id='answer-label-1827738' class=' answer'><span>The definitions are merged.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472912[]' id='answer-id-1827739' class='answer   answerof-472912 ' value='1827739'   \/><label for='answer-id-1827739' id='answer-label-1827739' class=' answer'><span>All definitions are applied equally.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472912[]' id='answer-id-1827740' class='answer   answerof-472912 ' value='1827740'   \/><label for='answer-id-1827740' id='answer-label-1827740' class=' answer'><span>The last definition in the list takes priority.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472912[]' id='answer-id-1827741' class='answer   answerof-472912 ' value='1827741'   \/><label for='answer-id-1827741' id='answer-label-1827741' class=' answer'><span>The first definition in the list takes priority.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-17' style=';'><div id='questionWrap-17'  class='   watupro-question-id-472913'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>17. <\/span>In the OutSystems CSS Hierarchy, which style sheet is applied first?<\/div><input type='hidden' name='question_id[]' id='qID_17' value='472913' \/><input type='hidden' id='answerType472913' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472913[]' id='answer-id-1827742' class='answer   answerof-472913 ' value='1827742'   \/><label for='answer-id-1827742' id='answer-label-1827742' class=' answer'><span>Theme Editor Style Sheet<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472913[]' id='answer-id-1827743' class='answer   answerof-472913 ' value='1827743'   \/><label for='answer-id-1827743' id='answer-label-1827743' class=' answer'><span>Module Style Sheet<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472913[]' id='answer-id-1827744' class='answer   answerof-472913 ' value='1827744'   \/><label for='answer-id-1827744' id='answer-label-1827744' class=' answer'><span>System Style Sheet<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472913[]' id='answer-id-1827745' class='answer   answerof-472913 ' value='1827745'   \/><label for='answer-id-1827745' id='answer-label-1827745' class=' answer'><span>Inline Styles<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-18' style=';'><div id='questionWrap-18'  class='   watupro-question-id-472914'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>18. <\/span>Where can JavaScript be added and executed in OutSystems Reactive applications?<\/div><input type='hidden' name='question_id[]' id='qID_18' value='472914' \/><input type='hidden' id='answerType472914' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472914[]' id='answer-id-1827746' class='answer   answerof-472914 ' value='1827746'   \/><label for='answer-id-1827746' id='answer-label-1827746' class=' answer'><span>Only in Screens.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472914[]' id='answer-id-1827747' class='answer   answerof-472914 ' value='1827747'   \/><label for='answer-id-1827747' id='answer-label-1827747' class=' answer'><span>Only in the Logic layer.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472914[]' id='answer-id-1827748' class='answer   answerof-472914 ' value='1827748'   \/><label for='answer-id-1827748' id='answer-label-1827748' class=' answer'><span>Only in Client Actions.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472914[]' id='answer-id-1827749' class='answer   answerof-472914 ' value='1827749'   \/><label for='answer-id-1827749' id='answer-label-1827749' class=' answer'><span>In Client Actions and Global Client Actions.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-19' style=';'><div id='questionWrap-19'  class='   watupro-question-id-472915'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>19. <\/span>Consider the scenario in the next image, where the DirectoryTh Theme is the default module theme, and the ItemBlock is used in the Items Screen. <br \/>\r<br>Knowing that no other Theme is used in the module, what is the correct style for the Item Container in the Items Screen? <br \/>\r<br><br><img decoding=\"async\" width=648 height=356 id=\"\u56fe\u7247 2\" src=\"https:\/\/www.dumpsbase.com\/freedumps\/wp-content\/uploads\/2026\/04\/image002-2.png\"><br><\/div><input type='hidden' name='question_id[]' id='qID_19' value='472915' \/><input type='hidden' id='answerType472915' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472915[]' id='answer-id-1827750' class='answer   answerof-472915 ' value='1827750'   \/><label for='answer-id-1827750' id='answer-label-1827750' class=' answer'><span>Background color will be black and the text color will be white.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472915[]' id='answer-id-1827751' class='answer   answerof-472915 ' value='1827751'   \/><label for='answer-id-1827751' id='answer-label-1827751' class=' answer'><span>Background color will be black and the text color will be the default one.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472915[]' id='answer-id-1827752' class='answer   answerof-472915 ' value='1827752'   \/><label for='answer-id-1827752' id='answer-label-1827752' class=' answer'><span>Background color will be blue and the text color will be white.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472915[]' id='answer-id-1827753' class='answer   answerof-472915 ' value='1827753'   \/><label for='answer-id-1827753' id='answer-label-1827753' class=' answer'><span>Background color will be red and the text color will be blue.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-20' style=';'><div id='questionWrap-20'  class='   watupro-question-id-472916'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>20. <\/span>What CSS layout technique is recommended for building patterns in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_20' value='472916' \/><input type='hidden' id='answerType472916' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472916[]' id='answer-id-1827754' class='answer   answerof-472916 ' value='1827754'   \/><label for='answer-id-1827754' id='answer-label-1827754' class=' answer'><span>Rely solely on inline styles for patterns.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472916[]' id='answer-id-1827755' class='answer   answerof-472916 ' value='1827755'   \/><label for='answer-id-1827755' id='answer-label-1827755' class=' answer'><span>Use Grid for all layouts.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472916[]' id='answer-id-1827756' class='answer   answerof-472916 ' value='1827756'   \/><label for='answer-id-1827756' id='answer-label-1827756' class=' answer'><span>Avoid using both Grid and Flexbox together.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472916[]' id='answer-id-1827757' class='answer   answerof-472916 ' value='1827757'   \/><label for='answer-id-1827757' id='answer-label-1827757' class=' answer'><span>Utilize Flexbox to build patterns.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-21' style=';'><div id='questionWrap-21'  class='   watupro-question-id-472917'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>21. <\/span>What is the purpose of the `$public` object in OutSystems JavaScript APIs?<\/div><input type='hidden' name='question_id[]' id='qID_21' value='472917' \/><input type='hidden' id='answerType472917' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472917[]' id='answer-id-1827758' class='answer   answerof-472917 ' value='1827758'   \/><label for='answer-id-1827758' id='answer-label-1827758' class=' answer'><span>To manage JavaScript events.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472917[]' id='answer-id-1827759' class='answer   answerof-472917 ' value='1827759'   \/><label for='answer-id-1827759' id='answer-label-1827759' class=' answer'><span>To override existing API modules.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472917[]' id='answer-id-1827760' class='answer   answerof-472917 ' value='1827760'   \/><label for='answer-id-1827760' id='answer-label-1827760' class=' answer'><span>To access predefined API modules.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472917[]' id='answer-id-1827761' class='answer   answerof-472917 ' value='1827761'   \/><label for='answer-id-1827761' id='answer-label-1827761' class=' answer'><span>To define custom JavaScript variables.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-22' style=';'><div id='questionWrap-22'  class='   watupro-question-id-472918'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>22. <\/span>Which class in OutSystems is used to handle navigation, including history and back actions?<\/div><input type='hidden' name='question_id[]' id='qID_22' value='472918' \/><input type='hidden' id='answerType472918' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472918[]' id='answer-id-1827762' class='answer   answerof-472918 ' value='1827762'   \/><label for='answer-id-1827762' id='answer-label-1827762' class=' answer'><span>ApplicationContext<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472918[]' id='answer-id-1827763' class='answer   answerof-472918 ' value='1827763'   \/><label for='answer-id-1827763' id='answer-label-1827763' class=' answer'><span>Navigation<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472918[]' id='answer-id-1827764' class='answer   answerof-472918 ' value='1827764'   \/><label for='answer-id-1827764' id='answer-label-1827764' class=' answer'><span>View<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472918[]' id='answer-id-1827765' class='answer   answerof-472918 ' value='1827765'   \/><label for='answer-id-1827765' id='answer-label-1827765' class=' answer'><span>Validation<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-23' style=';'><div id='questionWrap-23'  class='   watupro-question-id-472919'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>23. <\/span>An element using the class 'text-primary' has its color defined in the module theme stylesheet as green. If the primary color is changed to red using the Theme Editor, what will be the primary color?<\/div><input type='hidden' name='question_id[]' id='qID_23' value='472919' \/><input type='hidden' id='answerType472919' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472919[]' id='answer-id-1827766' class='answer   answerof-472919 ' value='1827766'   \/><label for='answer-id-1827766' id='answer-label-1827766' class=' answer'><span>Red, because the primary color in the Theme Editor always takes precedence.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472919[]' id='answer-id-1827767' class='answer   answerof-472919 ' value='1827767'   \/><label for='answer-id-1827767' id='answer-label-1827767' class=' answer'><span>Red, because the Theme Editor overrides the module theme.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472919[]' id='answer-id-1827768' class='answer   answerof-472919 ' value='1827768'   \/><label for='answer-id-1827768' id='answer-label-1827768' class=' answer'><span>Green, because the Theme Editor does not affect the primary color.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472919[]' id='answer-id-1827769' class='answer   answerof-472919 ' value='1827769'   \/><label for='answer-id-1827769' id='answer-label-1827769' class=' answer'><span>Green, because the module theme stylesheet overrides the Theme Editor's styles.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-24' style=';'><div id='questionWrap-24'  class='   watupro-question-id-472920'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>24. <\/span>What is the purpose of the `$actions` object in OutSystems JavaScript?<\/div><input type='hidden' name='question_id[]' id='qID_24' value='472920' \/><input type='hidden' id='answerType472920' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472920[]' id='answer-id-1827770' class='answer   answerof-472920 ' value='1827770'   \/><label for='answer-id-1827770' id='answer-label-1827770' class=' answer'><span>To define global variables.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472920[]' id='answer-id-1827771' class='answer   answerof-472920 ' value='1827771'   \/><label for='answer-id-1827771' id='answer-label-1827771' class=' answer'><span>To dynamically create HTML elements.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472920[]' id='answer-id-1827772' class='answer   answerof-472920 ' value='1827772'   \/><label for='answer-id-1827772' id='answer-label-1827772' class=' answer'><span>To call Client Actions synchronously or asynchronously.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472920[]' id='answer-id-1827773' class='answer   answerof-472920 ' value='1827773'   \/><label for='answer-id-1827773' id='answer-label-1827773' class=' answer'><span>To handle screen-specific logic.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-25' style=';'><div id='questionWrap-25'  class='   watupro-question-id-472921'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>25. <\/span>What is the recommended approach for making global style changes in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_25' value='472921' \/><input type='hidden' id='answerType472921' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472921[]' id='answer-id-1827774' class='answer   answerof-472921 ' value='1827774'   \/><label for='answer-id-1827774' id='answer-label-1827774' class=' answer'><span>Use inline styles sparingly.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472921[]' id='answer-id-1827775' class='answer   answerof-472921 ' value='1827775'   \/><label for='answer-id-1827775' id='answer-label-1827775' class=' answer'><span>Edit individual style rules across components.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472921[]' id='answer-id-1827776' class='answer   answerof-472921 ' value='1827776'   \/><label for='answer-id-1827776' id='answer-label-1827776' class=' answer'><span>Make edits to CSS variables.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472921[]' id='answer-id-1827777' class='answer   answerof-472921 ' value='1827777'   \/><label for='answer-id-1827777' id='answer-label-1827777' class=' answer'><span>Reuse existing styles instead.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-26' style=';'><div id='questionWrap-26'  class='   watupro-question-id-472922'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>26. <\/span>Why should you avoid using classes with an element selector before the class in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_26' value='472922' \/><input type='hidden' id='answerType472922' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472922[]' id='answer-id-1827778' class='answer   answerof-472922 ' value='1827778'   \/><label for='answer-id-1827778' id='answer-label-1827778' class=' answer'><span>To make the CSS more compatible with preprocessors like Sass.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472922[]' id='answer-id-1827779' class='answer   answerof-472922 ' value='1827779'   \/><label for='answer-id-1827779' id='answer-label-1827779' class=' answer'><span>To ensure compatibility with all browsers.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472922[]' id='answer-id-1827780' class='answer   answerof-472922 ' value='1827780'   \/><label for='answer-id-1827780' id='answer-label-1827780' class=' answer'><span>To prevent conflicts with default OutSystems styles.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472922[]' id='answer-id-1827781' class='answer   answerof-472922 ' value='1827781'   \/><label for='answer-id-1827781' id='answer-label-1827781' class=' answer'><span>To avoid increasing specificity unnecessarily.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-27' style=';'><div id='questionWrap-27'  class='   watupro-question-id-472923'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>27. <\/span>Why is it recommended to avoid using `!important` in CSS?<\/div><input type='hidden' name='question_id[]' id='qID_27' value='472923' \/><input type='hidden' id='answerType472923' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472923[]' id='answer-id-1827782' class='answer   answerof-472923 ' value='1827782'   \/><label for='answer-id-1827782' id='answer-label-1827782' class=' answer'><span>It overrides all other rules, causing maintenance issues.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472923[]' id='answer-id-1827783' class='answer   answerof-472923 ' value='1827783'   \/><label for='answer-id-1827783' id='answer-label-1827783' class=' answer'><span>It makes styles non-specific and hard to debug.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472923[]' id='answer-id-1827784' class='answer   answerof-472923 ' value='1827784'   \/><label for='answer-id-1827784' id='answer-label-1827784' class=' answer'><span>It reduces the readability of the code.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472923[]' id='answer-id-1827785' class='answer   answerof-472923 ' value='1827785'   \/><label for='answer-id-1827785' id='answer-label-1827785' class=' answer'><span>It is required for all CSS preprocessors.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-28' style=';'><div id='questionWrap-28'  class='   watupro-question-id-472924'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>28. <\/span>What is the purpose of the 'Required Scripts' field in OutSystems Modules, Blocks, and Screens?<\/div><input type='hidden' name='question_id[]' id='qID_28' value='472924' \/><input type='hidden' id='answerType472924' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472924[]' id='answer-id-1827786' class='answer   answerof-472924 ' value='1827786'   \/><label for='answer-id-1827786' id='answer-label-1827786' class=' answer'><span>To define runtime paths for scripts.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472924[]' id='answer-id-1827787' class='answer   answerof-472924 ' value='1827787'   \/><label for='answer-id-1827787' id='answer-label-1827787' class=' answer'><span>To specify dependencies on other scripts.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472924[]' id='answer-id-1827788' class='answer   answerof-472924 ' value='1827788'   \/><label for='answer-id-1827788' id='answer-label-1827788' class=' answer'><span>To define the scope of script execution.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472924[]' id='answer-id-1827789' class='answer   answerof-472924 ' value='1827789'   \/><label for='answer-id-1827789' id='answer-label-1827789' class=' answer'><span>To make scripts public.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-29' style=';'><div id='questionWrap-29'  class='   watupro-question-id-472925'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>29. <\/span>What is the recommended practice for formatting CSS property-value pairs in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_29' value='472925' \/><input type='hidden' id='answerType472925' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472925[]' id='answer-id-1827790' class='answer   answerof-472925 ' value='1827790'   \/><label for='answer-id-1827790' id='answer-label-1827790' class=' answer'><span>Write the property on one line and the value on another.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472925[]' id='answer-id-1827791' class='answer   answerof-472925 ' value='1827791'   \/><label for='answer-id-1827791' id='answer-label-1827791' class=' answer'><span>Write the property and value without any spaces.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472925[]' id='answer-id-1827792' class='answer   answerof-472925 ' value='1827792'   \/><label for='answer-id-1827792' id='answer-label-1827792' class=' answer'><span>Add a single space between the property and the value.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472925[]' id='answer-id-1827793' class='answer   answerof-472925 ' value='1827793'   \/><label for='answer-id-1827793' id='answer-label-1827793' class=' answer'><span>Omit the property name to simplify the CS<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-30' style=';'><div id='questionWrap-30'  class='   watupro-question-id-472926'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>30. <\/span>Where does JavaScript defined in a Block need to be instantiated for execution in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_30' value='472926' \/><input type='hidden' id='answerType472926' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472926[]' id='answer-id-1827794' class='answer   answerof-472926 ' value='1827794'   \/><label for='answer-id-1827794' id='answer-label-1827794' class=' answer'><span>In a Screen.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472926[]' id='answer-id-1827795' class='answer   answerof-472926 ' value='1827795'   \/><label for='answer-id-1827795' id='answer-label-1827795' class=' answer'><span>In another Block.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472926[]' id='answer-id-1827796' class='answer   answerof-472926 ' value='1827796'   \/><label for='answer-id-1827796' id='answer-label-1827796' class=' answer'><span>In the Logic layer.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472926[]' id='answer-id-1827797' class='answer   answerof-472926 ' value='1827797'   \/><label for='answer-id-1827797' id='answer-label-1827797' class=' answer'><span>In the Data layer.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-31' style=';'><div id='questionWrap-31'  class='   watupro-question-id-472927'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>31. <\/span>Which methods are available under the `FeedbackMessage` module in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_31' value='472927' \/><input type='hidden' id='answerType472927' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472927[]' id='answer-id-1827798' class='answer   answerof-472927 ' value='1827798'   \/><label for='answer-id-1827798' id='answer-label-1827798' class=' answer'><span>closeErrorMessage and closeFeedbackMessage.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472927[]' id='answer-id-1827799' class='answer   answerof-472927 ' value='1827799'   \/><label for='answer-id-1827799' id='answer-label-1827799' class=' answer'><span>showErrorMessage and showFeedbackMessage.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472927[]' id='answer-id-1827800' class='answer   answerof-472927 ' value='1827800'   \/><label for='answer-id-1827800' id='answer-label-1827800' class=' answer'><span>closeFeedbackMessage and showFeedbackMessage.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472927[]' id='answer-id-1827801' class='answer   answerof-472927 ' value='1827801'   \/><label for='answer-id-1827801' id='answer-label-1827801' class=' answer'><span>closeFeedbackMessage and updateFeedbackMessage.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-32' style=';'><div id='questionWrap-32'  class='   watupro-question-id-472928'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>32. <\/span>What is the primary purpose of the App.css file in the style guide architecture?<\/div><input type='hidden' name='question_id[]' id='qID_32' value='472928' \/><input type='hidden' id='answerType472928' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472928[]' id='answer-id-1827802' class='answer   answerof-472928 ' value='1827802'   \/><label for='answer-id-1827802' id='answer-label-1827802' class=' answer'><span>To enable dynamic styling across apps.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472928[]' id='answer-id-1827803' class='answer   answerof-472928 ' value='1827803'   \/><label for='answer-id-1827803' id='answer-label-1827803' class=' answer'><span>To manage UI patterns and layouts centrally.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472928[]' id='answer-id-1827804' class='answer   answerof-472928 ' value='1827804'   \/><label for='answer-id-1827804' id='answer-label-1827804' class=' answer'><span>To provide styles specific to each application.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472928[]' id='answer-id-1827805' class='answer   answerof-472928 ' value='1827805'   \/><label for='answer-id-1827805' id='answer-label-1827805' class=' answer'><span>To define themes for multiple applications.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-33' style=';'><div id='questionWrap-33'  class='   watupro-question-id-472929'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>33. <\/span>A set of applications uses a company's theme as a base, which itself uses the OutSystems theme. <br \/>\r<br>The company wants to add new styles and looks &amp; feels (beyond those already in the company's theme) to a subset of pages (e.g., a portal). <br \/>\r<br>What is the best way to achieve this?<\/div><input type='hidden' name='question_id[]' id='qID_33' value='472929' \/><input type='hidden' id='answerType472929' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472929[]' id='answer-id-1827806' class='answer   answerof-472929 ' value='1827806'   \/><label for='answer-id-1827806' id='answer-label-1827806' class=' answer'><span>Create inline styles for the new pages to apply the new styles directly.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472929[]' id='answer-id-1827807' class='answer   answerof-472929 ' value='1827807'   \/><label for='answer-id-1827807' id='answer-label-1827807' class=' answer'><span>Create a new theme based on the company's theme and modify it as needed. Assign this new theme to the relevant pages.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472929[]' id='answer-id-1827808' class='answer   answerof-472929 ' value='1827808'   \/><label for='answer-id-1827808' id='answer-label-1827808' class=' answer'><span>Modify the existing company's theme to include the new styles and apply it to all pages.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472929[]' id='answer-id-1827809' class='answer   answerof-472929 ' value='1827809'   \/><label for='answer-id-1827809' id='answer-label-1827809' class=' answer'><span>Add the new styles directly to the OutSystems theme and apply it to the portal.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-34' style=';'><div id='questionWrap-34'  class='   watupro-question-id-472930'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>34. <\/span>What is required to execute JavaScript on demand in a Screen in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_34' value='472930' \/><input type='hidden' id='answerType472930' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472930[]' id='answer-id-1827810' class='answer   answerof-472930 ' value='1827810'   \/><label for='answer-id-1827810' id='answer-label-1827810' class=' answer'><span>A Custom JavaScript library.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472930[]' id='answer-id-1827811' class='answer   answerof-472930 ' value='1827811'   \/><label for='answer-id-1827811' id='answer-label-1827811' class=' answer'><span>A Server Action.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472930[]' id='answer-id-1827812' class='answer   answerof-472930 ' value='1827812'   \/><label for='answer-id-1827812' id='answer-label-1827812' class=' answer'><span>A Screen Refresh.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472930[]' id='answer-id-1827813' class='answer   answerof-472930 ' value='1827813'   \/><label for='answer-id-1827813' id='answer-label-1827813' class=' answer'><span>A JavaScript node in Client Actions.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-35' style=';'><div id='questionWrap-35'  class='   watupro-question-id-472931'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>35. <\/span>What are Client Actions in OutSystems Reactive applications equivalent to?<\/div><input type='hidden' name='question_id[]' id='qID_35' value='472931' \/><input type='hidden' id='answerType472931' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472931[]' id='answer-id-1827814' class='answer   answerof-472931 ' value='1827814'   \/><label for='answer-id-1827814' id='answer-label-1827814' class=' answer'><span>Functions<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472931[]' id='answer-id-1827815' class='answer   answerof-472931 ' value='1827815'   \/><label for='answer-id-1827815' id='answer-label-1827815' class=' answer'><span>Objects<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472931[]' id='answer-id-1827816' class='answer   answerof-472931 ' value='1827816'   \/><label for='answer-id-1827816' id='answer-label-1827816' class=' answer'><span>Methods<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472931[]' id='answer-id-1827817' class='answer   answerof-472931 ' value='1827817'   \/><label for='answer-id-1827817' id='answer-label-1827817' class=' answer'><span>Variables<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-36' style=';'><div id='questionWrap-36'  class='   watupro-question-id-472932'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>36. <\/span>What does the JavaScriptNode in Client Actions allow you to do?<\/div><input type='hidden' name='question_id[]' id='qID_36' value='472932' \/><input type='hidden' id='answerType472932' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472932[]' id='answer-id-1827818' class='answer   answerof-472932 ' value='1827818'   \/><label for='answer-id-1827818' id='answer-label-1827818' class=' answer'><span>To link JavaScript Blocks across modules.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472932[]' id='answer-id-1827819' class='answer   answerof-472932 ' value='1827819'   \/><label for='answer-id-1827819' id='answer-label-1827819' class=' answer'><span>To define global JavaScript variables.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472932[]' id='answer-id-1827820' class='answer   answerof-472932 ' value='1827820'   \/><label for='answer-id-1827820' id='answer-label-1827820' class=' answer'><span>To run JavaScript code within Client Actions.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472932[]' id='answer-id-1827821' class='answer   answerof-472932 ' value='1827821'   \/><label for='answer-id-1827821' id='answer-label-1827821' class=' answer'><span>To add custom scripts directly to the Logic layer.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-37' style=';'><div id='questionWrap-37'  class='   watupro-question-id-472933'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>37. <\/span>What is required to execute JavaScript within a Block in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_37' value='472933' \/><input type='hidden' id='answerType472933' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472933[]' id='answer-id-1827822' class='answer   answerof-472933 ' value='1827822'   \/><label for='answer-id-1827822' id='answer-label-1827822' class=' answer'><span>The Block must include a Server Action.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472933[]' id='answer-id-1827823' class='answer   answerof-472933 ' value='1827823'   \/><label for='answer-id-1827823' id='answer-label-1827823' class=' answer'><span>The Block must be set as public.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472933[]' id='answer-id-1827824' class='answer   answerof-472933 ' value='1827824'   \/><label for='answer-id-1827824' id='answer-label-1827824' class=' answer'><span>The Block must be instantiated in a Screen.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472933[]' id='answer-id-1827825' class='answer   answerof-472933 ' value='1827825'   \/><label for='answer-id-1827825' id='answer-label-1827825' class=' answer'><span>The Block must include a Client Action.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-38' style=';'><div id='questionWrap-38'  class='   watupro-question-id-472934'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>38. <\/span>Which style sheet in OutSystems has the highest precedence?<\/div><input type='hidden' name='question_id[]' id='qID_38' value='472934' \/><input type='hidden' id='answerType472934' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472934[]' id='answer-id-1827826' class='answer   answerof-472934 ' value='1827826'   \/><label for='answer-id-1827826' id='answer-label-1827826' class=' answer'><span>Theme<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472934[]' id='answer-id-1827827' class='answer   answerof-472934 ' value='1827827'   \/><label for='answer-id-1827827' id='answer-label-1827827' class=' answer'><span>Screens<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472934[]' id='answer-id-1827828' class='answer   answerof-472934 ' value='1827828'   \/><label for='answer-id-1827828' id='answer-label-1827828' class=' answer'><span>System Style Sheets<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472934[]' id='answer-id-1827829' class='answer   answerof-472934 ' value='1827829'   \/><label for='answer-id-1827829' id='answer-label-1827829' class=' answer'><span>Blocks<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-39' style=';'><div id='questionWrap-39'  class='   watupro-question-id-472935'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>39. <\/span>What is the role of the Live Style Guide in OutSystems style guide architecture?<\/div><input type='hidden' name='question_id[]' id='qID_39' value='472935' \/><input type='hidden' id='answerType472935' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472935[]' id='answer-id-1827830' class='answer   answerof-472935 ' value='1827830'   \/><label for='answer-id-1827830' id='answer-label-1827830' class=' answer'><span>It overrides the OutSystems UI styles.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472935[]' id='answer-id-1827831' class='answer   answerof-472935 ' value='1827831'   \/><label for='answer-id-1827831' id='answer-label-1827831' class=' answer'><span>It provides templates and layout definitions.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472935[]' id='answer-id-1827832' class='answer   answerof-472935 ' value='1827832'   \/><label for='answer-id-1827832' id='answer-label-1827832' class=' answer'><span>It defines global styles for all applications.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472935[]' id='answer-id-1827833' class='answer   answerof-472935 ' value='1827833'   \/><label for='answer-id-1827833' id='answer-label-1827833' class=' answer'><span>It stores images and custom patterns.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-40' style=';'><div id='questionWrap-40'  class='   watupro-question-id-472936'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>40. <\/span>How can inline CSS styles be defined in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_40' value='472936' \/><input type='hidden' id='answerType472936' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472936[]' id='answer-id-1827834' class='answer   answerof-472936 ' value='1827834'   \/><label for='answer-id-1827834' id='answer-label-1827834' class=' answer'><span>Via the attributes section in properties.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472936[]' id='answer-id-1827835' class='answer   answerof-472936 ' value='1827835'   \/><label for='answer-id-1827835' id='answer-label-1827835' class=' answer'><span>Through the Service Studio theme settings.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472936[]' id='answer-id-1827836' class='answer   answerof-472936 ' value='1827836'   \/><label for='answer-id-1827836' id='answer-label-1827836' class=' answer'><span>Using the Style Editor.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472936[]' id='answer-id-1827837' class='answer   answerof-472936 ' value='1827837'   \/><label for='answer-id-1827837' id='answer-label-1827837' class=' answer'><span>By using the Theme Editor.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-41' style=';'><div id='questionWrap-41'  class='   watupro-question-id-472937'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>41. <\/span>When does JavaScript inside Client Actions run in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_41' value='472937' \/><input type='hidden' id='answerType472937' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472937[]' id='answer-id-1827838' class='answer   answerof-472937 ' value='1827838'   \/><label for='answer-id-1827838' id='answer-label-1827838' class=' answer'><span>When the screen is refreshed.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472937[]' id='answer-id-1827839' class='answer   answerof-472937 ' value='1827839'   \/><label for='answer-id-1827839' id='answer-label-1827839' class=' answer'><span>When the actions are executed (event-driven).<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472937[]' id='answer-id-1827840' class='answer   answerof-472937 ' value='1827840'   \/><label for='answer-id-1827840' id='answer-label-1827840' class=' answer'><span>At the end of the screen rendering.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472937[]' id='answer-id-1827841' class='answer   answerof-472937 ' value='1827841'   \/><label for='answer-id-1827841' id='answer-label-1827841' class=' answer'><span>When the module is loaded.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-42' style=';'><div id='questionWrap-42'  class='   watupro-question-id-472938'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>42. <\/span>Which type of style has the highest priority in Service Studio?<\/div><input type='hidden' name='question_id[]' id='qID_42' value='472938' \/><input type='hidden' id='answerType472938' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472938[]' id='answer-id-1827842' class='answer   answerof-472938 ' value='1827842'   \/><label for='answer-id-1827842' id='answer-label-1827842' class=' answer'><span>Inline styles defined in attributes or extended properties.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472938[]' id='answer-id-1827843' class='answer   answerof-472938 ' value='1827843'   \/><label for='answer-id-1827843' id='answer-label-1827843' class=' answer'><span>Theme Editor Style Sheet<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472938[]' id='answer-id-1827844' class='answer   answerof-472938 ' value='1827844'   \/><label for='answer-id-1827844' id='answer-label-1827844' class=' answer'><span>Module Style Sheet<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472938[]' id='answer-id-1827845' class='answer   answerof-472938 ' value='1827845'   \/><label for='answer-id-1827845' id='answer-label-1827845' class=' answer'><span>System Style Sheet<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-43' style=';'><div id='questionWrap-43'  class='   watupro-question-id-472939'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>43. <\/span>How can a script be made reusable in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_43' value='472939' \/><input type='hidden' id='answerType472939' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472939[]' id='answer-id-1827846' class='answer   answerof-472939 ' value='1827846'   \/><label for='answer-id-1827846' id='answer-label-1827846' class=' answer'><span>By adding it to the Data layer.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472939[]' id='answer-id-1827847' class='answer   answerof-472939 ' value='1827847'   \/><label for='answer-id-1827847' id='answer-label-1827847' class=' answer'><span>By setting the script as public.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472939[]' id='answer-id-1827848' class='answer   answerof-472939 ' value='1827848'   \/><label for='answer-id-1827848' id='answer-label-1827848' class=' answer'><span>By setting it as a default script.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472939[]' id='answer-id-1827849' class='answer   answerof-472939 ' value='1827849'   \/><label for='answer-id-1827849' id='answer-label-1827849' class=' answer'><span>By setting the script as private.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-44' style=';'><div id='questionWrap-44'  class='   watupro-question-id-472940'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>44. <\/span>Why are certain names reserved for layout placeholders in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_44' value='472940' \/><input type='hidden' id='answerType472940' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472940[]' id='answer-id-1827850' class='answer   answerof-472940 ' value='1827850'   \/><label for='answer-id-1827850' id='answer-label-1827850' class=' answer'><span>To support dynamic content generation.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472940[]' id='answer-id-1827851' class='answer   answerof-472940 ' value='1827851'   \/><label for='answer-id-1827851' id='answer-label-1827851' class=' answer'><span>To allow customization of layouts.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472940[]' id='answer-id-1827852' class='answer   answerof-472940 ' value='1827852'   \/><label for='answer-id-1827852' id='answer-label-1827852' class=' answer'><span>To ensure scaffolding works properly.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472940[]' id='answer-id-1827853' class='answer   answerof-472940 ' value='1827853'   \/><label for='answer-id-1827853' id='answer-label-1827853' class=' answer'><span>To improve rendering performance.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div class='watu-question ' id='question-45' style=';'><div id='questionWrap-45'  class='   watupro-question-id-472941'>\n\t\t\t<div class='question-content'><div><span class='watupro_num'>45. <\/span>What is the recommended naming convention for CSS classes in OutSystems?<\/div><input type='hidden' name='question_id[]' id='qID_45' value='472941' \/><input type='hidden' id='answerType472941' value='radio'><!-- end question-content--><\/div><div class='question-choices watupro-choices-columns '><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472941[]' id='answer-id-1827854' class='answer   answerof-472941 ' value='1827854'   \/><label for='answer-id-1827854' id='answer-label-1827854' class=' answer'><span>Use camelCase for class names.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472941[]' id='answer-id-1827855' class='answer   answerof-472941 ' value='1827855'   \/><label for='answer-id-1827855' id='answer-label-1827855' class=' answer'><span>Use all lowercase letters with words separated by hyphens.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472941[]' id='answer-id-1827856' class='answer   answerof-472941 ' value='1827856'   \/><label for='answer-id-1827856' id='answer-label-1827856' class=' answer'><span>Use PascalCase for class names.<\/span><\/label><\/div><div class='watupro-question-choice  ' dir='auto' ><input type='radio' name='answer-472941[]' id='answer-id-1827857' class='answer   answerof-472941 ' value='1827857'   \/><label for='answer-id-1827857' id='answer-label-1827857' class=' answer'><span>Use underscores instead of hyphens.<\/span><\/label><\/div><!-- end question-choices--><\/div><!-- end questionWrap--><\/div><\/div><div style='display:none' id='question-46'>\n\t<div class='question-content'>\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dumpsbase.com\/freedumps\/wp-content\/plugins\/watupro\/img\/loading.gif\" width=\"16\" height=\"16\" alt=\"Loading...\" title=\"Loading...\" \/>&nbsp;Loading...\t<\/div>\n<\/div>\n\n<br \/>\n\t\n\t\t\t<div class=\"watupro_buttons flex \" id=\"watuPROButtons12087\" >\n\t\t  <div id=\"prev-question\" style=\"display:none;\"><input type=\"button\" value=\"&lt; Previous\" onclick=\"WatuPRO.nextQuestion(event, 'previous');\"\/><\/div>\t\t  \t\t  \t\t   \n\t\t   \t  \t\t<div><input type=\"button\" name=\"action\" class=\"watupro-submit-button\" onclick=\"WatuPRO.submitResult(event)\" id=\"action-button\" value=\"View Results\"  \/>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\n\t<input type=\"hidden\" name=\"quiz_id\" value=\"12087\" id=\"watuPROExamID\"\/>\n\t<input type=\"hidden\" name=\"start_time\" id=\"startTime\" value=\"2026-05-01 12:43:14\" \/>\n\t<input type=\"hidden\" name=\"start_timestamp\" id=\"startTimeStamp\" value=\"1777639394\" \/>\n\t<input type=\"hidden\" name=\"question_ids\" value=\"\" \/>\n\t<input type=\"hidden\" name=\"watupro_questions\" value=\"472897:1827678,1827679,1827680,1827681 | 472898:1827682,1827683,1827684,1827685 | 472899:1827686,1827687,1827688,1827689 | 472900:1827690,1827691,1827692,1827693 | 472901:1827694,1827695,1827696,1827697 | 472902:1827698,1827699,1827700,1827701 | 472903:1827702,1827703,1827704,1827705 | 472904:1827706,1827707,1827708,1827709 | 472905:1827710,1827711,1827712,1827713 | 472906:1827714,1827715,1827716,1827717 | 472907:1827718,1827719,1827720,1827721 | 472908:1827722,1827723,1827724,1827725 | 472909:1827726,1827727,1827728,1827729 | 472910:1827730,1827731,1827732,1827733 | 472911:1827734,1827735,1827736,1827737 | 472912:1827738,1827739,1827740,1827741 | 472913:1827742,1827743,1827744,1827745 | 472914:1827746,1827747,1827748,1827749 | 472915:1827750,1827751,1827752,1827753 | 472916:1827754,1827755,1827756,1827757 | 472917:1827758,1827759,1827760,1827761 | 472918:1827762,1827763,1827764,1827765 | 472919:1827766,1827767,1827768,1827769 | 472920:1827770,1827771,1827772,1827773 | 472921:1827774,1827775,1827776,1827777 | 472922:1827778,1827779,1827780,1827781 | 472923:1827782,1827783,1827784,1827785 | 472924:1827786,1827787,1827788,1827789 | 472925:1827790,1827791,1827792,1827793 | 472926:1827794,1827795,1827796,1827797 | 472927:1827798,1827799,1827800,1827801 | 472928:1827802,1827803,1827804,1827805 | 472929:1827806,1827807,1827808,1827809 | 472930:1827810,1827811,1827812,1827813 | 472931:1827814,1827815,1827816,1827817 | 472932:1827818,1827819,1827820,1827821 | 472933:1827822,1827823,1827824,1827825 | 472934:1827826,1827827,1827828,1827829 | 472935:1827830,1827831,1827832,1827833 | 472936:1827834,1827835,1827836,1827837 | 472937:1827838,1827839,1827840,1827841 | 472938:1827842,1827843,1827844,1827845 | 472939:1827846,1827847,1827848,1827849 | 472940:1827850,1827851,1827852,1827853 | 472941:1827854,1827855,1827856,1827857\" \/>\n\t<input type=\"hidden\" name=\"no_ajax\" value=\"0\">\t\t\t<\/form>\n\t<p>&nbsp;<\/p>\n<\/div>\n\n<script type=\"text\/javascript\">\n\/\/jQuery(document).ready(function(){\ndocument.addEventListener(\"DOMContentLoaded\", function(event) { \t\nvar question_ids = \"472897,472898,472899,472900,472901,472902,472903,472904,472905,472906,472907,472908,472909,472910,472911,472912,472913,472914,472915,472916,472917,472918,472919,472920,472921,472922,472923,472924,472925,472926,472927,472928,472929,472930,472931,472932,472933,472934,472935,472936,472937,472938,472939,472940,472941\";\nWatuPROSettings[12087] = {};\nWatuPRO.qArr = question_ids.split(',');\nWatuPRO.exam_id = 12087;\t    \nWatuPRO.post_id = 124574;\nWatuPRO.store_progress = 0;\nWatuPRO.curCatPage = 1;\nWatuPRO.requiredIDs=\"0\".split(\",\");\nWatuPRO.hAppID = \"0.35713800 1777639394\";\nvar url = \"https:\/\/www.dumpsbase.com\/freedumps\/wp-content\/plugins\/watupro\/show_exam.php\";\nWatuPRO.examMode = 1;\nWatuPRO.siteURL=\"https:\/\/www.dumpsbase.com\/freedumps\/wp-admin\/admin-ajax.php\";\nWatuPRO.emailIsNotRequired = 0;\nWatuPROIntel.init(12087);\nWatuPRO.inCategoryPages=1;});    \t \n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>The OutSystems Front-end Developer Specialist (O11 and ODC) certification focuses on front-end development skills in OutSystems 11 (O11) and OutSystems Developer Cloud (ODC). It is designed for front-end developers who are fairly independent in creating UI designs and styling for web and mobile applications. To help you prepare for the Front-end Developer Specialist exam more [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15873,21130],"tags":[21129],"class_list":["post-124574","post","type-post","status-publish","format-standard","hentry","category-outsystems","category-outsystems-certification","tag-front-end-developer-specialist"],"_links":{"self":[{"href":"https:\/\/www.dumpsbase.com\/freedumps\/wp-json\/wp\/v2\/posts\/124574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dumpsbase.com\/freedumps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dumpsbase.com\/freedumps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dumpsbase.com\/freedumps\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dumpsbase.com\/freedumps\/wp-json\/wp\/v2\/comments?post=124574"}],"version-history":[{"count":1,"href":"https:\/\/www.dumpsbase.com\/freedumps\/wp-json\/wp\/v2\/posts\/124574\/revisions"}],"predecessor-version":[{"id":124575,"href":"https:\/\/www.dumpsbase.com\/freedumps\/wp-json\/wp\/v2\/posts\/124574\/revisions\/124575"}],"wp:attachment":[{"href":"https:\/\/www.dumpsbase.com\/freedumps\/wp-json\/wp\/v2\/media?parent=124574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dumpsbase.com\/freedumps\/wp-json\/wp\/v2\/categories?post=124574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dumpsbase.com\/freedumps\/wp-json\/wp\/v2\/tags?post=124574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}