Miska Red
Quiz von , erstellt am more than 1 year ago

This Only study note not real question

526
2
0
Miska Red
Erstellt von Miska Red vor etwa 5 Jahre
Schließen

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

Frage 1 von 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)

Wähle eine oder mehr der folgenden:

  • dev:source-theme:deploy

  • fr_FR

  • cache:clean

  • cache:flush

Erklärung

Frage 2 von 29

1

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

Wähle eine oder mehr der folgenden:

  • styles-m.css

  • styles-l.css

  • print.css

  • styles-s.css

  • main.css

  • screen.css

Erklärung

Frage 3 von 29

1

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

Wähle eine der folgenden:

  • 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

Erklärung

Frage 4 von 29

1

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

Wähle eine der folgenden:

  • "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

Erklärung

Frage 5 von 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.

Wähle eine oder mehr der folgenden:

  • /etc/

  • /media/

  • /registration.php

  • i18n/

  • web/

Erklärung

Frage 6 von 29

1

Which of the following is a Knockout virtual element?

Wähle eine der folgenden:

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

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

  • <something args="something">

  • <div something="something">

Erklärung

Frage 7 von 29

1

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

Wähle eine der folgenden:

  • class

  • before/after

  • cacheable

  • template

  • name

  • as

Erklärung

Frage 8 von 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]

Wähle eine der folgenden:

  • i18n:pack

  • i18n:collect-phrases

  • setup:static-content:deploy

  • i18n:static-content:deploy

Erklärung

Frage 9 von 29

1

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

Wähle eine der folgenden:

  • //@magento_import

  • @magento_import

  • @mage_imports

  • //@mage_import

Erklärung

Frage 10 von 29

1

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

Wähle eine der folgenden:

  • 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

Erklärung

Frage 11 von 29

1

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

Wähle eine der folgenden:

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

  • {{url [path]}}

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

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

Erklärung

Frage 12 von 29

1

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

Wähle eine der folgenden:

  • 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

Erklärung

Frage 13 von 29

1

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

Wähle eine der folgenden:

  • dev:source-theme:deploy

  • dev:content-theme:deploy

  • theme:source:deploy

  • theme:conten-source:deploy

Erklärung

Frage 14 von 29

1

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

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

Wähle eine der folgenden:

  • data-mage-init

  • data-magento-init

  • data-mage-start

  • data-mage-initialize

Erklärung

Frage 15 von 29

1

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

Wähle eine der folgenden:

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

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

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

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

Erklärung

Frage 16 von 29

1

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

Wähle eine oder mehr der folgenden:

  • image

    small_image

  • thumbnail

  • swatch_thumb

  • swatch_image

  • large_image

  • base_image

  • swatch_thumbnail

Erklärung

Frage 17 von 29

1

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

Wähle eine oder mehr der folgenden:

  • 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]

Erklärung

Frage 18 von 29

1

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

Wähle eine der folgenden:

  • 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

Erklärung

Frage 19 von 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>

Wähle eine oder mehr der folgenden:

  • jsLayout

  • components

  • block

  • page

  • arguments

Erklärung

Frage 20 von 29

1

Where are the Magento UI library LESS files found?

Wähle eine der folgenden:

  • lib/web/css/source/lib

  • Magento_Ui/web/css/source/

  • Magento_Framework/web/css/source

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

Erklärung

Frage 21 von 29

1

Where should overrides of existing LESS variables be added?

Wähle eine der folgenden:

  • <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

Erklärung

Frage 22 von 29

1

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

Wähle eine der folgenden:

  • 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

Erklärung

Frage 23 von 29

1

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

Wähle eine oder mehr der folgenden:

  • <!-- 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>

Erklärung

Frage 24 von 29

1

How can you call jQuery UI Widget methods?

Wähle eine der folgenden:

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

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

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

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

Erklärung

Frage 25 von 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>

Wähle eine der folgenden:

  • script/x-magento-init

  • script/x-mage-init

  • js/x-magento-init

  • script/x-magento-fire

Erklärung

Frage 26 von 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)

Wähle eine oder mehr der folgenden:

  • 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(...);
    });

Erklärung

Frage 27 von 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'">

Wähle eine der folgenden:

  • i18n

  • theme

  • module

  • block

Erklärung

Frage 28 von 29

1

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

Wähle eine der folgenden:

  • 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

Erklärung

Frage 29 von 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.

Wähle eine oder mehr der folgenden:

  • scope binding

  • uiRegistry

  • urlRegistry

  • dynamic binding

Erklärung

Vorherige
Nächste