FRONT-END DEVELOPER TEST POOL-2 (MAGENTO 2 CERTIFIED PROFESSIONAL )

Question 1 of 40

1

You need to Replace a default JS component, To use a custom implementation of an existing Magento JS component: Place the custom component source file in one of the --------- locations:
(Select 2)

Select one or more of the following:

Theme JS files: /web/js or /_/web/js
Module view JS files: <module_dir>/view/frontend/web/js
Module view JS files: <module_dir>/web/js
Theme JS files: /view/frontend/web/js or /_/view/frontend/web/js

Explanation

Question 2 of 40

1

You Create a RequireJS configuration file requirejs-config.js, having specified the following: var config = { "map": { "*": { "<default_component><custom_component>" } } };
What do you meaning <default_component> & <custom_component> ?

Select one or more of the following:

<default_component>: the name of the default component you replace
<custom_component>: the name of the custom component
<default_component>: the name of the custom component
<custom_component>: the name of the default component you replace

Explanation

Question 3 of 40

1

A merchant asks you to add frontend validation to their newsletter form. You notice the form has the following attributes:
<form class="form newsletter” novalidate id="newsletter-validate-detail"> Which of the following choices will add frontend validation?

Select one of the following:

Add a validation object using data-mage-init attribute.
Add form_key input inside of form.
Remove the novalidate attribute from form.
Add the class mage-validate to form.

Explanation

Question 4 of 40

1

You need to add a custom block of HTML to the header of every page using a layout file in MyCompany/mytheme. Keeping upgradability in mind, how do you add the block?

Select one of the following:

Put your customization in MyCompany/mytheme/Magento_Theme/layout/default.xml
Keep track of your changes and apply them to Magento/Theme/layout/default.xml after upgrade
Put your customization in MyCompany/mytheme/layout/extend.xml
Include <extend file="Magento_Theme::default.xml"> in your MyCompany/mytheme/Magento_Theme/layout/default.xml

Explanation

Question 5 of 40

1

Without customization, what types are filtered through the magento2 directives parser? (2)

Select one or more of the following:

CMS blocks
CMS Pages
Module
Theme

Explanation

Question 6 of 40

1

You are creating a new Magento theme for a merchant. This theme will be included in the project's git repository.Keeping upgradeability in mind, where do you place the files and directories that pertain to this theme?

Select one of the following:

app/design/frontend/MyCompany/MyTheme/
vendor/mycompany/my-theme/
app/design/MyCompany/MyTheme/frontend/
lib/themes/frontend/MyCompany/MyTheme/

Explanation

Question 7 of 40

1

You are describing the design scheduling to a merchant. What options are available for you to customize when applying a design change in Content > Design Schedule? (Select 2)

Select one or more of the following:

Theme
Start/end dates
Layout Updates
Design change name

Explanation

Question 8 of 40

1

You are building a new theme for this purpose which three properties are set in theme.xml? (Select 3)

Select one or more of the following:

Parent theme
Theme preview image
Title of a theme
Theme area: frontend or adminhtml
Version of a theme

Explanation

Question 9 of 40

1

You are creating a uiComponent that is used on the checkout page that displays the customer's email address, with realtime updates as they change it How do you track the value of their email?

Select one of the following:

In your uiComponent's configuration, add: imports: { "customer-email:email" }
Add 'Magento_Checkout/js/view/form/element/email' to the dependencies for your uiComponent.
In requirejs-config.js add:
{ "MyCompany_MyModule/js/email-signup" : { "listens": { "Magento_Checkout/js/view/form/element/email" }}}
In your uiComponents configuration, add: exports: {"customer-email:email"}

Explanation

Question 10 of 40

1

Your Customise Theme for template files with the same name which following override rules apply? (select 3)

Select one or more of the following:

Themes should only be for applying changes to existing code.
Theme templates override module templates
Child theme templates override parent theme templates
New functionality should go into Theme specific to the use case

Explanation

Question 11 of 40

1

You are developing a German language theme for the Magento Marketplace named mytheme. In your Magento installation you have a third-party German language package installed. The theme “mytheme” already contains a mytheme/i18n/de_DE.csv file. The graphic designer wants you to rename the Add to Cart button to make the text shorter. Keeping upgradability in mind, where do you add the new string?

Select one of the following:

Add the string to mytheme/i18n/de_DE.csv
Override the Magento_Catalog/view/frontend/templates/product/view/addtocart.phtml template in mytheme and replace the string
Add the string to the third-party German language package.
Add the translation to the core_translate database table.

Explanation

Question 12 of 40

1

You have written a customer uiComponent implementation that connects with a phtml template that is output into a pages's source. How do u connect uiComponent's Knockout features with the HTML element?

Select one of the following:

Add data-bind="scope: 'your-uicomponent-name' " to your HTML element
Add targetElement: ".selector" to your uiComponent's defaults object
Add this.el =$('.selector'); to your uiComponent's constructor
Add link="uicomponents.your-uicomponent-name" to your HTML element

Explanation

Question 13 of 40

1

Which layout handles are always applied to a product page? (3)

Select one or more of the following:

catalog_product_prices
catalog_product_view
catalog_product_view_type_(product_type)
catalog
catalog_product_view_layout_(product layout update)

Explanation

Question 14 of 40

1

You are auditing a module that contains phtml file: $product=$block->getProduct(); for($i=0;$i<count($products); $i++){ echo $products[i]->getName() } To comply with magento templete standards, what do you change? (Select 2)

Select one or more of the following:

Change the { and } to : and endforeach; respectively
Change the for to foreach.
Change the $block->getProduct; to $block->getData('products');
Inside the for loop, add $product=$products[i]; & change the reference from $product[i] to $product

Explanation

Question 15 of 40

1

You need not use Common layout instructions Use layout instructions to customize your layout: What are the layout instructions <body></body> child ? (2)

Select one or more of the following:

<action><attribute> <block> <container>
<move> <referenceBlock> <referenceContainer>
<title> <meta> <link> <css> <script>
<html> <head> <body> <update>

Explanation

Question 16 of 40

1

You are reviewing Luma theme Magento Theme that inherits from blank theme What directories are found in themes? (3)

Select one or more of the following:

etc/
i18n/
web/
Observer/
Model/

Explanation

Question 17 of 40

1

You are working on a website that previous developer built on Magento, u've been taked with creating a form page for MyCompany_MyModule. MyCompany_MyModule contains following etc/frontend/routes.xml:
<?xml version="1.0"?> <config> <router id="standard">
<route id="product_list" frontName="products">
<module name="MyComany_MyModule"/> </route> </router> </config>
Controller is located in app/code/MyCompany/MyModule/Controller/Display/Grid.php. What is correct layout handle associated with this?

Select one of the following:

products_list_display_grid
category_products_display_grid
category_products_list_grid
category_products_view_grid

Explanation

Question 18 of 40

1

How to override an existing Magento 2 jQuery UI widget?

Select one or more of the following:

add My/Mod/view/frontend/requirejs-confg.js
add My/Mod/view/frontend/web/js/tabsmixin.js
edit lib/web/mage/list.js
extent vendor/magento/magento2-base/lib/web/mage/menu.js

Explanation

Question 19 of 40

1

You override price-utils.js specific method as below
// My/Mod/view/frontend/js/price-utilsoverride.js
defne([], function() {
var updates = {
formatPrice: function(amount, format, isShowSign){ return '00000';}
};
return function(target) { return Object.assign(target, updates);}
});

Where u add requirejs-confg.js in My_Mod?

Select one of the following:

My/Mod/view/requirejs-confg.js
My/Mod/frontend/view/requirejs-confg.js
My/Mod/templete/layout/requirejs-confg.js
My/Mod/web/requirejs-confg.js

Explanation

Question 20 of 40

1

You are reviewing XML head as : <?xml version="1.0"?>
<page xmlns:xsi="http://www.
w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:framework:View/
Layout/etc/page_confguration.xsd">
<body>...
What type of declaration does it mean?

Select one of the following:

uiComponent
Theme
RequirJS
KnockoutJs

Explanation

Question 21 of 40

1

Where are the CSS merging and minification options found?

Select one of the following:

Stores > Configuration > Advanced > Developer > JavaScript Settings >Merge JavaScript Files
Content > Design >Theme>Advanced >JavaScript Settings>Merge JavaScript Files>Yes
Stores > Configuration >Developer>Advanced >JavaScript Settings>Merge JavaScript Files>Yes
Stores > Configuration > Advanced > Developer > CSS Settings

Explanation

Question 22 of 40

1

You are working with high level magento partner company developing a new theme that no parent theme exists & Also use to composer installation Which file are required in a theme? Select all that are required.(3)

Select one or more of the following:

/registration.php
/theme.xml
/etc/view.xml
/composer.json
/web/js
i18n/en_US.csv

Explanation

Question 23 of 40

1

Which of the following is a Knockout virtual element?

Select one of the following:

<li data-bind="text: $data.name"></li>
<li class="heading">My heading</li>
<div data-bind="payments: payments">
<div data-init="payments: payments">

Explanation

Question 24 of 40

1

What is Magento 2 Themes improvements than 1 ? such as the use of_____________________ to name a few.(Select 4)

Select one or more of the following:

containers
better modularity
better extensibility
more control over settings
Auto Bug Solving

Explanation

Question 25 of 40

1

You have tasked with creating _theme.less is for redefining to your theme globally, Which below are correct ? (3)

Select one or more of the following:

create variables
defining new variables
mixins that apply
create block
create Weget

Explanation

Question 26 of 40

1

You want to use Magento 2 library in your theme , Where is UI library has some built-in documentation & how access?

Select one of the following:

in: /lib/web/css/source/docs. It's possible to access it on the frontend of your site with some changes to .htaccess,
in: /module/web/css/source/docs. It's possible to access it on the frontend of your site with some changes to .htaccess,
in: /theme/web/css/source/docs. It's possible to access it on the frontend of your site with some changes to .htaccess,
in: /plugin/web/css/source/docs. It's possible to access it on the frontend of your site with some changes to .htaccess,

Explanation

Question 27 of 40

1

Where is UI Library variables defined n Magento Blank?

Select one of the following:

Each of LESS files has extensible mixins that are used to define the look of global elements , using default variables defined in: /lib/web/css/source/lib/variables.
Each of JS files has extensible mixins that are used to define the look of global elements , using default variables defined in: /lib/web/js/source/lib/variables.
Each of PHTML files has extensible mixins that are used to define the look of global elements , using default variables defined in: /lib/web/html/source/lib/variables.
Each of php files has extensible mixins that are used to define the look of global elements , using default variables defined in: /lib/web/php/source/lib/variables.

Explanation

Question 28 of 40

1

You are troubleshooting a US website that sells discs of sandpaper. There is Js syntax error in this code:"unknown character',' ". Template: <sc>var productName= "<?=$blcok->get </sc> Which renders to: <
<sc> var productName = "SuperSandpaper disc, 6 ", 100 grit"; </sc>

Select one of the following:

Change the $block->getProductName(); to $block->escapeJs($block->getProductName());
Change the var productName ="<?=$block->getproductName; ?> to
var productName = <<<PRODUCTNAME <?=$block->getproductName; ?> PRODUCTNAME;
Change the $block->getProductName(); to $block->escapeHtml($block->getProductName());
Change the $block->getProductName(); to $block->escapeChar($block->getProductName());
Modify the block's getProductName() methods to add a slash in front of the result

Explanation

Question 29 of 40

1

What is the custom LESS directive added by Magento in order to implement a fallback system in the import mechanism?

Select one of the following:

//@magento_import
//@mage_import
//@magento_imports
//@mage_imports

Explanation

Question 30 of 40

1

What is the correct way to Combinator indents add spaces before and after combinators. Less coding standard?

Select one of the following:

.nav + .bar {
color: @bar__color;
}
.nav+.bar {
color: @bar__color;
}
.nav +.bar {
color: @bar__color;
}
.nav+ .bar {
color: @bar__color;
}

Explanation

Question 31 of 40

1

If you need to override a module layout, where would you put the layout file?

Select one or more of the following:

<module_dir>/view/frontend/layout/<layout1>.xml
<theme_dir>/<Namespace>_<Module>/layout/<layout1>.xml
<Namespace>_<Module>/<theme_dir>/layout/<layout1>.xml
<theme_dir>/view/frontend/layout/<layout1>.xml

Explanation

Question 32 of 40

1

Templates are stored in the following locations:

Select one or more of the following:

<module_dir>/view/frontend/templates/<path_to_templates>
<theme_dir>/<Namespace>_<Module>/templates/<path_to_templates>
<theme_dir>/<Namespace>_<Module>/view/frontend/templates/<path_to_templates>
<theme_dir>/<Namespace>_<Module>/view/templates/<path_to_templates>

Explanation

Question 33 of 40

1

Using PHP short tags in template PHTML files

Select one or more of the following:

<?= $block->getAdjustmentsHtml() ?>
<?php echo $block->getAdjustmentsHtml() ?>
<?php echo $block->returnAdjustmentsHtml() ?>
<?= $block->returnAdjustmentsHtml() ?>

Explanation

Question 34 of 40

1

Customize header and footer templates?

Select one or more of the following:

<Magento_Email_module_dir>/view/frontend/email/header.html
<Magento_Email_module_dir>/view/frontend/email/footer.html
<Magento_Email_module_dir>/view/frontend/email/default.html
<Magento_Email_module_dir>/view/frontend/email/emailBody.html

Explanation

Question 35 of 40

1

Media queries in Magento default themes

Select one or more of the following:

Media queries @media-common, max screen__s and max screen__m will be added to styles-m.css.
Media queries min screen__m and min screen__l will be added to styles-l.css.
Media queries min screen__m and min screen__l will be added to style-l.css.
Media queries @media-common, max screen__s and max screen__m will be added to style-m.css.

Explanation

Question 36 of 40

1

You are Creating a mobile-specific theme
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<remove src="css/styles-l.css" />
</head>
</page>
Where you add this file to get your own style?

Select one of the following:

<theme_dir>/Magento_Theme/layout/default_head_blocks.xml
<theme_dir>/Magento_Theme/layout/frontend/default_head_blocks.xml
<theme_dir>/Magento_Theme/template/default.phtml
<theme_dir>/Magento_Theme/layout/html/header.xml

Explanation

Question 37 of 40

1

To call a mixin with parameter values different from default, set these values when calling the mixin, like in the following example:
Which correct with specifying any parameters?

Select one of the following:

.example-button {
.lib-button(
@_button-padding: @button-padding,
@_button-color: #fff,
@_button-color-hover: #ccc
);
}
.breadcrumbs {
.lib-breadcrumbs();
}
.example-button {
.lib-button();
}
.breadcrumbs {
.lib-breadcrumbs();
.lib-button();
}

Explanation

Question 38 of 40

1

Example of the accordion initialization with the active option specified: Which is correct? (Select 2)

Select one or more of the following:

$("#element").accordion({ active: "0 1"});
$("#element").accordion({ active: [0,1]});
$("#element").accordion.active: (0 1);
$("#element").accordion.active: [0, 1];

Explanation

Question 39 of 40

1

You are going to create widget named Samplewidget. where you declare widget?

Select one of the following:

etc/widget.xml
etc/di.xml
etc/config.xml
etc/system.xml

Explanation

Question 40 of 40

1

What happens if you use a {{block id="my_id"}} template directive like this?

Select one of the following:

The Cms block with the identifier "my_id" is outputted
An empty block with the class \Magento\Framework\View\Element\Template and a name of "my_id" is created
There is an error because the block id must be numeric
There is an error because the block id can not contain special character(_)

	Created by Miska Red almost 5 years ago

POOL-2 30 question, This only my study notes, questions will NOT be found on the final exam. They might be similar. 60 questions 90mi 64% to pass Based on Magento Open Source (2.3) and Magento Commerce (2.3),

FRONT-END DEVELOPER TEST POOL-2 (MAGENTO 2 CERTIFIED PROFESSIONAL )

Question 1 of 40

You need to Replace a default JS component, To use a custom implementation of an existing Magento JS component: Place the custom component source file in one of the --------- locations: (Select 2)

Select one or more of the following:

Explanation

Question 2 of 40

You Create a RequireJS configuration file requirejs-config.js, having specified the following: var config = { "map": { "*": { "<default_component><custom_component>" } } }; What do you meaning <default_component> & <custom_component> ?

Select one or more of the following:

Explanation

Question 3 of 40

A merchant asks you to add frontend validation to their newsletter form. You notice the form has the following attributes: <form class="form newsletter” novalidate id="newsletter-validate-detail"> Which of the following choices will add frontend validation?

Select one of the following:

Explanation

Question 4 of 40

You need to add a custom block of HTML to the header of every page using a layout file in MyCompany/mytheme. Keeping upgradability in mind, how do you add the block?

Select one of the following:

Explanation

Question 5 of 40

Without customization, what types are filtered through the magento2 directives parser? (2)

Select one or more of the following:

Explanation

Question 6 of 40

You are creating a new Magento theme for a merchant. This theme will be included in the project's git repository.Keeping upgradeability in mind, where do you place the files and directories that pertain to this theme?

Select one of the following:

Explanation

Question 7 of 40

You are describing the design scheduling to a merchant. What options are available for you to customize when applying a design change in Content > Design Schedule? (Select 2)

Select one or more of the following:

Explanation

Question 8 of 40

You are building a new theme for this purpose which three properties are set in theme.xml? (Select 3)

Select one or more of the following:

Explanation

Question 9 of 40

You are creating a uiComponent that is used on the checkout page that displays the customer's email address, with realtime updates as they change it How do you track the value of their email?

Select one of the following:

Explanation

Question 10 of 40

Your Customise Theme for template files with the same name which following override rules apply? (select 3)

Select one or more of the following:

Explanation

Question 11 of 40

Select one of the following:

Explanation

Question 12 of 40

You have written a customer uiComponent implementation that connects with a phtml template that is output into a pages's source. How do u connect uiComponent's Knockout features with the HTML element?

Select one of the following:

Explanation

Question 13 of 40

Which layout handles are always applied to a product page? (3)

Select one or more of the following:

Explanation

Question 14 of 40

You are auditing a module that contains phtml file: $product=$block->getProduct(); for($i=0;$i<count($products); $i++){ echo $products[i]->getName() } To comply with magento templete standards, what do you change? (Select 2)

Select one or more of the following:

Explanation

Question 15 of 40

You need not use Common layout instructions Use layout instructions to customize your layout: What are the layout instructions <body></body> child ? (2)

Select one or more of the following:

Explanation

Question 16 of 40

You are reviewing Luma theme Magento Theme that inherits from blank theme What directories are found in themes? (3)

Select one or more of the following:

Explanation

Question 17 of 40

Select one of the following:

Explanation

Question 18 of 40

How to override an existing Magento 2 jQuery UI widget?

Select one or more of the following:

Explanation

Question 19 of 40

Select one of the following:

Explanation

Question 20 of 40

You are reviewing XML head as : <?xml version="1.0"?> <page xmlns:xsi="http://www. w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/ Layout/etc/page_confguration.xsd"> <body>... What type of declaration does it mean?

Select one of the following:

Explanation

Question 21 of 40

You need to Replace a default JS component, To use a custom implementation of an existing Magento JS component: Place the custom component source file in one of the --------- locations:
(Select 2)

You Create a RequireJS configuration file requirejs-config.js, having specified the following: var config = { "map": { "*": { "<default_component><custom_component>" } } };
What do you meaning <default_component> & <custom_component> ?

A merchant asks you to add frontend validation to their newsletter form. You notice the form has the following attributes:
<form class="form newsletter” novalidate id="newsletter-validate-detail"> Which of the following choices will add frontend validation?

You are reviewing XML head as : <?xml version="1.0"?>
<page xmlns:xsi="http://www.
w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="urn:magento:framework:View/
Layout/etc/page_confguration.xsd">
<body>...
What type of declaration does it mean?

You are troubleshooting a US website that sells discs of sandpaper. There is Js syntax error in this code:"unknown character',' ". Template: <sc>var productName= "<?=$blcok->get </sc> Which renders to: <
<sc> var productName = "SuperSandpaper disc, 6 ", 100 grit"; </sc>

You are Creating a mobile-specific theme
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<remove src="css/styles-l.css" />
</head>
</page>
Where you add this file to get your own style?

To call a mixin with parameter values different from default, set these values when calling the mixin, like in the following example:
Which correct with specifying any parameters?