O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning Ember.js

Video Description

In this Learning Ember.js training course, expert author Jason Gonzalez will teach you how to create a single-page app using Ember.js. Throughout the course, you will be working on building a grocery shopping list app. This course is designed for users who have experience with HTML, CSS, and JavaScript, although no experience with Ember.js is required.
You will start by learning about the concepts for making the app, including setting up the wireframe, then jump into learning the basic styles for creating and displaying categories. From there, Jason will teach you how to build the model for categories and create category pages. This video tutorial will also cover creating and displaying items, and how to work with categories. Finally, you will learn how to delete and edit items and categories.
Once you have completed this computer based training course, you will be fully capable of using Ember.js to create a standalone single-page app. Working files are included, allowing you to follow along with the author throughout the lessons.

Table of Contents

  1. Getting Started
    1. What You Will Learn 00:01:00
    2. About The Author 00:00:38
    3. What You Need To Know 00:01:55
    4. How To Access Your Working Files 00:01:15
    5. Software Required 00:07:03
    6. Installing Node.JS - Mac OSX 00:06:19
    7. Installing Node.JS - Windows 00:04:06
    8. Super Quick Setup With Yeoman 00:06:13
    9. Installing EmberJS 00:01:54
    10. How To Work With The Code Samples 00:03:24
  2. About Ember.JS
    1. What Is EmberJS 00:01:50
  3. Concepts For Making The App
    1. Setting Up The Wireframe - Our End Goal 00:02:06
  4. Basic Styles For Creating And Displaying Categories
    1. Setting Up The EmberJS App 00:05:18
    2. Making HTML And CSS For The Category Page 00:04:03
    3. Installing EmberJS Templates 00:06:07
  5. Building The Model For Categories
    1. Defining The Category Model 00:04:27
    2. Making A Fixture For Category Model 00:02:55
    3. Editing The Template To Display The Fixture 00:03:54
  6. Creating Category Pages
    1. Adding Dynamic Routes And Template 00:06:15
    2. Link Back To Category Page 00:01:41
  7. Creating And Displaying Items
    1. Building The Items Model, Fixture And Template 00:05:44
    2. Adding A Controller To Create Items 00:07:28
  8. Working With Categories
    1. Adding Categories 00:02:43
    2. Adding A Route All Category 00:04:13
    3. Using Partials To Dry Up Code 00:02:20
    4. Kick Away The Fixtures 00:04:59
  9. Deleting And Editing And Totals
    1. Adding A Delete Button To The Templates 00:03:03
    2. Actions For Deleting Items 00:03:22
    3. Actions For Deleting Categories 00:02:36
    4. Displaying An Item Count 00:05:21
    5. Editing Items 00:05:56
  10. Conclusion
    1. Wrap Up, Extra Tools And Additional Resources 00:03:36