Monday August 17, 2015

Layout

• Ember Questions
• Component/Route Review
• ES6 Modules, Fat Arrow, and Template Strings
• Ember Data

Lecture

Ember Questions

• Firebase? -
  • TLDR; Firebase is an API Server as a Service (PaaS)
• Mixins - We will cover this Wednesday
• Ember vs Backbone (scope and jobs)
  • Scope, stability, conventions
• Builds - We will cover this Thursday
  • TLDR; A build is a one time run of your build, ember serve rebuilds after every file change.
• Environments - We will cover this Thursday
  • TLDR; there are small changes that you will want to make between different versions of your app (testing, production, etc)
• Controllers - We will cover this Next Week
  • TLDR; Controllers allow you to manage data and state for a single route AFTER it has been loaded
• Helpers - We will cover this Wednesday
  • TLDR; Ember uses handlebars helpers to modify how you display data from your template to your user
• Actions & Bubbling - We will cover this Wednesday
  • TLDR; Components kind of disable bubbling and put it back in your control, but there is an older convention that we will talk about
• modelFor vs other methods - We will cover this Today
  • TLDR; Passing around data is hard, there are better conventions for this
• Block vs Inline components - link-to
  • TLDR; Components allow you to modify the contents of themselves, but link-to is flexible and allows you to either create it as an inline component or a component block

    {{link-to "Salary" "finance" model}}

    {{!-- Is the same as --}}
    {{#link-to "finance" model}}Salary{{/link-to}}

• homeRoute - We will cover this on Friday
  • This is an option for Ember CLI Materialize to modify the link in the main navigation.
• initProperties
• Models and Collections - We will cover this... TODAY!!!
• Controllers? - We will cover this next week
• Testing? - We will cover this next week

Component & Routes

• Routes do what?
  • Setup data
  • Actions that are specific to JUST THAT ROUTE (actions that aren't reusable)
• Components
  • Morph data for a specific usecase (map and reduce, filter, etc)
  • Only can work with data sent to them
  • Actions that are reusable or need to tweak user input before passing on responsibility

ES6 Syntax

• Modules
  • No more globals
  • import ___ from '____'
  • export default
  • http://www.2ality.com/2014/09/es6-modules-final.html
• Fat Arrow
  • No more _this
  • Shorter syntax
  • Less questions about 'what does this mean'?
• Template Strings
  • Back Tick vs quotes
  • Pull in JS with ${_}
  • example var x = ``${firstName} ${lastName}``;

Ember Data

Resources

• Content Security Policy
• What are All These Files!!!? Navigating an Ember-CLI Project
• Life Cycle of an Ember Data Model