Chapter quiz · Forms, Helpers & Modifiers

Test what you learned.

8 questions on Forms, Helpers & Modifiers. Pass 70% to clear the chapter.

← Review chapter lessons

Quiz

Forms, Helpers & Modifiers — Chapter Quiz

Eight questions on forms, helpers, custom modifiers, accessibility, and i18n.

0/ 9

Question 1
1
What is the modern Octane pattern for a text input?
ATwo-way binding via {{input value=this.name}}B<input value={{this.name}} {{on "input" this.setName}} />C<Input @value={{this.name}} @onChange={{this.setName}} /> onlyD<input model={{this.name}} />
Plain HTML elements with value= bound to a tracked property and {{on "input"}} writing back. Explicit data flow, no magic two-way binding.
Question 2
2
Which built-in template helper renders a list?
A{{#map}}B{{#repeat}}C{{#each}}D{{#for}}
{{#each items as |item index|}}...{{/each}} is the loop helper. For object keys, use {{#each-in}}.
Question 3
3
Where do you place a custom helper file?
Aapp/helpers/<name>.jsBapp/utils/<name>.jsChelpers/<name>.jsDlib/helpers/<name>.js
Drop a default-exported function in app/helpers/format-cents.js and call {{format-cents @order.total}} anywhere in templates.
Question 4
4
Element modifiers are functions that attach to a single DOM element and can return a cleanup function.
TTrueFFalse
With ember-modifier, the modifier receives the element plus args and may return a cleanup callback that runs on teardown or when args change.
Question 5
5
Which @ember/render-modifiers modifier reacts to changing args?
A{{did-insert}}B{{did-update}}C{{will-destroy}}D{{on}}
{{did-update this.fn arg1 arg2}} re-invokes its handler when any positional or named arg changes. Useful for syncing imperative state with reactive data.
Question 6
6
The standard Ember i18n addon is called ember-___.
ember-intl provides the t helper, locale switching, and ICU MessageFormat for plurals/dates/numbers.
Question 7
7
Which template helpers build inline values?
Select all that apply.
AhashBarrayCconcatDeachEfn
hash builds an object, array builds an array, concat builds a string, fn partially applies a function. each is a block helper for iteration.
Question 8
8
Which addon brings axe accessibility checks into Ember tests?
Aember-a11y-testingBember-axe-utilsCember-ariaDember-accessibility
ember-a11y-testing exposes a11yAudit() for tests — fail the suite when axe finds violations.