Phone available on request Austin, TX mariechatfield.com github.com/mariechatfield
Austin, TX
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
logs: [], | |
actions: { | |
log(line) { | |
this.get('logs').pushObject(line); | |
}, | |
import Ember from 'ember'; | |
import links from '../config/links'; | |
export default Ember.Component.extend({ | |
links | |
}); |
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName: 'Ember Twiddle', | |
logs: [], | |
returnsAPromise(shouldResolve) { | |
return new Ember.RSVP.Promise(resolve => { | |
const promise = shouldResolve ? Ember.RSVP.resolve('yay! 🎉') : Ember.RSVP.reject('boo 😬'); | |
Header Row: Code Sample, API, Access to Event? | |
Row 1: | |
+ Code Sample: | |
``` | |
didInsertElement() { | |
this.$().on('click', this.handleClick); | |
} | |
``` | |
+ API: Native DOM |
import Ember from 'ember'; | |
export default Ember.Component.extend({ | |
}); |
import Ember from 'ember'; | |
const START_MINUTE = 480; // 8:00am | |
const PIXELS_PER_MINUTE = 1; | |
function timeToPixels(minutes) { | |
const leftOffset = START_MINUTE * PIXELS_PER_MINUTE; | |
return (minutes * PIXELS_PER_MINUTE) - leftOffset; | |
} |
Sequence diagram of a user interacting with a server-side rendered site. | |
Three columns titled: User, Browser, Server. | |
First set of actions: | |
1. User opens /index.html | |
2. Browser gets /index.html | |
3. Server finds template at views/index.pug | |
4. Server fetches data for all emojis |
import Ember from 'ember'; | |
export default Ember.Component.extend({ | |
actions: { | |
stopPropagationAndLog(event) { | |
// This action has access to the DOM event and can call | |
// stopPropagation on it to prevent the event from bubbling. | |
event.stopPropagation(); | |
this.get('log')(`clickAttribute w/ stopPropagation of ${this.get('parentName')}`); | |
} |