Miska Red
Quiz por , criado more than 1 year ago

This Only study note not real question

529
2
0
Miska Red
Criado por Miska Red mais de 5 anos atrás
Fechar

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

Questão 1 de 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)

Selecione uma ou mais das seguintes:

  • dev:source-theme:deploy

  • fr_FR

  • cache:clean

  • cache:flush

Explicação

Questão 2 de 29

1

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

Selecione uma ou mais das seguintes:

  • styles-m.css

  • styles-l.css

  • print.css

  • styles-s.css

  • main.css

  • screen.css

Explicação

Questão 3 de 29

1

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

Selecione uma das seguintes:

  • 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

Explicação

Questão 4 de 29

1

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

Selecione uma das seguintes:

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

Explicação

Questão 5 de 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.

Selecione uma ou mais das seguintes:

  • /etc/

  • /media/

  • /registration.php

  • i18n/

  • web/

Explicação

Questão 6 de 29

1

Which of the following is a Knockout virtual element?

Selecione uma das seguintes:

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

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

  • <something args="something">

  • <div something="something">

Explicação

Questão 7 de 29

1

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

Selecione uma das seguintes:

  • class

  • before/after

  • cacheable

  • template

  • name

  • as

Explicação

Questão 8 de 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]

Selecione uma das seguintes:

  • i18n:pack

  • i18n:collect-phrases

  • setup:static-content:deploy

  • i18n:static-content:deploy

Explicação

Questão 9 de 29

1

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

Selecione uma das seguintes:

  • //@magento_import

  • @magento_import

  • @mage_imports

  • //@mage_import

Explicação

Questão 10 de 29

1

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

Selecione uma das seguintes:

  • 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

Explicação

Questão 11 de 29

1

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

Selecione uma das seguintes:

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

  • {{url [path]}}

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

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

Explicação

Questão 12 de 29

1

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

Selecione uma das seguintes:

  • 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

Explicação

Questão 13 de 29

1

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

Selecione uma das seguintes:

  • dev:source-theme:deploy

  • dev:content-theme:deploy

  • theme:source:deploy

  • theme:conten-source:deploy

Explicação

Questão 14 de 29

1

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

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

Selecione uma das seguintes:

  • data-mage-init

  • data-magento-init

  • data-mage-start

  • data-mage-initialize

Explicação

Questão 15 de 29

1

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

Selecione uma das seguintes:

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

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

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

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

Explicação

Questão 16 de 29

1

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

Selecione uma ou mais das seguintes:

  • image

    small_image

  • thumbnail

  • swatch_thumb

  • swatch_image

  • large_image

  • base_image

  • swatch_thumbnail

Explicação

Questão 17 de 29

1

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

Selecione uma ou mais das seguintes:

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

Explicação

Questão 18 de 29

1

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

Selecione uma das seguintes:

  • 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

Explicação

Questão 19 de 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>

Selecione uma ou mais das seguintes:

  • jsLayout

  • components

  • block

  • page

  • arguments

Explicação

Questão 20 de 29

1

Where are the Magento UI library LESS files found?

Selecione uma das seguintes:

  • lib/web/css/source/lib

  • Magento_Ui/web/css/source/

  • Magento_Framework/web/css/source

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

Explicação

Questão 21 de 29

1

Where should overrides of existing LESS variables be added?

Selecione uma das seguintes:

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

Explicação

Questão 22 de 29

1

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

Selecione uma das seguintes:

  • 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

Explicação

Questão 23 de 29

1

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

Selecione uma ou mais das seguintes:

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

Explicação

Questão 24 de 29

1

How can you call jQuery UI Widget methods?

Selecione uma das seguintes:

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

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

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

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

Explicação

Questão 25 de 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>

Selecione uma das seguintes:

  • script/x-magento-init

  • script/x-mage-init

  • js/x-magento-init

  • script/x-magento-fire

Explicação

Questão 26 de 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)

Selecione uma ou mais das seguintes:

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

Explicação

Questão 27 de 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'">

Selecione uma das seguintes:

  • i18n

  • theme

  • module

  • block

Explicação

Questão 28 de 29

1

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

Selecione uma das seguintes:

  • 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

Explicação

Questão 29 de 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.

Selecione uma ou mais das seguintes:

  • scope binding

  • uiRegistry

  • urlRegistry

  • dynamic binding

Explicação