MelSumner

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'nav',
  actions:{
    pathSelected: function(path){
      this.set('pathToGo', path);
    }
  }
});

MelSumner

Learning JS

Getting Started

• JavaScript for Web Designers Mat Marquis
• JavaScript and jQuery by Jon Duckett (protip: take the book to Kinkos and have them spiral bind it)

Leveling Up

• You Don't Know JS series by Kyle Simpson
• Up & Going
• Types & Grammar

MelSumner

Issue analysis

What is happening:

• Engine teams are building themselves and uploading their engine-vendor.js and engine.js files - the host apps’s build is ignoring/excluding the output from their build & using one that the teams are uploading things to instead.

What should happen:

• All engine teams should be packing up their engines and coordinating with the host app team on the latest build
• The host app team should include these engines in their package.json file

Problems this is causing:

MelSumner

1. run
 bundle lock --add-platform x86-mingw32 x86-mswin32

2. edit lines 35 and 36 of Gemfile
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw]
gem 'wdm', '>= 0.1.0', platforms: [:mingw, :mswin, :x64_mingw]

3. add to Gemfile
gem 'eventmachine', '1.0.9.1'

MelSumner

Rails naming conventions

General Ruby conventions

Class names are CamelCase.

Methods and variables are snake_case.

Methods with a ? suffix will return a boolean.

MelSumner

ask me!

MelSumner

1. if you are not yet familiar with the CSS structure, please do one of two things: 
--put the CSS you think you need into the wip.scss file and tag @MelSumner in your commit (I'll put it in the correct place)
--get to know the awesome organized awesomeness of the CSS. It might feel tight at first, like a new pair of shoes, but they will be awesome shoes after a while. 

2. Writing CSS Rules because I love you but I've chosen process. 
# keep specificity low. If you're getting really specific, I'm so sorry to have to be the one to tell you this, but you're wrong. 
# don't use IDs
# lowercase class names, please. 
# put classes in alphabetical order if you can. 
# put the properties in alpha-order. It's *usually* as easy as highlighting the properties and hitting F9. 

MelSumner

Recommended (S)CSS guidelines - this is how I have successfully managed stylesheets in my projects. 
P.S. If your css follows these guidelines then I can help you much faster and ship lots more code...

# normalizer over reset
# don't use IDs
# lowercase class names
# put classes in alphabetical order (actually alpha-order as many things possible)
# color variable names: color first, then shade
-- example: $blue, $blue-light, $blue-dark. If you really need to, you can do $blue-lighter $blue-darker. 
# don't reassign color variables. take the time to learn them. it will become second nature. promise.

MelSumner

• Ember has been around since 2011. It's also not the product it was in 2011, and has adapted/evolved into an experienced, dependable ecosystem.

• "Safety of the Herd" (article) illustrates that we get to solve more interesting problems when the entire community adheres to a shared set of standards.

• "How to learn EmberJS in a hurry" (article) illustrates that the Ember learning curve may not be as steep as you think.

• Ember's testing story is superb, and the core team demonstrated the wisdom that comes only through experience, by making it a core feature that is equally as important as the framework itself.

• Accessibility- the ember-a11y community and growing collection of addons demonstrates the commitment to the idea that people of all abilities should be able to use the web

MelSumner

Acceptance criteria: 
* must use semantic HTML
* must have the correct ARIA roles (when necessary)
* must read out in a logical manner when assistive technology (AT) is used
* must use Ember correctly

Challenging UI Components: 
[ ] radio button label contains a dropdown with options in it. Speech viewer should read entire thing correctly. 
[x] a dropdown menu where the last X number of items are not interactive (menuitems), but are simply additional text items (i.e., "Last Login" type of info)
[ ] a data table that keeps semantic html