Learning Path: Mastering Ember.js Application Development
0.0 (0 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.
21 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learning Path: Mastering Ember.js Application Development to your Wishlist.

Add to Wishlist

Learning Path: Mastering Ember.js Application Development

Get started with building blazing-fast, high performance apps with Ember
0.0 (0 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.
21 students enrolled
Created by Packt Publishing
Last updated 6/2017
Curiosity Sale
Current price: $10 Original price: $200 Discount: 95% off
30-Day Money-Back Guarantee
  • 5.5 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn EmberJS from scratch, right from the basics to building applications following the best practices
  • Hands-on training in working with EmberJS
  • Learn to work with some amazing technologies such as SocketIO and D3JS in an EmberJS development environment
View Curriculum
  • You should have a basic knowledge of JavaScript, HTML, and CSS

Ever wanted to take your web development skills to the next level?

Enter Ember.js.

Ember.js is currently one of the hot, new, open source JavaScript-based web frameworks that has taken the world by storm, and is now being used by companies such as Apple, Yahoo!, LinkedIn and Netflix. It makes use of powerful data-binding features, provides efficient client-side rendering and structure to scalable web applications, and works smoothly with large application ecosystems. With its motto of 'Convention over Configuration', Ember.js and similar frameworks are rightly considered as the future of web development.

In this Learning Path, you will start from the basics of Ember.js. You will be taught about some key aspects of Ember.js, including topics such as Ember templates, Ember router, and the Ember CLI. Then, you will progress to more advanced topics relating to working with Ember components and controllers, and handlebars. Finally, you will learn how to use Ember.js with some amazing technologies such as D3.js and Socket.IO. The approach used is quite hands-on and aims to provide the learner with a very practical knowledge of Ember.js.

The goal of this course is to help you master Ember.js so that you are skilled enough to start building awesome, highly scalable, and performance-driven apps

This course is authored by some of the best in the field.

William Hart is a professional engineer who works for an Oxford-based technology startup. He caught the programming bug hacking LogoWriter on a laptop in the early 90s.

William found Ember.js during the Beta phase and immediately fell in love with it. He has used Ember to make websites and web and mobile apps ever since. He has written a few Ember tutorials on his website.

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.

Who is the target audience?
  • This Learning Path is best suited for web developers having a basic knowledge of JavaScript, HTML, as well as CSS, and interested in getting started with EmberJS.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
79 Lectures
Rapid Ember.js
20 Lectures 01:03:23

Why should I be excited about Ember.js?

What Is Ember.js?

Where to find solutions for Ember.js problems and save time?

Getting Help

What pattern does an Ember application require to run?

Preview 02:32

How do URLs relate to the application state and how can actions be connected up?

Working with the Ember Router

How should Ember objects be named to take advantage of Ember conventions?

Convention over Configuration

How should the application be structured to be simple for users to understand?

Planning Our Application

How should a simple Ember application be structured to make editing easy?

Preview 01:52

How to build a minimal Ember application and include the required scripts?

Building the index.html File

What features should our application offer? How should data be represented within an Ember application using models?

Creating a Simple Model

What is required to load data from an Ember Data store and display it on the screen?

Building Templates

How should records be added to the Ember Data store?

Creating Records

How should lists of data be displayed in a template? How can more complicated data be displayed and bound to the UI?

Template Binding and Computed Properties

How to apply custom formatting to data in templates?

Preview 03:31

How to show custom images or formatting based on model data?

Element Data Binding

How to calculate summary statistics across a group of Ember model data?

Advanced Data Binding

How to reduce duplication in templates and simplify complicated UIs with reusable controls?

Building Reusable Components

Most real-world data is relational; how can you represent this using Ember data?

Preview 02:20

How to compile a complicated Ember application with various parts?

Ember CLI


Test Your Knowledge
5 questions
Ember.js Solutions
59 Lectures 04:39:06

This video gives an overview of the entire course.

Preview 03:07

We will start by installing Ember CLI.

Installing Ember CLI

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

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

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

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

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

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

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

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

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

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

Test Your Knowledge
9 questions
About the Instructor
Packt Publishing
3.9 Average rating
7,297 Reviews
52,267 Students
616 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.