JSConf Asia 2014 Sessions

Links:

The Art of Less
http://goo.gl/4w14RV
http://aem1k.com/world
http://aem1k.com/mandelcode
http://aem1k.com/hebrew
http://aem1k.com/deathstar
http://aem1k.com/雨

WebTorrent
http://instant.io/

Gibbering at Algoraves
http://gibber.mat.ucsb.edu/
https://www.facebook.com/video.php?v=748893518525677
https://www.facebook.com/video.php?v=748896201858742

Deep Space
http://simonswain.com/deepspace/

Transcript

1. JSConf Asia 2014
   
   Jace @ KKBOX
   

   View Slide

2. 
   

   View Slide

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

   View Slide

4. View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

9. XSS
   • http://aem1k.com/deathstar
   

   View Slide

10. 
    -
    []["\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)")
    

    View Slide

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

    View Slide

12. 
    • http://aem1k.com/
    

    View Slide

13. Why
    • Fun
    • Limits
    • Focus
    • Language
    • L18n
    

    View Slide

14. View Slide

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

    View Slide

16. View Slide

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

    View Slide

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

    View Slide

19. View Slide

20. Deep Space
    Simon Swain, Modus Interactive
    •
    
    • JavaScript Canvas
    

    View Slide

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

    View Slide

22. Demo
    http://simonswain.com/deepspace/
    

    View Slide

23. 
    

    View Slide

24. View Slide

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

    View Slide

26. View Slide

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

    View Slide

28. View Slide

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

    View Slide

30. View Slide

31. View Slide

32. 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
    

    View Slide

33. View Slide

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

    View Slide

35. 
    

    View Slide

36. 
    

    View Slide

37. Quiver.js: Rethinking Web Frameworks
    Soares Chen
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

43. Reactive Programming made simple
    Slava Kim, Meteor
    

    View Slide

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

    View Slide

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

    View Slide

46. Future of Node
    Mikeal Rogers, Digital Ocean
    

    View Slide

47. THANKS
    

    View Slide