Master EmberJS : Learn Ember JS From Scratch

Learn to demystify the EmberJS JavaScript framework by learning all the core concepts of it and building a real web app
3.2 (41 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.
561 students enrolled
$19
$120
84% off
Take This Course
  • Lectures 103
  • Length 6.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2015 English

Course Description

The course now covers Ember 2.0 and Ember CLI


This course is all about exploring Ember js in a way which will put you at ease to work with any version of it.

The course covers all the topics from basic to advance and provides you a custom approach of creating web applications using Ember js framework.

Using this approach you will be able to learn all the nuances of this framework and understand how exactly each component is tied together.

We will be developing a real-world course based website which will allow users to browse and see details of each course that is in our inventory, using this project we will be exploring all the concepts of Ember js and we will see its practical use

We will also be covering precompiling our templates using Grunt which will help in deploying our Ember js application with lesser files

Here's what we will be covering in this course

1. Introduction to Ember js

2. Templates in Ember js

3. Routing

4. Models

5. Views

6. Routers,Controllers & Route

7. Models & Adapters

8. Working with ArrayControllers & Property Binding

9. Ember Components

10. Controller Action,Custom Views and Events

11. Externalizing Templates

12. Precompiling Templates using Grunt

13. Enumerables

14. The Object Model

By the end of this course you will be comfortable enough to develop your own Ember js application.

So lets get started

What are the requirements?

  • HTML
  • JavaScript
  • Basic understanding of CSS
  • Basic understanding of jQuery is required but not mandatory

What am I going to get from this course?

  • Develop dynamic User Interfaces using Ember.js
  • Understand all the basic concepts of Ember.js
  • Make use of Ember.js with other frameworks/libraries like jQuery
  • Learn precompiling the Ember Code
  • Understand Advance topics of Ember.js

What is the target audience?

  • Aspiring Web Designers
  • Aspiring Web Developers
  • Web Developers
  • Web Designers
  • Web Architects

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to Ember.js
00:57

A short and sweet introduction to Ember.js

03:13

In this lecture we will be exploring the architecture of Ember.js and what exatcly each component is responsible for doing. This is basically a theoretical explanation of Routers, Route , Models, Controllers, Views and Templates

02:04

This lecture introduces you to how this course is organized

Before You Buy This Course
Preview
03:04
04:55

In this lecture we will see how to create an ember-cli application as well as a custom Ember.js application

We have attached a PDF file which lists out all the steps for both custom and cli based ember installations.

A demo custom ember startup project is also added with this lecture to get you started quickly

05:48

In this lecture we will see how we can create Ember CLI application

03:09

In this lecture we will see how we can create custom Ember.js application

Section 2: Templates
02:14

In this chapter we will be covering basics of HandleBar on top of which HTMLBars have been developed

01:26

In this lecture we will understand the Application Template. The application template is the default template which gets created for you when you create your application as ember-cli. Here we will see it in action by creating a custom ember application

03:48

In this we will explore the different types of conditionals that Ember.js offers

01:51

In this lecture we will see how we can iterate over a list of items

03:29

In this lecture we will see how we can bind elements

02:21

In this lecture we will see how we can bind element class names

03:09

In this lecture we will see how we can generate links by making use of #link helper

03:31

In this lecture we will see how we can call a function on any event by making use of action helpers

02:49

In this lecture we will see the built-in input helpers provided by Ember.js

01:43

In this lecture we will see the development helpers in action

Section 3: Routing
02:38

In this lecture we will be learning about routing

01:34

In this lecture we will learn about routes and how we can configure them in our application

01:14

In this lecture we will see how Ember.js generates required objects behind the scenes automatically

Section 4: Models
03:32

In this lecture we will see Models in Ember.js

02:38

In this lecture we will see how we can define and use models

01:33

In this lecture we will see how we can create records using our models

01:10

In this lecture we will see how we can store records in the Ember Data Store

02:10

In this lecture we will see how to find records that are pushed into our Ember Data Store

Section 5: Views
01:01

In this lecture we will explore Views in Ember.js

01:52

In this lecture we will see how to define a view

01:51

In this lecture we will see Event Handling in Views

01:38

In this lecture we will see how to insert views in our templates

02:02

In this lecture we will see how we can customize our views

Section 6: Router,Controllers & Route
03:15

Introduction to Router

03:26

Configuring Navigation Links

04:09

How to create a controller

06:21

How to make use of Routes

05:04

Introduction to Dynamic Segment Route

05:29

Nested Routes and Templates

Section 7: Models & Adapters
01:51

A real world example of Model

06:15

Introduction to Ember Data

03:50

Model Mapping in Ember.js

02:49

Using RestAdaptor

Section 8: Working with Array Controllers and Property Binding
02:13

Sorting using RestAdaptor

02:53

Sorting using ArrayControllers

03:43

Property Binding & Computed Aliases

05:30

Computed Properties

06:02

Exploring Nested Routes with Controllers

Section 9: Ember Components
06:23

Introduction to Components

03:59

Adding functionality to component template

02:54

Working with partials

04:04

Create a controller from template

04:14

Introduction to Ember Views

Section 10: Controller Actions, Custom Views And Events
07:00

We will explore controller actions by making a review form and submitting the review for a given course.

In this we will also explore Data Binding in Ember.js

06:46

Data Binding in Ember.js

09:52

Custom Views and Events

01:23

Writing our own Helpers

Section 11: Externalizing Templates
02:20

Externalizing our templates

Section 12: Precompiling Templates using Grunt
09:09

Precompiling our components and routes

03:34

Precompiling partials

Section 13: Enumerables
05:50

Exploring Enumerables

Section 14: The Object Model
02:17

Understanding the Object Model - Classes and Instances

01:03

Understanding the Object Model - Computed Properties

01:07

Understanding the Object Model - Observer

01:26

Understanding the Object Model - Each

01:24

Understanding the Object Model - Bindings

01:16

Understanding the Object Model - Reopen

Section 15: Conclusion & Code Samples
25 pages

Conclusion and Code Samples

Section 16: Ember Command Line Interface and Ember 2.0
04:46

In this lecture we will see how to install ember and create ember-cli application

Benefits of using Ember CLI applications
02:34
What is new in Ember 2.0
02:11
Revised Architecture Ember 2.0
01:15
Ember Data Flow
01:27
Revisiting Ember Router
05:15
Creating route and its actions
04:20
Adding Bootstrap CSS to Ember CLI Application
03:25
Displaying Data using Model in Templates
03:05
Adding assets like images in Ember CLI applications
01:24
Understanding Ember 2.0 File Structure
03:14
Section 17: Creating Quotes Project - An Ember 2.0 Application
Creating our Quotes Application
01:39
Quotes Application outline and layout
05:50
Updating Templates using HTMLBars
05:41
Adding Style to our Quotes Application
01:27
Creating Routes For our Quotes Application
05:10
Creating Nested Routes
06:06
Working with Components
10:58

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

SkillBakery Studio, Start Learning Today...

SkillBakery is one of the fastest growing online education company.

Our vision is to provide high quality education which is affordable and accessible to everyone

We believe that every one has their own way of learning and grasping things and that's why we provide self-paced HD quality contents,so you can learn what you love at your convinience

We currently offer courses in web development and will soon be publishing new courses in other categories as well

We are committed to bring courses on new topics and we try to release one new course every month

So keep visiting us, you will surely find something for yourself here.

Ready to start learning?
Take This Course