Miska Red
Quiz by , created more than 1 year ago

This Only study note not real question

529
2
0
Miska Red
Created by Miska Red over 5 years ago
Close

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

Question 1 of 29

1

What command would you use to create symlinks to LESS files for the Magento/luma theme in the fr_FR locale
bin/magento ??--locale ?? --theme Magento/luma? (Select 2)

Select one or more of the following:

  • dev:source-theme:deploy

  • fr_FR

  • cache:clean

  • cache:flush

Explanation

Question 2 of 29

1

Which of the main css files included in the default_head_blocks.xl file in a Magento theme? Select all that apply?

Select one or more of the following:

  • styles-m.css

  • styles-l.css

  • print.css

  • styles-s.css

  • main.css

  • screen.css

Explanation

Question 3 of 29

1

What does the template node do in the widgets.xml configuration file?

Select one of the following:

  • Filters which templates will be available for the widget in a specific container

  • Defines new templates for the module

  • Assign one template to a container so that template is automatically used if the widget is inside the specified container

  • Defines new layout for the module

Explanation

Question 4 of 29

1

Keep simplicity mind How would you configure a category to inherit design settings from its parent category?

Select one of the following:

  • "Use parent category settings" option in design tab

  • A category automatically inherits design settings from its parent

  • Use the catalog_category_view_id_[id]_children.xml layout handle

  • override category layout.xml

Explanation

Question 5 of 29

1

You are developing a new theme for your customer for his local regional language support, Which folders are required in a theme? Select all folders that are required.

Select one or more of the following:

  • /etc/

  • /media/

  • /registration.php

  • i18n/

  • web/

Explanation

Question 6 of 29

1

Which of the following is a Knockout virtual element?

Select one of the following:

  • <!-- ko something: something --><!-- /ko -->

  • <div data-bind="something: something">

  • <something args="something">

  • <div something="something">

Explanation

Question 7 of 29

1

What attributes are required on a <block> layout element in Magento 2.x?

Select one of the following:

  • class

  • before/after

  • cacheable

  • template

  • name

  • as

Explanation

Question 8 of 29

1

What command would you use to create a language pack from a csv file?
bin/magento ---- /absolute/path/to/file.csv [language_code]

Select one of the following:

  • i18n:pack

  • i18n:collect-phrases

  • setup:static-content:deploy

  • i18n:static-content:deploy

Explanation

Question 9 of 29

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

  • @magento_import

  • @mage_imports

  • //@mage_import

Explanation

Question 10 of 29

1

How can a group of child blocks be rendered in a template?

Select one of the following:

  • Using the getGroupChildNames() method and then rendering each block by name in a loop

  • Using the getGroupChildHtml() method

  • Using the getData('group_items') method in a foreach loop

  • Using the getData('group_items') method in a while loop

Explanation

Question 11 of 29

1

What Cms template directive would you use to output a URL?

Select one of the following:

  • {{store url="[path]"}}

  • {{url [path]}}

  • {{url path="[path]"}}

  • {{base url path="[path]"}}

Explanation

Question 12 of 29

1

What does the special variable @arguments do in a LESS mixin?

Select one of the following:

  • Takes the arguments that were passed into the mixin an renders them in that order

  • Defines additional arguments to be used in the mixin

  • Contains default arguments that are passed to all mixins by the framework

  • Initiate additional arguments to be used in the mixin

Explanation

Question 13 of 29

1

What command do you need to run when you create a new LESS file?
bin/magento ----

Select one of the following:

  • dev:source-theme:deploy

  • dev:content-theme:deploy

  • theme:source:deploy

  • theme:conten-source:deploy

Explanation

Question 14 of 29

1

How would you initialize a JS component using a data-attribute?

<div ??? ='{"[Vendor_Module/js/path/to/file|alias]": {"[optionKey]": "[optionValue]"}}'>

Select one of the following:

  • data-mage-init

  • data-magento-init

  • data-mage-start

  • data-mage-initialize

Explanation

Question 15 of 29

1

What is the correct way to define a mixin in LESS?

Select one of the following:

  • .my-mixin(@arguments) {
    ...
    }

  • @my-mixin($arguments) {
    ...
    }

  • =my-mixin(@arguments) {
    ...
    }

  • @mixin my-mixin($arguments) {
    ...
    }

Explanation

Question 16 of 29

1

What are the available image types in etc/view.xml? Select 4 that apply

Select one or more of the following:

  • image

    small_image

  • thumbnail

  • swatch_thumb

  • swatch_image

  • large_image

  • base_image

  • swatch_thumbnail

Explanation

Question 17 of 29

1

Select 4 layout handles that can be used to customize a product page's layout.

Select one or more of the following:

  • catalog_product_view_sku_[sku]

  • catalog_product_view_id_[id]

  • catalog_product_view_type_[type]

  • catalog_product_view

  • catalog_product_view_name_[name]

  • catalog_product_view_category_[category]

Explanation

Question 18 of 29

1

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

Select one of the following:

  • theme_dir/Vendor_Module/layout/override/base/name_of_layout.xml

  • theme_dir/Vendor_Module/layout/override/frontend/name_of_layout.xml

  • theme_dir/Vendor_Module/layout/overrides/frontend/name_of_layout.xml

  • theme_dir/Vendor_Module/layout/overrides/base/name_of_layout.xml

Explanation

Question 19 of 29

1

How can JavaScript on a page be configured using block arguments in layout XML?

<arguments>
 <argument name="???" xsi:type="array">
  <item name="???" xsi:type="array">
   ...
  </item>
 </argument>
</agrument>

Select one or more of the following:

  • jsLayout

  • components

  • block

  • page

  • arguments

Explanation

Question 20 of 29

1

Where are the Magento UI library LESS files found?

Select one of the following:

  • lib/web/css/source/lib

  • Magento_Ui/web/css/source/

  • Magento_Framework/web/css/source

  • Vandor/Magento/Framework/web/css/source

Explanation

Question 21 of 29

1

Where should overrides of existing LESS variables be added?

Select one of the following:

  • <theme_dir>/web/css/source/_theme.less

  • <theme_dir>/web/css/source/_variables.less

  • <theme_dir>/web/css/source/lib/_variables.less

  • <theme_dir>frontend//web/css/source/_variables.less

Explanation

Question 22 of 29

1

How do you create a new widget in your custom module that can be used in Cms content?

Select one of the following:

  • Configure the widget in etc/widgets.xml

  • Configure the widget in view/frontend/layout/widget.xml

  • Simply create a new class that implements \Magento\Widget\Block\BlockInterface and it will be registered as a widget automatically

  • Configure the widget in view/frontend/template/widget.phtml

Explanation

Question 23 of 29

1

Which of the following are valid Magento KnockoutJS bindings? (Select 3)

Select one or more of the following:

  • <!-- ko if: isVisible-->
     <div class="someClass">
      <!-- ko i18n: 'Some translatable message!'--><!-- /ko -->
      <span data-bind="html: content"></span>
     </div>
    <!-- /ko -->

  • <if args="isVisible">
     <div class="someClass">
      <translate args="'Some translatable message!'"/>
      <span html="content"></span>
     </div>
    </if>

  • <div class="someClass" if="isVisible">
     <span translate="'Some translatable message!'"></span>
     <span html="content"></span>
    </div>

  • <div class="someClass" data-bind="if: isVisible">
     <span data-bind="translate: 'Some translatable message!'"></span>
     <span html="content"></span>
    </div>

  • <div class="someClass" if="isVisible">
     <translate args="'Some translatable message!'"/>
     <html args="content"></html>
    </div>

Explanation

Question 24 of 29

1

How can you call jQuery UI Widget methods?

Select one of the following:

  • $(‘.element-selector’).nameOfWidget(’nameOfMethod’);

  • $(‘.element-selector’).nameOfWidget.nameOfMethod();

  • $(‘.element-selector’).call(’nameOfMethod’);

  • nameOfWidget.nameOfMethod($('.element-selector'));

Explanation

Question 25 of 29

1

How would you initialize a JS component using the Magento script tag?
<script type=“???">
{
“[.element-selector]”: {
“[Vendor_Module/js/path/to/file|alias]”: {
“[optionKey]”: “[optionValue]"
}
}
}
</script>

Select one of the following:

  • script/x-magento-init

  • script/x-mage-init

  • js/x-magento-init

  • script/x-magento-fire

Explanation

Question 26 of 29

1

Given the following code, how would you call the following jQuery UI widget?

// Vendor_Module/js/name-of-widget.js
define([jquery], function ($) {
 $.widget('vendor.myWidget', {
  ...
 });
 return $.vendor.myWidget;
}); (select 2)

Select one or more of the following:

  • require(['jquery', 'Vendor_Module/js/name-of-widget'], function ($, nameOfWidget) {
     $('.element-selector').myWidget({...});
    });

  • require(['jquery', 'Vendor_Module/js/name-of-widget'], function ($, nameOfWidget) {
     nameOfWidget(...);
    });

  • require(['jquery', 'Vendor_Module/js/name-of-widget'], function ($, nameOfWidget) {
     $('.element-selector').nameOfWidget({...});
    });

  • require(['jquery', 'Vendor_Module/js/name-of-widget'], function ($, nameOfWidget) {
     myWidget(...);
    });

Explanation

Question 27 of 29

1

How would you translate the phrase "Shopping Cart" in a UI Component?

<span data-bind="???: 'Shopping Cart''></span>
<translate args="'Shopping Cart'"></translate>
<span translate="'Shopping Cart'">

Select one of the following:

  • i18n

  • theme

  • module

  • block

Explanation

Question 28 of 29

1

Which arguments are received by the function that is returned by a JS mixin?

Select one of the following:

  • target - The original object that was returned by the component extended by the mixin

  • additionalData - Additional data passed in the requirejs-config.js file

  • data - Data passed to the original object being extended by the mixin

  • attribute - Attribute passed to the original object being extended by the mixin

Explanation

Question 29 of 29

1

How do you bind a KO view model to a section of the DOM with the scope binding?
The ??? connects a UI component that is registered in the ??? with an element that has already been configured. This changes that element's KO binding scope to use the class that represents the specified UI component.

Select one or more of the following:

  • scope binding

  • uiRegistry

  • urlRegistry

  • dynamic binding

Explanation

Previous
Next