pixelhandler

import Ember from 'ember';

const values = [
	0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100
];

export default Ember.Controller.extend({
  sliderIndex: 1,

  values: Ember.computed('sliderIndex', function() {

pixelhandler

import Ember from 'ember';

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

pixelhandler

import Ember from 'ember';

export default Ember.Controller.extend({
  shouldBeHidden:'Without space: This shouldn\'t get unbounded',
  shouldBeHiddenToo:'With space: This shouldn\'t get unbounded',
});

pixelhandler

import Ember from 'ember';

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

pixelhandler

import Ember from 'ember';

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

pixelhandler

import Ember from 'ember';
import { inject as service } from '@ember/service';

export default Ember.Controller.extend({
	shared: service()
});

pixelhandler

import Ember from 'ember';
import { inject as service } from '@ember/service';
import { alias } from '@ember/object/computed';

export default Ember.Controller.extend({
	shared: service(),
  task: alias('shared.doSomething')
});

pixelhandler

import Ember from 'ember';
import { inject as service } from '@ember/service';
import { alias } from '@ember/object/computed';

export default Ember.Controller.extend({
	shared: service(),
  task: alias('shared.doSomething')
});

pixelhandler

Workshop Notes

TypeScript

• Basically TypeScript is a superset of JavaScript, with static Type analysis
• 3 big developer experiences / differentiators...
  1. Always up to date docs for functions and classes
  2. Fewer undefined is not... an object/function errors
  3. Refactoring is way easier one your application is typed
• It is not painful to use!

pixelhandler

var Funnel = require('broccoli-funnel');
var jsonToModule = require('broccoli-json-module');
var esTranspiler = require('broccoli-babel-transpiler');
var concat = require('broccoli-concat');

/**
 * @method buildJsonModules
 * @param {String} sourceFolder name of folder in root of repo, no nesting, e.g. 'fixtures'
 * @param {String} destinationFolder name of folder within final dist, e.g. 'assets'
 * @return {Object} node concatination of .json modules as a single output file destination/source.js