rarwe.tar.gz

Ember

Ember-copy

ember2

embercss

rarwe

Ember-copy-5yvdqv

Ember-copy-5yvdqv-copy

Ember-Acceptest

Ember-Acceptest-copy

Ember-unitest

rarwe-copy

Ember-Acceptest-challenge

Ember-helper-challenge

In this course, you begin with an introduction to Ember.js, a JavaScript framework for building client-side applications.

After that, the course guides you through the steps of building a real application so that you can see how the concepts are applied in practice. You'll learn about the building blocks of Ember one by one, in a way that crushes the allegedly steep learning curve of the framework.

The application will get shinier (and/or more robust) with each chapter. By the end, we will have a decent app, and you'll have a great new skill you can add to your resume.

Developing Robust Ember.js Applications

How do you refer to the arguments of a Glimmer component inside a component's JavaScript file?

<p>How do you refer to the arguments of a Glimmer component inside a component’s JavaScript file?</p>


`(StarRating @rating:{{4}} @onUpdate:{{set song “rating”}})`

`( @rating={{4}} @onUpdate={{set song “rating”}})`

`<StarRating @rating={{4}} @onUpdate={{set song “rating”}}>`

Which of the following is a correct call to render a component?

<p>Which of the following is a correct call to render a component?</p>


If you see an expression prefixed with a `@` in a component template, like  `{{@rating}}`, what do you need to check to understand where its value comes from?

<p>If you see an expression prefixed with a <code>@</code> in a component template, like  <code>{{@rating}}</code>, what do you need to check to understand where its value comes from?</p>


`<Button @variant=”primary” @onClick={{fn this.saveUser this.user}}>Save</Button>`

`<Button class=”full-width” @onClick={{fn this.saveUser this.user}}>Save</Button>
`

`<Button class=”full-width” @variant=”primary” @onClick={{fn this.saveUser this.user}}>Save</Button>
`

Let’s assume you have a `Button` component that has the string `variant` and an argument `onClick` this is a function. The component will render its content as the button’s text. How do you call the component if you want:

* the variant to be “primary”
* the `onClick` to be the `this.saveUser` action with its first parameter set to `this.user`
* to pass in a `class` of `full-width`
* the text of the button to be “Save”?


<p>Let’s assume you have a <code>Button</code> component that has the string <code>variant</code> and an argument <code>onClick</code> this is a function. The component will render its content as the button’s text. How do you call the component if you want:</p>
<ul>
<li>the variant to be “primary”</li>
<li>the <code>onClick</code> to be the <code>this.saveUser</code> action with its first parameter set to <code>this.user</code></li>
<li>to pass in a <code>class</code> of <code>full-width</code></li>
<li>the text of the button to be “Save”?</li>
</ul>


Take a short quiz on components before moving to the next chapter.

Course Overview

Getting Started with Ember

Templates and Data Bindings

Routing

Nested Routes

Components

Controllers

Building a Catalog

Talking to a Backend

Advanced Routing

Testing

Query Params

Loading and Error Substates

Helpers

Conclusion

Appendix

Quiz: Components