Question 1

Which UI component property is used for cross tracking property changes?

Options :

A : exports

B : listens

C : links

Answer: C

Question 2

What is the difference between styles-l.less and styles-m.less ?

Options :

A : styles-l.less is used to generate basic and mobile-specific styles and styles-m.less is used to generate desktop-specific styles.

B : styles-l.less is used to generate desktop-specific styles and styles-m.less is used to generate only mobile-specific styles.

C : styles-l.less is used to generate desktop-specific styles and styles-m.less is used to generate basic and mobile-specific styles.

Answer: C

Question 3

An Adobe Commerce developer wants to override the template assigned to a block named existing.product.block. This relationship is defined in the catalog_product_view.xml layout in the Magento_Catalog module. They cannot simply override the file in their theme, as this change is part of a feature that is being released to the marketplace as a module called "Orange_CustomProduct". The developer has already created the desired template at app/code/Orange/CustomProduct/view/ frontend/templates/custom-product-block.phtml. What can they add to app/code/Orange/CustomProduct/view/frontend/layout/ catalog_product_view.xml in their module to accomplish this?

Options :

A :

B :

C :

D :

Answer: A

Question 4

In which mode would the stylesheet customizations display immediately after you reload a page in a browser?

Options :

A : server-side compilation mode

B : less-side compilation mode

C : client-side compilation mode

Answer: C

Question 5

An Adobe Commerce developer wants to apply a knockout binding to a < div > to run a function, onClick(), when it's clicked. Which two solutions would the developer use to achieve this? (Choose two.)

Options :

A : < div data-bind="click: onClick()" >< /div >

B : < div >< !-- ko click: 'onClick" -- > < !-- /ko -- >< /div >

C : < div data-bind="click: onClick" >< /div >

D : < div click="onClick" >< /div >

Answer: A,C