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

Query parameters are properties on the controller that you have to explicitly mark as query params.

Query parameters are properties on the controller that you have to explicitly mark as query params.

Considering that controllers are singletons, what do you expect to happen in the following scenario? You have a query parameter “q” with a value of “rock” and a default value of an empty string. You leave the page and then return to it. What will the value of “q” be?


Considering that controllers are singletons, what do you expect to happen in the following scenario? You have a query parameter “q” with a value of “rock” and a default value of an empty string. You leave the page and then return to it. What will the value of “q” be?

`{{on click (set "sortBy" this "-title")}}`

`{{on.click (set this "sortBy" "-title")}}`

`{{on "click" (set this "sortBy" "-title")}}`

How can we add an event listener using the `on` modifier and the `set` helper to update the `sortBy` property of the context to `-title` when the button is clicked?

How can we add an event listener using the <code>on</code> modifier and the <code>set</code> helper to update the <code>sortBy</code> property of the context to <code>-title</code> when the button is clicked?

`<LinkTo @query{{s=”-popularity”}}...</LinkTo>`

`<LinkTo @query={{hash s=”-popularity”}}...</LinkTo>`

`<LinkTo @query={(hash ”popularity”)}...</LinkTo>`

`<LinkTo query={(hash s=”popularity”)}...</LinkTo>`

How do you create a link that sorts songs in decreasing order of their popularity (assuming the query param is named `popularity`)?

How do you create a link that sorts songs in decreasing order of their popularity (assuming the query param is named <code>popularity</code>)?

```
queryParams{
  filter{
    as: ‘f’
  }
}
```


```
queryParams{
  filter: {
     ‘f’
  }
}
```


```
queryParams: {
  filter: {
    as: ‘f’
  }
}
```


What is the correct way to define a query parameter that’s called `filter` and appears as `f` in the URL?


What is the correct way to define a query parameter that’s called <code>filter</code> and appears as <code>f</code> in the URL?

Take a short quiz on query params 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: Query Params