Introduction to Ember.js

Introduction to Ember Tomster

Want to improve—or create—your Ember.js skills? Our online Introduction to Ember.js class covers everything Ember, from ember-cli to Ember Data. The class targets Ember 1.11.0, but the core concepts are all current. Some minor syntax changes have taken place; you can find them in the detailed Ember release notes.

The class includes:

  • 35+ screencasts that will take you from Ember beginner to building a complete well architected web application.
  • Exclusive video interviews with Tom Dale and Yehuda Katz, Ember’s creators.

What People Are Saying

Check Out A Sample

Who Will Benefit

Choose this training session if you're an intermediate web developer with a good understanding of HTML, CSS, and JavaScript. Prior experience with Ember is not expected, but you should have a strong understanding of working with the DOM using jQuery.

You should already be experienced with web development, but have a desire to ramp up your skills to create more "application-like" experiences.

We expect participants in this course to be fluent in JavaScript. The pace of the course is designed for those who have had significant hands-on experience using JavaScript.

What to Expect

In this course, you will be building a full-fledged Ember application from the ground up using the latest and greatest tools in the Ember ecosystem including ember-cli and HTMLbars. As you build the application, we will explain the concepts behind each feature that you will need to implement.

For each feature, we will provide you with a comprehensive set of failing unit and integration tests. Your job will be to complete the feature using the concepts that we have described in order to make the test pass.

This process will both help you smoothly progress throughout the course and provide you with the tools you will need to write tests for your own applications.

Course Breakdown

ember-cli

We'll show you how to quickly get up and running with ember-cli to start building your application.

Scalable Application Architecture

You'll learn how to use the MVC (Model-View-Controller) pattern to manage the complexity of your application as it grows. By separating code into distinct objects that work independently, you can test, debug, and collaborate more easily.

You’ll also learn best practices for organizing your source code in a way that makes it easy for your team to understand each other's code.

Components & Templates

Discover how to build advanced user interfaces with composable components that bind to your model data and always stay up-to-date.

Routing

Ember's router puts the URL front and center. We'll show you how to map URLs to templates and models, which makes your links shareable, as well as serving as the scaffolding that allows your application to grow without collapsing in on itself.

DOM Integration

Most of the time, you'll be using Ember objects and templates to keep your UI up to date as things change. We'll teach you how to integrate directly with native browser features, like the audio tag so that your UI can seamlessly take advantage of continued improvements to the web platform.

Actions and Events

You'll learn how to use actions and events to communicate between the components of your application.

Services

We’ll use Ember’s brand new services feature to cleanly abstract away implementation details of third-party code and provide a pipeline for communication between the parts of your application.

Ember Data

Syncing data with a backend server is one of the most challenging aspects of writing a web application. With Ember Data, you’ll be able to go further and faster with data management. You’ll connect your front end application to a running API server and use the store to keep your application code pristine.

Ember.js Object Model

Ember.js includes a powerful object model that brings many advanced features to the browser. You’ll learn how to best use these tools to share common code, describe relationships between objects, and react asynchronously to changes in your data, with computed properties.

Testing

After isolating your application into its constituent MVC components, learn best practices for testing each of these in an automated way. We’ll show you how to use QUnit to reduce bugs in your application and catch regressions.

Debugging

Go in-depth with web developer tools and the Ember Inspector to learn how to troubleshoot problems in your application. We’ll cover Ember.js specific tips and tricks that will shave hours off your debugging time.

The class price covers a single-user license, which grants one person the right to view the course material for personal, noncommercial use.


Instructors

Yehuda Katz

Yehuda Katz is a member of the Ember.js, Ruby on Rails and jQuery Core Teams; his 9-to-5 home is at the startup he founded, Tilde Inc.. Yehuda is the co-author of best-selling jQuery in Action and Rails 3 in Action. He spends most of his time hacking on open source—his main projects, along with others, like Thor, Handlebars and Janus—or traveling the world doing open source evangelism work. He blogs at http://yehudakatz.com and can be found on Twitter as @wycats.

Tom Dale

Tom is one of the creators of Ember.js, and Co-founder at Tilde Inc. He spends his days working on the open source projects Tilde supports, and their first developer product, Skylight. He's a former Apple engineer who first gained expert front-end JavaScript skills working on MobileMe and iCloud. He's a super hipster, and still isn't sure if it's serious or ironic.

Mitch Lloyd

Mitch Lloyd is a freelance software developer and a former developer at Gaslight. He works with both frontend and backend technology, and brings a deep empathy for users to all his work. Mitch has spoken at WindyCityRails and taught a class in Ruby on Rails at Northern Kentucky University.