Starting with Ember.js 2
4.1 (25 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.
133 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Starting with Ember.js 2 to your Wishlist.

Add to Wishlist

Starting with Ember.js 2

Code an Ember 2 project with an online IDE
4.1 (25 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.
133 students enrolled
Last updated 2/2017
English
Curiosity Sale
Current price: $10 Original price: $100 Discount: 90% off
30-Day Money-Back Guarantee
Includes:
  • 5 hours on-demand video
  • 2 Articles
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Code an Ember 2.0 Project with an Online IDE
  • Understand and use Ember's Component paradigm
  • Use Ember Data, Ember's powerful data management library
  • Use Ember's CLI tool to create everything Ember
  • Implement Ember Add On's for instant, amazing app functionality
  • Compose Components with Ember's Component-driven design
  • Implement Authentication in an Ember application
  • Style an Ember app with an Ember Material CSS library
  • Write and run Unit, Acceptance and Integration tests for Ember code
  • Implement Routing in Ember
  • Understand what Ember 2.0 is all about, and how it can help you as a developer ... and much, much more!
View Curriculum
Requirements
  • Before taking this course, a student should ideally (but not absolutely) have some experience in: Creating web UI’s with normal Javascript tools (i.e. jQuery, Bootstrap, ASP.NET, AngularJS, etc.) Programming with a common object-oriented or scripting language (i.e. Java, C#, Python, PHP, etc.) JavaScript development of complete client-side solutions. EMBER EXPERIENCE IS NOT REQUIRED!!!
Description

Ember isn't like other JavaScript frameworks. Instead of providing a solution to the 'view' part of the Model-View-Controller design process, it tackles the client-side application problem as a whole. Whether it's web, mobile, or service applications, Ember works it using the model-view-viewmodel approach and does it flawlessly. If you're a IT professional or just a hobbyist interested in web architecture, UI design, or even testing and administrating, Ember will make your life infinitely easier. 

 

Create Ambitious Web Applications

·         Understand how Ember 2 works in web and mobile solutions

·         Learn how Ember 2 solutions are designed, administered and developed

·         Code an Ember 2 project with an online IDE

·         Use Ember's component paradigm, data management library, CLI tool, and more

·         Implement Ember Add-Ons, routing, authentication, and more

·         Write and run Unit, Acceptance and Integration tests

·         Style and Ember app with an Ember Material CSS Library

 

Launch Your Ember 2 Projects Now

 This Ember 2 online course was designed specifically with web developers who design and build UI/UX solutions in mind. However, the information presented is just as valuable for architects, testers, or product managers. Ideally you'll have some experience in creating web UIs with normal JavaScript tools like jQuery or Bootstrap, as well as programming with an object-oriented or scripting language  and JavaScript development of complete client-side solutions. Ember Experience, on the other hand, is absolutely not necessary.

 This course will start off by giving you an overview of what Ember is and how and why it works. Then you'll install it and get going with the good stuff! You'll start off with routing, templates and helpers, Ember components and Ember Data, and once you've to grip with the fundamentals you'll begin building your own Ember app.

You'll design your app, build it out, create the components and complete the code, and then you'll move on to testing it. But it doesn't stop there; this course also covers more advanced aspects including styling, add-ons and security. By the time you're finished, you'll be more than capable of getting your own Ember projects up and running.  

 

About Ember

 Ember is a free, open-source, JavaScript framework for creating ambitious web applications. It allows web developers and UI/UX developers to create scalable, single-page web apps by incorporating common idioms, reducing code lines with Handlebars-integrated templates, and creating application-specific HTML tags. Websites such as Groupon, Nordstrom and the desktop app Apple Music all use Ember.

Who is the target audience?
  • This course was built for web developers who design and build UI/UX solutions for mobile and the web. This course is designed for those developers who want to design with Ember 2.x as easily as they can with other JavaScript frameworks. Of course, the info presented here is just as valuable for architects, testers, and product managers as they too should understand how Ember 2.x is designed and used in a complete web solution.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
69 Lectures
04:46:59
+
Welcome to Starting with Ember
5 Lectures 18:35

Welcome to Starting With Ember where we will become dangerous with the Ember framework and it’s amazing libraries.

Download files here

Preview 02:23

What is the Ember framework? How does it compare to other frameworks?

What is Ember?
03:58

What is the thinking behind Ember? What did the Ember developers think were the most important aspects for a new JS framework when Ember was created?
Motivations Driving Ember
02:14

Ember is very easy to begin using. Let's see just how easy it is!
How Easy is it?
05:43

With some Ember background and an idea of just how easy it is to begin using the framework, we're ready to dive in and get our hands dirty!
Course Outline
04:17
+
Let's Get Started
7 Lectures 36:25

We can begin by setting up a dev environment and setting up a project so we can code.

Section Introduction
01:02

We can use the Ember CLI tool to install Ember, setup a project, and do even more heavy lifting for us.

Installing Ember CLI
05:55

A Walk-Thru of our scaffolded project & some of the key aspects of Ember

And.. What Do We Have Here?
07:53

Let's see the importance of Ember.Object class and the Ember Observation system

Ember Objects, Classes & Instances
07:42

A look at Ember's Observation features and creating short-cuts for binding and UI.

Computed Properties, Observers, & Bindings
09:38

Let’s look at how an application stacks up from it’s root instance down and how certain objects are scoped in certain ways and why.

Concepts at Application Scope
03:15

With a taste of Ember's noteable features, we're ready and able to dig further into more key aspects of the framework
Section Conclusion
01:00

Section 2 Quiz
2 questions
+
Ember Routing
7 Lectures 21:28
The concept of routing in any JavaScript framework is pretty easy to understand at a high level.
Section Introduction
01:12

Let’s take a look at how simple it is to define a route with Ember

Route Definition
03:03

Nested routes can display templates, one within another
Nesting Routes & Templates
06:06

When we want to display particular information, we need to be able to tell Ember which data we’re interested in

Preview 02:41

Sometimes a particular route definition needs a little more intelligence

Specific Route Handlers
04:57

When a request to a particular data source is made, Promises are used to respond

Promises & Routers
02:16

Routing is an elemental part of the Ember framework and is quite simple to begin implementing. Looking further into the API, we find many rich features to make routing highly functional with nesting, dynamic routes, and promises

Section Review
01:13

Section 3 Quiz
2 questions
+
Templates & Helpers
5 Lectures 20:51

It’s due time to get more creative with data binding from the application to the template

Section Introduction
01:27

Using Helpers in templates allows transformation of raw values from models and components into a form that fits a particular use-case in an application

Creating Templates with Helpers
07:47

Let’s now look at using Helpers that respond to user actions
Actionable Helpers
07:46

Custom helpers give us fine-grained control over data display

Preview 02:48

We’ve seen how to get more creative with data binding from the application to the template by implementing Ember Helpers and their syntactically light functions that allow us to inject data into templates with Handlebar expressions
Section Conclusion
01:03

Which of the following is not an Ember Helper? 

Section 4 Quiz
2 questions
+
Ember Components
6 Lectures 30:11

Let’s use Components in Ember and see how we not only code them, but how we should design applications in terms of Ember Components.

Section Introduction
03:30

Let's talk our way thru the construction of a fresh Component, add some minor features, and work thru any issues.

Preview 05:16

We can leverage the CLI when creating Components
Creating a Component
09:08

Oftentimes, we need a Controller to fully implement a Component

Creating a Controller
08:24

Bubbling Up Events with Ember's Closure Actions feature
Components and Closure Actions
02:44

Knowing how Components are simply created with the CLI tool and how encapsulation of features with Components is superior design, we can now think of Ember app design in terms of Components
Section Conclusion
01:09

Section 5 Quiz
2 questions
+
Ember Data
5 Lectures 17:56
Ember Data which is an included Ember library that makes it simple to retrieve data Models from the normal suspect places
Section Introduction
01:39

Mirage is a client HTTP stubbing library often used for Ember acceptance testing. We'll leverage it as a development database as well.

Preview 05:52

Models are our definition of a data class. The CLI helps us with Models too!
Create an Ember Model
02:03

We can now use our Model and access data in our database through Ember Data.
Access Our Model
07:11

We know that Ember Data provides all CRUD operations, so it can handle queries, deletes & updates, and provide for creating new data entities. We’ll work with Ember Data more and more as we build out our course project.

Section Conclusion
01:11

Section 6 Quiz
2 questions
+
Build an Ember App
7 Lectures 38:13
Let's go thru the steps of setting up a project, designing an application, and coding the design to create a functioning, simple Ember web application
Section Introduction
04:15

The idea is to conceptualize an app that displays some fun info about Star Wars movies and implements the essential Ember application facets and also provides an environment for additional exploration and experimentation
Preview 01:31

We can use all of our tools and knowledge to quickly get this app built out

Build Out the App
06:11

We create 2 Components to encapsulate some of our application's features
Create the Components
09:05

There are details to mind now. But we're cool, we know how to get everything working

Complete the Code
08:51

Let's gain some additional perspective on what we just built

Walk-Thru our New Code
06:51

In the process of designing and building out the app we utilized all things we learned prior to this section of the course and expanded on some of them. We can now extend our app with some additional Ember power features.

Section Conclusion
01:29
+
Testing Ember
6 Lectures 15:40
Section Introduction
01:30

By default, Ember provides the QUnit testing library to handle all of our testing

Ember Testing Tools
04:12

The Ember CLI makes it too easy to create Unit tests
Unit Testing
03:27

Automated functional testing of an Ember app's UI is straightforward with Acceptance tests
Acceptance Testing
01:42

Testing a larger chunks of an app's complexity, like Components, is tackled with Integration tests

Integration Testing
01:52

Unit, Integration and Acceptance tests are all capable of being written and run within the testing environment with the help of the CLI tool. With automatically created scripts for every CLI generated object, testing is a breeze with Ember.

Section Conclusion
02:57

Section 8 Quiz
2 questions
+
Ember Addons
5 Lectures 10:54
Ember provides the ability to add amazing features like CSS libraries, Authentication packages, media players, testing libraries, etc. thru packages called Addons.
Section Introduction
01:10

We need to be able to find what Addons are available and decide which ones we want to use.
Preview 00:48

It's almost too easy to add a YouTube movie trailer to our app.
Add a YouTube Addon
04:32

Let's add another Addon, just because we can.
Add Tooltips to our Templates
03:37

Using Addons whenever possible makes creation of richer apps almost effortless. These are well written, well tested feature sets that we can install with a single CLI command. Being familiar with the range of Addon types and purposes is a good idea so they can be leveraged whenever possible and huge amounts of time and effort can be saved.

Section Conclusion
00:47
+
Styling Ember
6 Lectures 39:00
The library we'll use, Ember-Paper, wraps much of the Angular Material library and many of the cool Material components from Angular are available for us to use.
Section Introduction
01:58

Installing Ember-paper is a simple CLI command and a few tweaks.

Preview 09:48

We should add a toolbar component to get our home page dressed up and then add some stylish buttons.
Styling our Main Template
11:00

In Material Design, it's cool to use Cards to make lists. Let's do it.

Styling our List Component Template
09:50

Just a few more refactors to make our app design work with styled components.

Final Refactioring
05:01

Styling an app in Ember with a modern, full-featured library is not difficult to get set up and done. To streamline development, the components within the styling library and their proper implementation should be considered when designing an app and before any code is written. Ember-Paper is a great looking styling Addon that also provides responsive behavior.

Section Conclusion
01:23

Section 10 Quiz
2 questions
3 More Sections
About the Instructor
Stone River eLearning
4.2 Average rating
16,660 Reviews
275,300 Students
201 Courses
270,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 450,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.