Pablo Brasero pablobm

Preparation

Please install the following:

The Ladder API app (Rails)
A newly created, empty Ember app
Ember Inspector extension for your browser

Please do this ahead of the workshop. There are a few things that can go wrong. Even if they don't, downloading all npm dependencies is slow.

CRUD with Ember (+ Data)

Ember's official documentation describes a number of low-level APIs, but doesn't talk much about how to put them together. As a result, a simple task such as creating a simple CRUD application is not obvious to a newcomer.

	import Ember from 'ember';

	export default Ember.Component.extend({
	shouldItLink: Ember.computed('m.color', function() {
	return this.get('m.color') == 'red';
	})
	});

	import Ember from 'ember';

	export default Ember.Controller.extend({
	init() {
	this.store.createRecord('line', {name: "yksi"});
	this.store.createRecord('line', {name: "kaksi"});
	this.store.createRecord('line', {name: "kolme"});
	},

	lines: Ember.computed(function() {

	import Ember from 'ember';
	import DS from 'ember-data';

	export default DS.RESTAdapter.extend({
	ajax(url, type, options) {
	const requestData = {
	url: url,
	method: type
	};
	const payload = {

	import Ember from 'ember';

	export default Ember.Controller.extend({
	queryParams: ['foo', 'bar'],
	foo: '',
	bar: '',

	clear: {
	isQueryParams: true,
	values: {

	import DS from 'ember-data';

	export default DS.RESTAdapter.extend({
	host: 'https://api.github.com'
	});

	### Keybase proof

	I hereby claim:

	* I am pablobm on github.
	* I am pablobm (https://keybase.io/pablobm) on keybase.
	* I have a public key whose fingerprint is E13E F556 41ED BC2A 926A C339 E3F4 9676 DF45 AAA6

	To claim this, I am signing this object:

	filterComputed: function() {
	return this.get('model').map(function(item) {
	return item.get('email');
	});
	}.property('model')