We can begin by setting up a dev environment and setting up a project so we can code.

We can use the Ember CLI tool to install Ember, setup a project, and do even more heavy lifting for us.

A Walk-Thru of our scaffolded project & some of the key aspects of Ember

Let's see the importance of Ember.Object class and the Ember Observation system

A look at Ember's Observation features and creating short-cuts for binding and UI.

Let’s look at how an application stacks up from it’s root instance down and how certain objects are scoped in certain ways and why.

Let’s take a look at how simple it is to define a route with Ember

When we want to display particular information, we need to be able to tell Ember which data we’re interested in

Sometimes a particular route definition needs a little more intelligence

When a request to a particular data source is made, Promises are used to respond

Routing is an elemental part of the Ember framework and is quite simple to begin implementing. Looking further into the API, we find many rich features to make routing highly functional with nesting, dynamic routes, and promises

It’s due time to get more creative with data binding from the application to the template

Using Helpers in templates allows transformation of raw values from models and components into a form that fits a particular use-case in an application

Custom helpers give us fine-grained control over data display

Let’s use Components in Ember and see how we not only code them, but how we should design applications in terms of Ember Components.

Let's talk our way thru the construction of a fresh Component, add some minor features, and work thru any issues.

Oftentimes, we need a Controller to fully implement a Component

Mirage is a client HTTP stubbing library often used for Ember acceptance testing. We'll leverage it as a development database as well.

We know that Ember Data provides all CRUD operations, so it can handle queries, deletes & updates, and provide for creating new data entities. We’ll work with Ember Data more and more as we build out our course project.

We can use all of our tools and knowledge to quickly get this app built out

There are details to mind now. But we're cool, we know how to get everything working

Let's gain some additional perspective on what we just built

In the process of designing and building out the app we utilized all things we learned prior to this section of the course and expanded on some of them. We can now extend our app with some additional Ember power features.

By default, Ember provides the QUnit testing library to handle all of our testing

Testing a larger chunks of an app's complexity, like Components, is tackled with Integration tests

Unit, Integration and Acceptance tests are all capable of being written and run within the testing environment with the help of the CLI tool. With automatically created scripts for every CLI generated object, testing is a breeze with Ember.

Using Addons whenever possible makes creation of richer apps almost effortless. These are well written, well tested feature sets that we can install with a single CLI command. Being familiar with the range of Addon types and purposes is a good idea so they can be leveraged whenever possible and huge amounts of time and effort can be saved.

Installing Ember-paper is a simple CLI command and a few tweaks.

In Material Design, it's cool to use Cards to make lists. Let's do it.

Just a few more refactors to make our app design work with styled components.

Styling an app in Ember with a modern, full-featured library is not difficult to get set up and done. To streamline development, the components within the styling library and their proper implementation should be considered when designing an app and before any code is written. Ember-Paper is a great looking styling Addon that also provides responsive behavior.