mike-north

import Ember from 'ember';

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

mike-north

Routing codes

Airplane Types

• Avoid propeller planes -prop

Regional jets

/ aircraft t:MD9 t:320 t:717 t:737

mike-north

git config --global core.editor \
  "/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl -n -w"

mike-north

import Ember from 'ember';

export default Ember.Component.extend({
  url: "https://placekitten.com/300/300",
  hidden: false,
  _updateImageUrl(ww, hh) {
    this.set('url', `https://placekitten.com/${ww}/${hh}`);
  },
  actions: {
    kittenSizeChanged(width, height) {

mike-north

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  age: 33,
  size: 4,
  myToggle: false
});

mike-north

Enemy of the state - Mike North

* **GitHub:** [mike-north](https://github.com/mike-north) * **Twitter:** [michaellnorth](https://twitter.com/michaellnorth) * **Speaking Engagements:** [northm](lanyrd.com/profile/northm/) * **Instagram:** [officetoday](https://www.instagram.com/officetoday/) * **Videos:** [Videos of Mike's talks](https://www.youtube.com/playlist?list=PLk9PtblnhxXjdNGSp39GzD7BeS2mh0S5o)

Resources

• Live Demo

mike-north

import Ember from 'ember';

const DATA_URL = 'https://api.github.com/orgs/emberjs/repo';

export default Ember.Route.extend({
  
  // Values returned from async function are Promises
  model: async function() {
		// Get the data, AND WAIT FOR IT TO RETURN  (type: Object)
    var data = await $.getJSON(DATA_URL);

mike-north

Preparing for Advanced Ember

Install some stuff

• Make sure you have git installed
• Make sure you have node.js v0.12 or newer
• Install ember-cli v2.10.0
• Install watchman
• Download and install Visual Studio Code

Sign up for some stuff

mike-north

import Ember from 'ember';
import layout from '../templates/components/test-status';
import QUnitEventsClient from 'qunit-events/client';
const { Component } = Ember;

export default Component.extend({
  layout,
  didInsertElement() {
    this._super(...arguments);
    this.qunitEventsClient = new QUnitEventsClient({

mike-north

import Ember from 'ember';

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