PoslinskiNet

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'button',
  mouseLeave() {
      alert('leave!');
   },
    mouseEnter() {
      alert('enter!');
   }

PoslinskiNet

On the existing the application from the dev-path

1. Make helper and use it in hbs that gets 2 attributes element and array of elements. It check that element is present in the array of elements and returns condition result as a boolean.
2. Add-ons: Refactor one of controllers with ember-parachute
3. Add-ons: Basic usage of ember-can

PoslinskiNet

• npm install -g broccoli-concat-analyser
• CONCAT_STATS=true ember s -e production
• kill the server
• broccoli-concat-analyser ./concat-stats-for

PoslinskiNet

Content was moved here: https://github.com/Selleo/selleo_best_practices/blob/master/service_delivery_paths/frontend_developer/frameworks/emberjs.md

PoslinskiNet

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  value: `<div>
    <p><span style="font-weight: bold;">Type: </span> exploration, adventure</p>
    <br>
    <p><span style="font-weight: bold;">Audio: </span> English</p>
</div>`,
  pellOptions: {

PoslinskiNet

// app/components/navigation-bar/component.js
import Component from '@ember/component';
import { computed }  from '@ember/object';

export default Component.extend({
  counter: 0,

  clickCounterDecorated: computed('counter', function() {
    return `Counter: ${this.counter}`;
  }),

PoslinskiNet

import Ember from 'ember';
import { task, timeout } from 'ember-concurrency';
import { isBlank }  from '@ember/utils';

const DEBOUNCE_MS = 250;
const API_URL = 'https://api.github.com/search/users?q=';

export default Ember.Component.extend({
  searchUsers: task(function * (term) {
    if (isBlank(term)) { return []; }

PoslinskiNet

import Ember from 'ember';

export default Ember.Controller.extend({
});

PoslinskiNet

import Ember from 'ember';

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

PoslinskiNet

import Ember from 'ember';
import { computed } from '@ember/object';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  test: computed('{bla,la}', function() {
  	return `${this.bla},${this.la}`;
	}),