talk-appday-201301

App Bootstrapping

James Burke | github | twitter

http://jrburke.com/talks/vanappday

Single page. Mobile. Web app.

• App feel
• Mobile is personal

Why Web

• Widest target
• Quicker bootstrap vs. native
• Platform-specific code, form factors

Getting started

Developer Hub

Design

Single design goal, task focused

• App elevator pitch
• App checklist

UI/UX bootstrap

• Gaia building blocks - web style
• Gaia interaction patterns
• Twitter bootstrap
• Ratchet

Learn to build

Use web technologies

Easy SDK: Firefox Aurora

/Applications/Aurora.app/Contents/MacOS/firefox -P dev &

Easy SDK: Firefox Aurora

• dev tools
• responsive view
• Try in other mobile browsers
• Fx simulator

Device APIs, deployment

• Firefox OS: Web, packaged apps
• Chrome: Web, Store
• iOS: Web, native
• Android: Web, native, Firefox App

Skeleton Army!

• FxOS boilerplate app: web apis/activities
• Mortar collection
• James Long video

volo

npm install -g volo
volo create proj owner/repo
volo create proj owner/repo/master
volo create proj owner/repo/v2.1

requirejs

define(function (require) {
    var relative = require('./relative'),
        lib = require('lib');

    return {
        doSomething: function () {}
    };
});

requirejs

require(['app', 'other'], function (app, other) {
    //Use app and other.
});

alameda: alt requirejs

modern browsers, promise module

volo add requirejs/alameda