mxriverlynn

'use strict';

let Hello = function (props) {

  return {

    props, // set props

    render () {

mxriverlynn

angular.module('docsTemplateUrlDirective', [])
.controller('Controller', ['$scope', function($scope) {
  $scope.customer = {
    name: 'Naomi',
    address: '1600 Amphitheatre'
  };
}])
.directive('myCustomer', function() {
  return {
    templateUrl: 'my-customer.html'

mxriverlynn

var filtersChannel = Postal.channel("filters");

function FilterController(options){
  this.region = options.region;
  
  filtersChannel.subscribe("add", (filter) => this.showFilter(filter));
}

FilterController.prototype.showFilter = function(filter){
  var view = new FilterView(filter);

mxriverlynn

set nocompatible
silent! call pathogen#runtime_append_all_bundles()

colorscheme twilight
set guifont=Monaco:h20

set nowrap
set showcmd
set showmode
set number

mxriverlynn

idea: a talk about javascript architecture based on the way people think

will cover abstractions, naming things, building large systems from small peices, communication patterns between all the small parts, etc.

will talk about naming things for what they represent - a "schema" (psychology term, not database / xml document term) on which we build understanding

vertical slices of code, broken down in to small peices

component based development as small parts of UI - examples in backbone and maybe other frameworks

mxriverlynn

orgChart = {

  addNewEmployee: function(){
    var employeeDetail = this.getEmployeeDetail();
    
    employeeDetail.on("cancel", () => {
      // the modal was cancelled... 
      // go back to previous UI / step / whatever
    });
    

mxriverlynn

var FoodOrder = {
  
  // public API
  // ----------
  
  process: function(customer, burger, fries, drink) {
    Register.acceptPayment(customer, () => {
      this.makeOrder(customer, burger, fries, drink);
    });
  },

mxriverlynn

Title

A Telegraph To The Future Of The Web

Abstract

In the real world, messages are everywhere. They coordinate activities. They make things happen. They send back results. We are surrounded by messages, day in and day out, as we interact with other people - and as we build applications for the web!

From HTTP and AJAX with JSON documents, to Web Workers and iFrames, to scaling the back-end of Node.js, the web is steeped in messaging patterns. Use them. Take advantage of them. Improve your app design, simplify your code and reduce response time!

mxriverlynn

var TitleView = Marionette.ItemView.extend(){

  showTitle: function(region){
    var title = new Title();
    title.on("entry:add", function(){ 
      this.addEntry();
    }, this);
    region.show(title);
  },

mxriverlynn

function *doStuff(){
  yield 1;
  yield 2;
  yield *doStuff();
}

var it = doStuff();
var res;

res = it.next();