JavaScript - Ember.js Fundamentals

Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level

---

Overview/Description
Ember.js is a client-side, JavaScript-based and open-source application framework that uses the Model-View-Controller (MVC) architectural pattern. This course shows how to use the features of Ember.js to create web applications. It covers working with the object model, routing, using templates and helpers, controllers, views and, enumerables. It also shows how to group elements into resources and how to use browser development tools to debug Ember applications.

Target Audience
Programmers familiar with JavaScript who want to learn how to use Ember.js to build web applications

Prerequisites
None

Expected Duration (hours)
2.5

Lesson Objectives

JavaScript - Ember.js Fundamentals

start the course

download the Ember.js libraries and starter kit and select an IDE

outline the basic structure of an Ember application

create Ember objects

specify properties for Ember objects

set and retrieve computed properties for Ember objects

use the observe method to track a single property of an Ember object

use the observe method to track multiple properties of an Ember object

use the reopen method to add properties and methods to existing class definitions

add templates to a web page in Ember.js

use conditional helpers to incoporate programming logic into templates in Ember.js

dynamically switch from one template to another by using the linkTo helper in Ember.js

use the #each helper to display a list of items on a web page in Ember.js

shorten references to Ember values or change their context using the #with helper

bind element attributes and class names in an Ember application

create an action and call it from the web page of an Ember application

use input helpers to include form controls in a page of an Ember application

create routes in an Ember application

create a route subclass to change the default behavior of a route in an Ember application

set up a data model inside a custom route in an Ember application

use the setupController hook to tell the controller which specific model to present in an Ember application

use the renderTemplate hook to render a template other than the default one on a web page of an Ember application

automatically redirect users from one route to another using transitionTo in Ember applications

group routes into resources in an Ember application

use Ember.View to render templates into a web page in an Ember application

create an ObjectController and access from a template in an Ember application

create an ArrayController and acccess from a template in an Ember application

use the Enumerable class and its methods in an Ember application

debug Ember.js applications using browser development tools

Course Number:
sl_jsem_a01_it_enus

Expertise Level
Beginner