Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

github.com/brandoncopeland/otromapa

Yeah. That's cool. Whatever. Let's see it...

Backbone.js | Underscore.js

var MapModel = Backbone.Model.extend({...
var BaseMapPickerView = Backbone.View.extend({...
var graphics = _.map(featureModels, function (model) {
  var graphic = new esri.Graphic(model.get('geometry'));
  graphic.setAttributes(model.get('props'));
  return graphic;
});

Asynchronous Module Definition (AMD)

define( ) | require( )

define('models/mapmodel', ['jquery', 'dojo', 'esri'],
  function ($, dojo, esri) {
require(['js/plugins/jquery.tools.min.js'], function () {
  this.$('[title]').tooltip(toolTipSettings);
});

ESRI | Dojo

var mapSettings = {
  fadeOnZoom: true,
  fitExtent: true,
  logo: false,
  extent: this.get('fullExtent')
};

var map = new esri.Map(this.get('domId'), mapSettings);
var win = dojoWin.get(baseWin.doc);

jQuery

HTML 5 Boilerplate

Normalize.css

Modernizr

Jasmine | Sinon.js

it('should construct an ESRI Map with parameters',
  function () {
    var fullExtent = this.model.get('fullExtent');
    expect(this.mapStub).toHaveBeenCalledWith('map',
      sinon.match({
        fadeOnZoom: true,
        fitExtent: true,
        logo: false,
        extent: sinon.match.instance(esriGeometry.Extent)
          .and(sinon.match({ xmin: fullExtent.xmin }))
      })
    );
});

r.js | UglifyJS

({
  appDir: '../',
  baseUrl: 'js',
  dir: '../../release-brazoriafloodplain',
  paths: {
    'jquery': 'empty:',
    'underscore': 'lib/underscore-amd-min',
    'backbone': 'lib/backbone-amd-min',
  },
  modules: [{
    name: 'app/app-floodplain',
  }],
  optimize: 'uglify',
})

SASS | SCSS

$ sass --watch style.scss:style.css
@mixin retinabackground($file, $type, $width, $height) {
  background-image: url($file + '.' + $type);
  @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
    & {
      background-image: url($file + '_@2x.' + $type);
      -webkit-background-size: $width $height;
    }
  }
}
github.com/brandoncopeland/otromapa
Use the arrow keys, spacebar, or swipe to navigate