EmberJs Solutions
1.9 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
30 students enrolled
Wishlisted Wishlist

Please confirm that you want to add EmberJs Solutions to your Wishlist.

Add to Wishlist

EmberJs Solutions

Arm yourself with over 65 hands-on tasks to master building scalable web applications with Ember.js
1.9 (5 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
30 students enrolled
Created by Packt Publishing
Last updated 10/2016
Current price: $10 Original price: $95 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 4.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Skip the boilerplate code with Ember CLI generators
  • Create a component with actions and events
  • Set up a model with Ember Data using fixture data
  • Create several different types of test cases and run them
  • Manage and set up user authentication using Ember Simple Auth
  • Add animated transitions to your app with Liquid Fire
  • Create a working chat application
  • Set up an Ember Service and initializer with dependency injection
View Curriculum
  • Each video in this course will make it that much easier to understand Ember.js. With each video, you will learn the concepts of Ember.js by following the simple step-by-step processes.
  • Prior experience in Coding and familiarity with JavaScript is recommended. If you’ve heard of Ember.js or are just curious on how a single-page application framework works, then this book is for you.

Ember.js is an open source JavaScript framework that will make you more productive. It uses common idioms and practices, making it simple to create amazing single-page applications. It also lets you create code in a modular way using the latest JavaScript features. Not only that, it has a great set of APIs to get any task done. The Ember.js community is welcoming to newcomers and is ready to help you when needed.

This video course provides in-depth explanations on how to use the Ember.js framework to take you from beginner to expert level. You'll start with some basic topics and by the end of the course, you'll know everything you need to know to build a fully operational Ember application.

We'll begin by explaining key points on how to use the Ember.js framework and the associated tools. You'll learn how to effectively use Ember CLI and how to create and deploy your application. We'll take a close look at the Ember object model and templates by examining bindings and observers. We'll then move onto Ember components, models, and Ember Data. We'll show you examples on how to connect to RESTful databases. Next we'll get to grips with testing with integration and acceptance tests using QUnit.

We will conclude by covering authentication, services, and Ember add-ons. We'll explore advanced topics such as services and initializers, and how to use them together to build real-time applications.

About The Author

Erik Hanchett is a software developer, blogger, and perpetual student
who has been writing code for over 10 years. He currently resides in
Reno, Nevada, with his wife and two kids. He blogs about software
development at

Who is the target audience?
  • Anyone who wants to explore Ember.js and wishes to get hands on making sophisticated web apps with less coding will find this video course handy.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
58 Lectures
Ember CLI Basics
7 Lectures 32:57

We will start by installing Ember CLI.

Preview 03:07

Creating our first project and using ember serve.

Creating Your First Project

This video aims at showing how the folder structure is laid out and how the model, controller, and view (templates) are separated from each other.

Exploring Pods and the Folder Layout

In this video, we'll take a look at how assets are added to a project.

Compiling the Assets

This video will focus on dependency management and how we can use it in our Ember projects.

Managing Dependency

This video shows us how to upgrade our project to the latest version.

Upgrading Your Project

This video will show us ways to deploy our application.

Deploying Your application
The Ember.Object Model
6 Lectures 29:40

This video will show how to work with classes and instances.

Preview 05:37

This video will help us learn how to work with computed properties.

Working with Computed Properties

This video aims at showing how to work with Ember observers in Ember.js.

Working with Ember Observers in Ember.js

In this video, we'll take a look at how to work with bindings.

Working with Bindings

This video will focus on how to use mixins.

Using Mixins

This video will focus on how to use enumerables with arrays.

Using Enumerables with Arrays
Ember Templates
8 Lectures 42:28

This video will help us to learn how to work with templates.

Preview 06:44

In this video we'll take a look at conditionals and how they work with templates.

Working with Conditionals in Templates

This video will teach how to make use of the each helper to iterate the list of items.

Displaying a List of Items

In this video, we will see how binding the elements to attributes in your HTML works.

Binding with Element Attributes and Classes

The aim of this video is to show how to use the link-to helper.

Working with HTML Links Inside Templates

In this video we will learn how to use HTML actions.

Handling HTML Actions

In this video we will go over how to use input helper in our Ember applications.

Using Template Input Helpers

In this video we will see how to debug your template.

Using Development Helpers
Ember Router
8 Lectures 34:38

Routers are important in Ember. Hence we need to learn the router basics like setting up a router, redirecting, query statements etc.

Preview 08:26

Route models are used to retrieve data from a template

Setting Up a Route Model

Using dynamic segments and dynamic is important in Ember. Hence it is important to master the same.

Handling Dynamic Segments Inside Routes

To render the appropriate and desired template we need to define the route model.

Defining Routes with Templates

We need redirecting between routes to pass templates

Using Redirection with Routes

A more advanced feature of the router is dealing with synchronous logic. In this video we will explain this concept using promises.

Working with Asynchronous Routing

When routes are loading or there's an error, we have the ability to let the user know what's happening.

Loading and Error Handling

Query parameters allow you to use the URL for the application state. Hence you need to learn how to use them.

Using Query Parameters
Ember Controllers
4 Lectures 16:28

In this video, we'll take a look at a few different types of properties and how they can be displayed in a template.

Preview 04:54

In this video we'll create four different types of actions and see how they react to different situations.

Handling Actions in Controllers

In this video we'll look at an example on how to transition from one route to another.

Working with Transitions

In this video, we'll take a look at a nested controller that needs access to the parent controller's model and properties.

Managing Dependencies Between Controllers
Ember Components
4 Lectures 18:28

Components are an important part of Ember. We need to know how to create them and add them to a template.

Preview 04:52

Using events in components enhances our interface experience.

Using Events in Components

Components communicate changes through actions. Hence it is important that we learn to implement actions.

Implementing Actions in Components

Components are isolated entities. So we need to pass data to them for them to use. We use properties for this purpose. When in block format, components can make use of yield to display information

Passing Properties to a Component Using Yield with Components
Ember Models and Ember Data
5 Lectures 29:19

In this video, we'll create a simple application that retrieves a list of books and displays it to the user.

Preview 07:30

In this video we'll be learning how to create, read, update and delete records with Ember Data.

Creating, Reading, Updating, and Deleting Records with Ember Data

In this video we'll see some basics on how to set up fixtures with Ember CLI Mirage.

Using Fixtures

In this video, we'll be building on the student application that we created in the previous video.

Customizing the Adapter and Serializer

In this video we'll go over some common relationships and also how to use it with Ember Data.

Working with Relationships
Logging, Debugging, and Testing
6 Lectures 25:20

In this video, we'll take a look at some examples on how to work with it in your application.

Preview 02:44

In this video we'll see how to Use Ember Inspector and verify deprecations.

Using Ember Inspector and Verifying Deprecations

In this video, we'll create a few simple acceptance tests.

Using Acceptance Testing

In this video we'll learn about unit tests to test smaller chunks of functionality.

Using Unit Tests

In this video, we'll look at a simple example of a component that changes the size of the text.

Testing Components

In this video, we'll create a simple unit test for a route, model and controllers.

Testing Routes, Models, and Controllers
Real-Life Tasks with Ember.js
6 Lectures 27:07

In this video, we'll create and inject a service into a component.

Preview 05:22

In this video, we'll create simple token-based authentication with an Express server.

Managing Basic Authentication

In this video, we'll create a protected students route that can be accessed by authorized users only

Using OAuth2 with Ember Simple Auth

Ember Liquid Fire is an add-on for Ember that handles animations and transitions. Let's see how to use it.

Using Liquid Fire to Create Transitions

In this video, we'll see an example of dragging an IMG file to a drop zone on the screen.

Working with HTML5 Drag and Drop

In this video, we will learn Bootstrap and use it to create a drop-down menu.

Learning Bootstrap with Ember.js
Awesome Tasks with Ember
4 Lectures 18:17

Data form validation is a very common use case in web development which the end user knows immediately if they've made a mistake. This is achieved with validation. We shall see how we could apply validations in Ember.

Preview 06:30

D3.js uses web standards such as HTML, SVG, and CSS to accomplish its goals. It can also manipulate document data and can be used to create shapes, animations, and powerful visualizations. How could we use it in Ember.js? Let us see it.

Using D3.js with Ember.js

WebSockets make it possible to open a communication session with a server. Ember.js does not handle this natively. However, there are some easy-to-use add-ons that can be used to make this possible. Let us go through these ways.

Using Ember with Socket.IO

Ember downloads all of the JavaScript in order to run in the browser. This doesn't go well as large applications take long to load, and it also affects search engine optimization. We'll learn to how to get faster load times while using Ember.

Using Server-Side Rendering
About the Instructor
Packt Publishing
3.9 Average rating
8,175 Reviews
58,698 Students
686 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.