elwayman02

A: What's Bower?

B: It's a package manager, you install it with NPM.

A: What's NPM?

B: It's a package manager, you install it with Brew.

A: What's Brew?

elwayman02

• Data Down / Actions Up

  • http://emberjs.jsbin.com/nayaho/edit?html,js - Interdependent select boxes. No observers.
  • http://ember-twiddle.com/2d7246875098d0dbb4a4 - One Way Input

• Other

  • http://emberjs.jsbin.com/rwjblue/251/edit?html,js,output - Opening a window and communicate with it.
  • http://emberjs.jsbin.com/rwjblue/55/edit - Using liquid-fire animations in globals mode.
  • http://emberjs.jsbin.com/rwjblue/593/edit - Modify computed dependent keys after initialization.
  • http://emberjs.jsbin.com/siforo/edit?js,output - Define computed property after object initialization.

• http://emberjs.jsbin.com/rwjblue/299/edit?js,output - simplified version of ic-ajax

elwayman02

1. Login to plug.dj
2. Visit this url: https://plug.dj/_/playlists
3. Copy the resulting JSON into a text editor for reference. Mine is pasted below.
4. Select the playlist you want to save and copy its id (such as 6782961)
5. Visit this url, putting your playlist id in where it says [ID]: https://plug.dj/_/playlists/[ID]/media (ex: https://plug.dj/_/playlists/8096724/media)
6. Copy the resulting JSON into a text editor for reference.

Note: This will only work for your own playlists, and only while you are logged in. Other user's playlist ids (such as the examples above) will return empty results.

YouTube

elwayman02

import Ember from 'ember';

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

elwayman02

import Ember from 'ember';

export default Ember.Controller.extend({
  appName:'Ember Twiddle',
  toggle: false,
  
  actions: {
  	nextVideo() {
  		this.toggleProperty('toggle');
    }

elwayman02

(if "" is val then null else (if "true" is val then true else (if "false" is val then false else (-1 isnt val.indexOf(",") and (val = val.split(",")) val))))

elwayman02

import Ember from 'ember';

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

elwayman02

This section outlines common patterns and gotchas in writing Ember applications.

Table Of Contents

1. Function Prototype Extension
2. Computed Properties
3. Observers
4. Watching Arrays
5. Set vs SetProperties

elwayman02

ES6 Features

This list of ES6 Features serves as a great reference for what has changed since the ES5 spec. A few features of notable importance have been called out briefly below. Please use the resource above for more detailed explanations.

Table Of Contents

1. Let & Const
2. Arrow Functions
3. Enhanced Object Literals
4. Template Strings

elwayman02

This section explains the basic styles and patterns used in our JavaScript code. It borrows heavily from established resources at other companies that have extensive experience with JS, such as Yahoo, Google, and Mozilla. This guide is written with ES6 syntax in mind.

Some interesting JavaScript tips and gotchas can be found here

Table Of Contents

1. Comments
2. Strings

• JavaScript
• HTML