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

## Tuning
For our application’s users, it’s tiresome to pay attention to typing band names and song titles so that each word starts with a capital letter. It would be nice if the application made sure that no matter how the names are entered, they’re displayed in this readable way.

In this chapter, we'll define a template helper that can help us do that.

## About helpers

Helpers are functions with various use cases. Some of them control what is shown in the template, others transform data for display or implement conditional logic.

We have used a great number of helpers in our application already, possibly even without being aware of it. `if`, `each`, `outlet`, and `fn` were all helpers.

You should consider using a helper when you need to derive data for display from some source, but do not need the markup or event handling provided by components. The following table summarizes a few typical use cases for helpers.

| **Category**   | **Template content**  | **Output**    |
|----------|-----------|--------------|
| Timestamps   | {{ago message.createdAt}}     | 24 minutes ago       |----------|-----------|--------------|
| Translation   | {{translate "butterfly"}}     | papillon      |----------|-----------|--------------|
| Localizations   | {{localize product.price}}     | $4.99      |
| Text transformations   | {{shout 'silence'}}     | SILENCE!      |


# Tuning
For our application’s users, it’s tiresome to pay attention to typing band names and song titles so that each word starts with a capital letter. It would be nice if the application made sure that no matter how the names are entered, they’re displayed in this readable way.

In this chapter, we'll define a template helper that can help us do that.

# About helpers

Helpers are functions with various use cases. Some of them control what is shown in the template, others transform data for display or implement conditional logic.

We have used a great number of helpers in our application already, possibly even without being aware of it. `if`, `each`, `outlet`, and `fn` were all helpers.

You should consider using a helper when you need to derive data for display from some source, but do not need the markup or event handling provided by components. The following table summarizes a few typical use cases for helpers.

| **Category**   | **Template content**  | **Output**    |
|----------|-----------|--------------|
| Timestamps   | {{ago message.createdAt}}     | 24 minutes ago       |----------|-----------|--------------|
| Translation   | {{translate "butterfly"}}     | papillon      |----------|-----------|--------------|
| Localizations   | {{localize product.price}}     | $4.99      |
| Text transformations   | {{shout 'silence'}}     | SILENCE!      |


In this lesson, you’ll learn what helpers are and how to use them in an Ember application.

Introduction to Helpers

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

Introduction to Helpers

Tuning