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
English
Curiosity Sale
Current price: $10 Original price: $200 Discount: 95% off
30-Day Money-Back Guarantee
Includes:
  • 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
Requirements
  • You should have a basic knowledge of JavaScript, HTML, and CSS
Description

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
05:42:29
+
Rapid Ember.js
20 Lectures 01:03:23

Why should I be excited about Ember.js?

What Is Ember.js?
02:38

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

Getting Help
03:00

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
04:55

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

Convention over Configuration
03:20

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

Planning Our Application
02:03

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
03:34

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

Creating a Simple Model
02:53

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

Building Templates
03:50

How should records be added to the Ember Data store?

Creating Records
05:21

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
04:32

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
03:29

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

Advanced Data Binding
03:58

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

Building Reusable Components
03:52

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
02:38

Conclusion
01:27

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
09:14

Creating our first project and using ember serve.

Creating Your First Project
04:28

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
04:35

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

Compiling the Assets
04:22

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

Managing Dependency
03:56

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

Upgrading Your Project
04:24

This video will show us ways to deploy our application.

Deploying Your application
03:15

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
03:30

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

Working with Ember Observers in Ember.js
03:20

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

Working with Bindings
04:06

This video will focus on how to use mixins.

Using Mixins
04:12

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

Using Enumerables with Arrays
08:55

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
05:52

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

Displaying a List of Items
03:29

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

Binding with Element Attributes and Classes
03:09

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

Working with HTML Links Inside Templates
07:26

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

Handling HTML Actions
07:32

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

Using Template Input Helpers
04:34

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

Using Development Helpers
03:42

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
02:01

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

Handling Dynamic Segments Inside Routes
06:49

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

Defining Routes with Templates
02:17

We need redirecting between routes to pass templates.

Using Redirection with Routes
01:46

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
03:45

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
03:20

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

Using Query Parameters
06:14

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
03:26

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

Working with Transitions
03:30

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
04:38

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
03:28

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

Implementing Actions in Components
06:29

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
03:39

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
07:26

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

Using Fixtures
04:06

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

Customizing the Adapter and Serializer
04:46

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

Working with Relationships
05:31

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
05:39

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

Using Acceptance Testing
04:47

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

Using Unit Tests
02:57

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

Testing Components
03:51

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

Testing Routes, Models, and Controllers
05:22

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
06:27

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

Using OAuth2 with Ember Simple Auth
06:41

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
03:02

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
02:54

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

Learning Bootstrap with Ember.js
02:41

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
03:36

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
04:07

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
04:04

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.