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
Creating our first project and using ember serve.
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.
In this video, we'll take a look at how assets are added to a project.
This video will focus on dependency management and how we can use it in our Ember projects.
This video shows us how to upgrade our project to the latest version.
This video will show us ways to deploy our application.
This video will show how to work with classes and instances.
This video will help us learn how to work with computed properties.
This video aims at showing how to work with Ember observers in Ember.js.
In this video, we'll take a look at how to work with bindings.
This video will focus on how to use mixins.
This video will focus on how to use enumerables with arrays.
This video will help us to learn how to work with templates.
In this video we'll take a look at conditionals and how they work with templates.
This video will teach how to make use of the each helper to iterate the list of items.
In this video, we will see how binding the elements to attributes in your HTML works.
The aim of this video is to show how to use the link-to helper.
In this video we will learn how to use HTML actions.
In this video we will go over how to use input helper in our Ember applications.
In this video we will see how to debug your template.
Routers are important in Ember. Hence we need to learn the router basics like setting up a router, redirecting, query statements etc.
Route models are used to retrieve data from a template
Using dynamic segments and dynamic is important in Ember. Hence it is important to master the same.
To render the appropriate and desired template we need to define the route model.
We need redirecting between routes to pass templates
A more advanced feature of the router is dealing with synchronous logic. In this video we will explain this concept using promises.
When routes are loading or there's an error, we have the ability to let the user know what's happening.
Query parameters allow you to use the URL for the application state. Hence you need to learn how to use them.
In this video, we'll take a look at a few different types of properties and how they can be displayed in a template.
In this video we'll create four different types of actions and see how they react to different situations.
In this video we'll look at an example on how to transition from one route to another.
In this video, we'll take a look at a nested controller that needs access to the parent controller's model and properties.
Components are an important part of Ember. We need to know how to create them and add them to a template.
Using events in components enhances our interface experience.
Components communicate changes through actions. Hence it is important that we learn to implement actions.
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
In this video, we'll create a simple application that retrieves a list of books and displays it to the user.
In this video we'll be learning how to create, read, update and delete records with Ember Data.
In this video we'll see some basics on how to set up fixtures with Ember CLI Mirage.
In this video, we'll be building on the student application that we created in the previous video.
In this video we'll go over some common relationships and also how to use it with Ember Data.
In this video, we'll take a look at some examples on how to work with it in your application.
In this video we'll see how to Use Ember Inspector and verify deprecations.
In this video, we'll create a few simple acceptance tests.
In this video we'll learn about unit tests to test smaller chunks of functionality.
In this video, we'll look at a simple example of a component that changes the size of the text.
In this video, we'll create a simple unit test for a route, model and controllers.
In this video, we'll create and inject a service into a component.
In this video, we'll create simple token-based authentication with an Express server.
In this video, we'll create a protected students route that can be accessed by authorized users only
Ember Liquid Fire is an add-on for Ember that handles animations and transitions. Let's see how to use it.
In this video, we'll see an example of dragging an IMG file to a drop zone on the screen.
In this video, we will learn Bootstrap and use it to create a drop-down menu.
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.
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.
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.
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.