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

A quirky thing about controllers is that they are singletons and, thus, maintain state even when you move away from the page they are related to.

A quirky thing about controllers is that they are singletons and, thus, maintain state even when you move away from the page they are related to.

`setupController` hook cannot be used to create properties on the controller after the route's model has been resolved.

<code>setupController</code> hook cannot be used to create properties on the controller after the route’s model has been resolved.

`@action` is used on functions that handle events to bind the `this` of the JavaScript class to the `this` of the template.


<code>@action</code> is used on functions that handle events to bind the <code>this</code> of the JavaScript class to the <code>this</code> of the template.

```
setupController(controller, model) {
  setupController(...arguments);
  controller.band = this.modelFor(‘bands.band’);
}
```


```
setupController(controller) {
  setupController(...arguments);
  controller.band = this.modelFor(‘bands.band’);
}
```


```
setupController(controller, model) {
  super.setupController(...arguments);
  controller.band = this.modelFor(‘bands.band’);
}
```


In the [Nested Routes](https://www.educative.io/collection/page/10370001/4603037207756800/5777208583389184) quiz, we made the model of a new `bands.band.members` route to be the members of the band, which is the model of the `bands.band` route. Now, we want this band to be accessible as a property on the controller so that we can use it in the template. How would you do this?


In the <a href="https://www.educative.io/collection/page/10370001/4603037207756800/5777208583389184">Nested Routes</a> quiz, we made the model of a new <code>bands.band.members</code> route to be the members of the band, which is the model of the <code>bands.band</code> route. Now, we want this band to be accessible as a property on the controller so that we can use it in the template. How would you do this?

Let's take a short quiz on controllers before moving on 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: Controllers