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

jsconf au 2012

@brianleroux

wtfjs

[] == ![]

(h/t to @johnbristowe)

What to expect

Practicals

Use today with only mild regret tomorrow.

Our ability for technological advancement is corolated to the sophistication of the tools we use.

Tools of stone

  1. A text editor.
  2. The environment we want to target.

Text editors are like assholes.

Everyone has one and they all stink.

Emulators, virtual machines, and devices.

Everyone has one and they all stink.

YAY SDK

YAY SDK

Remote debugging

<meta name=viewport content=width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1>

Chrome

sudo npm install -g crd

Firefox

Get started here.

Opera

They always do stuff first. DragonFly is built in.

Mobile Safari (iOS6 only)

Maps or Debugging: your choice. I chose maps b/c I'm from Canada not Australia.

Weinre

If you run out of bullets: you still have a knife.

sudo npm install -g weinre

Testing > Debugging

PhantomJS should just be standardized and a part of how browsers work.

Touchy feely

Offline: a disfunctional family (h/t @triblondon)

Various File APIs!

Kinda insane for good reasons. Maybe filer.js helps.

Proprietary sludge

Web != WebKit

Know your enemy.

iPhones are really popular in the Bay Area.

It is an echo chamber.

More people use Android than any other smartphone globally...

...and most of them are running Android 2.3.

Kids are using gaming consoles to access the web.

Follow @anna_debenham and check out these slides.

Windows Phone outsells iOS in China (and in other emmerging markets).

Know thy self. Your problems will be unique to your goals.

Responsive patterns

Brad Frost is collecting all of the responsive patterns. Super handy.

Progressive enhancement

Every pain you could possibly run into has been experienced by Filament Group. They have curated a wonderful collection of tools in Southstreet.

Performance is the priority

Some projects I kinda like

PHONEGAP

ermahgerd j/k!!!!


jqTouch

Simple, light touch, Zepto or jQuery based.

KendoUI

Full stack, flawless native emulation. Local, so you know where they live. Commercial license however.

Zepto + Underscore + Backbone + Bootstrap

Used by many very successful Phonegap apps.

Ratchet

From the dudes whom brought you Bootstrap. iOS only for now. Super early. Very promising.

Palm Apps

Remember "open" webOS? It is actually open! You can download the core apps here.

Firefox OS Gaia Apps

Developed completely in the open from the begining. Beautifuly designed in appearance and source.

Yeoman, Bower, and Component

Dependency management is a problem. Curated toolsets are emmerging. Yeoman is 'full stack'. Bower is its dependency management system. Component is smaller/simpler wholly and really beautifully designed---watch this screencast.

Futuristic flavor

You can start writing ES6 today using Six.

Cordova → PhoneGap

Content is unrelated?

Apache Cordova

Goals and how we ship.

Little known features

Plugins, Embedding.

Awesome apps

Gather, Untappd, and Wikipedia.

(Max Ogden has written up EVERYTHIGN you need to know to write kick ass and super fast apps.)

Join us

Mike Brooks shows us how.

Whats next?

Remember when JS was bad b/c it might not be enabled?

Ask yourself: what else are we missing from cargo cult "best practices"?! Go fly a NodeCopter, hack up a phone, just do weird and crazy shit in service of HAVING FUN. I think thats what we're really all about.

Thank you

brian.io/slides/jsconfau-2012

Use a spacebar or arrow keys to navigate