vine77

Ember.js September Meetup

Yehuda Katz: Ember 2.0 and the Road Ahead

• EmberPDX video on YouTube

Ember 2.0 Recap

• Ember 2.0 timeline
• "The Road to Ember 2.0" RFC was proposed on 11/3/2014 with goals of:

vine77

#!/usr/bin/env node

var fs = require('fs');
var os = require('os');
var path = require('path');

var file = '~/.beer/count.txt',
    firstArgument = process.argv[2],
    count = 0,
    folder;

vine77

// ==UserScript==
// @name         Expanding Gist Input
// @version      0.1
// @author       Nathan Ward
// @match        https://gist.github.com/*
// ==/UserScript==

$(document).ready(function() {
    $('.ace_editor').attr('id', 'editor');
    ace.edit('editor').setOptions({

vine77

<h1>{{appName}}</h1>

<label>
  {{input type="checkbox" checked=licenseError}}
  License Error
</label>

<div class="nav-primary {{if licenseError 'license-error'}}">
  {{if licenseError "License Error" "No License Error"}}
</div>

vine77

import Ember from 'ember';

export default Ember.Route.extend({
  model: function () {
    return {
      id: 'hello2020'
    };
  }
});

vine77

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle'
});

vine77

import Ember from 'ember';

export default Ember.Route.extend({
  model() {
    return Ember.RSVP.hashSettled({
      first: new Ember.RSVP.Promise(function (resolve) {
        window.setTimeout(function () {
          resolve('Hello world!');
        }, 1500);
      }),

vine77

import Ember from 'ember';
import Person from '../ddau-objects/person';
import Name from '../ddau-objects/name';

const presets = [
  Person.create({
    firstName: Name.create({value: 'John'}),
    lastName: Name.create({value: 'Doe'})
  }),
  Person.create({

vine77

import Ember from 'ember';
// Imports: Use the app's name as the namespace
import foo from 'twiddle/lib/foo'

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  message: Ember.computed(foo)
});

vine77

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Next TriMet Arrival',
  minutes: Ember.computed('model.scheduled', function () {
    return Math.floor((new Date(this.get('model.scheduled')) - new Date()) / 60000);
  })
});