Developing Robust Web Applications with Ember.js

Takeaway Skills

Learn to create web applications using Ember.

Learn to use Ember CLI.

Learn to use templates, routing, and controllers.

Learn to use Ember Data.

Learn to use Firebase with Ember using EmberFire.

Learn to create web applications using Ember.

Learn to use Ember CLI.

Learn to use templates, routing, and controllers.

Learn to use Ember Data.

Learn to use Firebase with Ember using EmberFire.

Course Overview

Ember.js is a JavaScript framework for building scalable web applications with discrete components. In this course, practicing JavaScript developers will be introduced to the Ember.js framework. You’ll start by setting up Ember and creating a project application. You’ll continue with ... See More

How You'll Learn

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Hands-on coding environments

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Faster than videos

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

No set-up required

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Progress you can show

Built in assessments let you test your skills. Completion certificates let you show them off.

Course Contents

Hide All

Hide All Lessons

1. Course Overview

Getting Started

Introduction to Ember.js

What Are We Going to Build?

2. Getting Started with Ember

Application Architecture

Creating Our First Application

3. Templates in Ember

Introduction to Templates

Styling Our Templates

Adding Bootstrap in Our Application

Making Our Application's Home Page

Quiz: Templates in Ember

Challenge: Templates in Ember

Solution Review: Templates in Ember

4. Routing in Ember

Introduction to Routing

How Routing Works

Setting up Routes

Loading Data from Routes

Creating a 404 Route

Quiz: Routing in Ember

5. Nested Routing

Setting up Nested Routes

Setting up Dynamic Routes

Adding Dummy Data

Setting up the category Route

Setting up the admin Route

Setting up the add Route

Setting up the edit Route

Route Transitions

Quiz: Nested Routing

6. Components in Ember

Introduction to Components

Creating Product Components

Creating the product-details Component

Rendering Product Components

Rendering the ProductDetails Component

Quiz: Components in Ember

7. Controllers in Ember

Introduction to Controllers

Handling Actions with Controllers

Tracked and Computed Property

Setting up Application Controllers

Quiz: Controllers in Ember

8. Ember Data

Introduction to Ember Data

Ember Data Architecture

Defining the Model for Our Application

Introduction to Adapters and Serializers

Ember Data Store

Working with a Local Data Source

Quiz: Ember Data

9. Integration with Firebase

Creating an Application in Firebase

Introduction to EmberFire

Setting up EmberFire

Setting up the Firebase Realtime Database

Adding Products to Firebase

Retrieving Products from Firebase

Editing and Deleting Products in Firebase

Searching Products in the admin Route

Searching Products in the category Route

Sorting Products

Quiz: Integration to Firebase

10. Helpers

Introduction to Helper Functions

Built-in Helper Functions

Creating a Custom Helper Function

Quiz: Helper Functions in Ember

11. Services in Ember

Introduction to Services

Using Ember Services to Implement a Cart

Updating the Count of Products in Cart

Quiz: Services in Ember

12. Testing in Ember

Introduction to Testing

Unit Testing

Integration Testing

Acceptance Testing

Quiz: Testing in Ember

13. Conclusion

Concluding Remarks

Course Assessment

Ember.js Assessment