Slide 1

Slide 1 text

JSConf Asia 2014 Jace @ KKBOX

Slide 2

Slide 2 text

Slide 3

Slide 3 text

• The Art of Less • WebTorrent • Gibbering at Algoraves: JS in Live Audiovisual Performances • Deep Space - A simulation drama

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

The Art of Less Martin Kleppe, Ubilabs http://goo.gl/4w14RV

Slide 6

Slide 6 text

• http://aem1k.com/world • http://aem1k.com/mandelcode

Slide 7

Slide 7 text

JavaScript var x = Math.random(); var y = Math.random(); var z = Math.max(x, y); To: with(Math)z=max((r=random)(),r())

Slide 8

Slide 8 text

Hebrew - • http://aem1k.com/ ש ל ו ם - ע ו ל ם

Slide 9

Slide 9 text

XSS • http://aem1k.com/deathstar

Slide 10

Slide 10 text

- []["\155\141\160"]["\ \143\157\156\163\164\ \162\165\143\164\157\ \162"]("\141\154\145\ \162\164\50\61\51")() []["map"]["constructor"]("alert(1)")() eval("alert(1)")

Slide 11

Slide 11 text

- "esaca\160e('') ..." "esacape ('') ..." "\x61\x6c\x65\x72\x74\x28\x31\x29" "alert(1)"

Slide 12

Slide 12 text

• http://aem1k.com/

Slide 13

Slide 13 text

Why • Fun • Limits • Focus • Language • L18n

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

WebTorrent Feross Aboukhadijeh • Web torrent • http://instant.io/

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

Gibbering at Algoraves Charlie Roberts, UCLA • JavaScript DSL • http://gibber.mat.ucsb.edu/

Slide 18

Slide 18 text

• Part1: http://goo.gl/oOqQMb • Part2: http://goo.gl/xCaKRX

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Deep Space Simon Swain, Modus Interactive • • JavaScript Canvas

Slide 21

Slide 21 text

var draw = function () { // clear the canvas // paint stuff // ... requestAnimationFrame(draw); }; draw();

Slide 22

Slide 22 text

Demo http://simonswain.com/deepspace/

Slide 23

Slide 23 text

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Building Isomorphic Apps Spike Brehm, Airbnb • JavaScript # • Rendr + Backbone / React / Meteor • % API Client Server • NPM + Browserify / Webpack & • Meteor Server Client '" • Meteor ! Client Server $

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

Pixel Art and Complex Systems Vince Allen, Spotify • box-shadow pixel art • Bit-Shadow Machine http://www.bitshadowmachine.com/ • ( / / / / / )

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

Bad Form Chris Lienert, Jardine Lloyd Thompson • 01$ HTML5 Form &4 • *'2 %#! ( • .35-/, ") • &4+

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

HTTP Headers – the simplest security Wei Lu • HTTP • Content Security Policy http://content-security-policy.com/ • HTTP Strict Transport Security (HSTS) https://www.chromium.org/hsts • Node Module: Helmet https://github.com/helmetjs/helmet

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

Fun with JavaScript and sensors Jan Jongboom, Telenor • Mobile Device Sensor • sensor • rotation sensor 3D • JanOS - Firefox OS https://github.com/janjongboom/janos

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Slide 37

Slide 37 text

Quiver.js: Rethinking Web Frameworks Soares Chen

Slide 38

Slide 38 text

Translation workflow and formatting complex translations Tingan Ho, P1.cn

Slide 39

Slide 39 text

Preparing your NodeJS Application for scale Dexter Tan & Laurence Franslay, PayPal

Slide 40

Slide 40 text

There and Back Again - A Game Dev’s Tale Peggy Kuo, Atlassian

Slide 41

Slide 41 text

Versioning, syncing & streaming large datasets using Dat + Node Max Ogden

Slide 42

Slide 42 text

IPCluster – Scaling Zopim’s frontend node servers Yang Bin Kwok, Zopim

Slide 43

Slide 43 text

Reactive Programming made simple Slava Kim, Meteor

Slide 44

Slide 44 text

Let’s make a game with Phaser Gabe Hollombe, Neo

Slide 45

Slide 45 text

Lightning branches - A way to supercharge delivery of features Ritesh Angural, Redmart

Slide 46

Slide 46 text

Future of Node Mikeal Rogers, Digital Ocean

Slide 47

Slide 47 text

THANKS