Course Details

Previous Page


JavaScript - Ember.js Fundamentals


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



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