nTier’s Ember.js course teaches participants how to use Ember to build model-view-controller applications that run in a client browser. We teach experienced HTML and JavaScript developers about the benefits of the MVC pattern in interactive applications, and how to design and structure web applications using the Ember framework in the client environment.

Prerequisites:

Attendees must have a solid working knowledge of HTML, CSS and JavaScript, or the scope of this course may be expanded to include that. Familiarity with using JavaScript for server side communication with AJAX (Asynchronous JavaScript and XML) is a plus.

Hardware and Software Requirements:
  • An integrated development environment or text editor with support for highlighting/correcting JavaScript syntax
  • The current versions of Google Chrome, Firefox with Firebug, or Internet Explorer (9 or later) are the preferred web browsers
  • Internet access for all attendees and the instructor
Course Objectives:
  • Explore the advantages of offloading application code to the client
  • Understand and utilize the model-view-controller pattern
  • Leverage advanced concepts and syntax in JavaScript
  • Integrate advanced collection handling the model code
  • Ember handlebar syntax for dynamically injecting data and code elements into an HTML document
Course Outline:
  • Introducing Ember.js
    •  The Model-View-Controller Pattern and Ember.js
    • Models
    • Controllers
    • Views
    • Handlebars

 

  • Refresh
    • Functions and Scope
    • Closures
    • Prototypes
    • jQuery

 

  • Building a View
    • Overview of Page Architecture
    • Interactivity as Defined in The View

 

  • Key Features of Ember.js
    • Bindings
    • Computed Properties
    • Auto-Updating Templates

 

  • Additional Features
    • Getters and Setters
    • Observers
    • Changes in Arrays
    • Control Flow

 

  • Building a Complete Application
    • Step 1: Top-Level Container Views
    • Step 2: Schema and Models
    • Step 3: Adding Interactivity to The Views
    • Step 4: Modals as Views
    • Step 5: Adding Controllers
    • Step 6: Using Routing

 

  • Testing an Ember.js App
    • Unit Tests
    • Unit Testing JavaScript Applications QUnit