JSConf.Asia 2013

Mabuhay and welcome to JSConf.Asia 2013 in the Philippines. Thomas is saying hi from within the aquarium.

"This presentation introduces Seriously.js, a Javascript library for performing real-time video compositing effects in a browser with WebGL, exploring the lessons learned and the possibilities of combining the best of cinema with the best of the web. I'll give a broad overview of the technical achievements and challenges, explore the art of designing an API for a creative audience, and project how far we'll push the browser technology in the next year. Expect shiny demos." Brian is a creative developer based in New York City, focused on interactive video. His background is in applying technology in as diverse fields as construction, finance and independent film. He is a contributor to Popcorn.js and the creator of Seriously.js, an open source, real-time video compositing system. Brian is the lead video developer at HapYak, an interactive video startup. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/25/jsconfasia-2013-brian-chirls-getting-serious-with-web-video License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"Since this event is hosted in Asia, I think we can spend a little time talk about how HTML5 technology is used in China's Internet Warfare. 1. The background: China is in the age of The Great Gatsby, you can find the most ancient browsers and cutting edge silicon valley style startups/cooperation co-exist. We can see the overall browser market share, screen resolution, general user behavior and the trend. 2. Zoom in the technology & methodology used: We see how big Internet companies like Baidu, Sina, Alibaba use HTML5, JavaScript to fight big wars. We see how small startups work to fight the jungle war. 3. A survival guide: China, unlike the US, without much tolerance for failure, how web developers process for quick action. And if you happen to build a website for asian audience, what are the things to know." Shi Chuan may be best known for his projects JavaScript Patterns and the Mobile Boilerplate as well as his contributions to HTML5 Boilerplate and his book 'The HTML5 Mobile Development Cookbook'. He now runs an online wedding platform from Beijing after he left OgilvyOne's digital arm and co-founded a business-oriented mobile app company and ads consulting firm. shichuan.jpg JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/25/jsconfasia-2013-shi-chuan-web-war-in-china Slides: https://docs.google.com/file/d/0B8J0Pb__7jQAR1BXVjh0M3czVG8/edit License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"We're gonna talk about emulating game consoles with JavaScript. Initially, we look at the Chip-8 system which is a basic system to emulate. After that, we will do a bit of a Nintendo Famicom (NES) tear down and how to build the components with JavaScript." Alex is a front end web developer living in Sydney, Australia and working for Atlassian. He enjoys tinkering with computer software and hardware, and especially where they converge. When there is time to spare, he enjoys exploring the outdoors and drumming. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/16/jsconfasia-2013-alex-dickson-emulating-with-javascript License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"Over the last thirty years, computing has had more or less one trajectory: smaller and more powerful. But things are changing - the next tier of devices we need to reach out to are everyday objects in our lives that don't have touch screens, keyboards, or voice input - or sometimes any input at all. In my talk, I'll talk about nitrogen.js, a framework I've been working on to make it easier to build connected devices." Tim is an Engineer in Residence with the Microsoft Accelerators in Seattle, Tel Aviv, and Bangalore, where he helps startups use open platforms on the Windows Azure cloud platform. Previously, he was part of Nest Labs, an "internet of things" startup focused on building an energy efficient home. Before coding, he aspires to brew a perfectly brewed cup of coffee. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/16/jsconfasia-2013-tim-park-the-rise-of-things Slides: http://www.slideshare.net/TimPark4/the-rise-of-things License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"Photoshop recently shipped a new feature called Generator, but what not everyone realizes is that behind the scenes this feature is powered by a Node.js server built right into the tool. This means that you as a developer can now automate photo editing from JavaScript, or access Photoshop features from a Node app, or.. well, anything really. So this talk will take a look at what's possible when high-level tools expose low-level programmable interfaces, and show how to have some fun with this in Photoshop in particular." Andy is a developer evangelist for Adobe Japan, focused on gaming, Flash, HTML5, and web standards. He's been building web content since the mid-90s, and is most interested in the grey areas between code and design, like programmatic animation and designer-developer workflows. He speaks regularly at conferences, user groups, and game studios, and spends most of the rest of his time blogging at aphall.com. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/31/jsconfasia-2013-andy-hall-server-side-nodejs-programming-with-photoshop Slides: http://www.slideshare.net/fenomas1/nodejs-and-photoshop-generator-jsconf-asia-2013 License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"There are creative things Sockets can do aside from chat. Being able to do things in real-time opens a lot of possibilities - imagine multi-device integration and second screen experience. This is creative driven in its core - nothing boring or nose bleeding. My talk revolves around great things I learned from my failed experiments, to real live applications using sockets. My goal is to spark inspiration, make it relatable and easily applicable." JP is the Chief Creative and Founder of Rain, a Manila-based web design agency. He loves to use the web as a storytelling tool. He tinkers with Node.js & Socket.io on his free time. He wrote his own CSS Pre-processor and created his own brand of notebook. A workhorse by day, babysitter by night. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/25/jsconfasia-2013-jp-de-guzman-fun-with-websockets License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

Slides of this talk are available here "At GitHub, system administration is a first class citizen. Changes are collaboratively developed, peer reviewed, revision controlled, and ship with tests. Automation isn't just for production; we apply the same techniques to our individual developer workstations. In this talk, I'll give you a sneak peek into how a GitHub developer experiences Ops. We'll start with setting up a new machine using Boxen and jump right into the specifics of how to deploy and ship a new feature using the 'ChatOps' shared command line. I will show you how we deploy configuration changes to individual and groups of hosts. We'll finish up with a look at how GitHub instruments application performance and exceptions to make it easy to spot newly introduced issues." John is a developer and community builder active in open source and education. As Education Liaison at GitHub he's working to improve computer science education by bringing the principles of open source into the classroom. He has organized events such as Open Everything and Mozilla Drumbeat in service of the open source community. As a founding volunteer of Peer 2 Peer University, John has offered two free and open online courses: "Mashing Up the Web" and "Web 200: Anatomy of a Request." JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/20/jsconfasia-2013-john-britton-ops-for-everyone Slides: https://speakerdeck.com/johndbritton/ops-for-everyone License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"CSS2.1 was two dimensional: There was no concept of depth or time. CSS3 brings us some control over both, with transitions and animations for the latter. In this talk we will start from the basics of these specifications, but will quickly move to more advanced tips and tricks to fully leverage these exciting technologies. Expect hands-on coding and Lea's unique presentation style." Lea previously worked as a Developer Advocate at W3C and currently spends her days writing & designing her first book ("CSS Secrets"), published with O'Reilly in 2014. She has a long-standing passion for open web standards and is blogging, speaking, writing, and coding popular open source projects to help fellow developers. She is an Invited Expert in the CSS Working Group, which architects the language itself. Although she holds a BSc in Computer Science, Lea is one of the few misfits who love code and design equally. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/31/jsconfasia-2013-lea-verou-css-in-the-4th-dimension-not-your-daddys-css-animations Slides: http://lea.verou.me/css-4d/#intro License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"There's even more things you can do to make the mobile web site faster. High performance web sites lead to higher visitor engagement, retention and conversions. Speaking about the mobile web, speed is more critical than on desktop. This session provides you with ways to analyze your web site performance, how you can improve those and achieve faster load." Eiji is a Developer Advocate for Chrome at Google. Eiji works closely with web application developers, helping them understand HTML5, open web technologies, WebStore, Developer Tools and others. Before joining Google, he has been specialised in technologies that make the web more social. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/11/6/jsconfasia-2013-eiji-kitamura-making-the-mobile-web-site-faster Slides: https://docs.google.com/presentation/d/1tMULFjEpHIb_gdzHpBZ4uGJxwiJU_WgLq-58VWA9OaI/pub?start=false&loop=false&delayms=3000#slide=id.p License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"The border between web, mobile & console games is getting thinner & thinner. With new WebAPIs, your browser is a platform almost as powerful as your operating system. So fasten your seatbelt and prepare for a journey into Web Gaming you never experienced before." Michal is a front line Mercenary in the FirefoxOS army, fighting to make the web a better place. He loves Tabasco and is addicted to TV shows of all kind. He is the guy behind onGameStart, the worlds first and biggest HTML5 game conference, and works on organising the first JavaScript conference in Antarctica. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/20/jsconfasia-2013-michal-budzynski-once-upon-a-time-somewhere-between-your-console-and-browser License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"Pomelo is a fast, scalable, game server framework in node.js, which we open sourced it 10 months ago. It has gained lots of attentions and is quite popular in community. The topic is about the design of pomelo framework, especially in scalability and performance issues, and how to build game server with pomelo framework." Charlie is a senior engineer, architect from NetEase Inc., one of the biggest network companies in China. He's enthusiastic at open source technology, especially distributed web, game architecture and node.js. Recently he and his team open sourced the pomelo framework, which is a fast, scalable, distributed game server framework for node.js. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/16/jsconfasia-2013-charlie-crane-building-fast-scalable-game-server-in-nodejs Slides: http://www.slideshare.net/xieccy/pomelo-jsconfasia License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"Monocle.io is a link submission and commentary site, built with CoffeeScript and Ruby, and today we're going to open-source it. I'm going to take you step by step through all the components, all the design decisions and all the performance tweaks I did to make it load so fast. We'll tackle MVC, de-coupling and how best to structure JavaScript web apps. Then finally I'll open up the floor to any further questions." Alex enjoys round the world trips, writing books and hacking on MVC frameworks. He's the author behind the O'Reilly book 'JavaScript web applications' has been an developer at Twitter and Stripe and maintains many side projects like monocle.io or spine.js. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/25/jsconfasia-2013-alex-maccaw-a-javascript-web-app-deconstructed Slides: https://speakerdeck.com/maccman/a-javascript-web-app-deconstructed License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"Straw is a lightweight dataflow framework. I will show you how it's core concepts have been around for hundreds of years and give you the lowdown on using it to simplify and scale your application." Simon has been building the web since the days of Netscape 1.0. With this much of data-driven web development background he has recently been engineering real-time data capture and delivery systems with node. On the side he produces Techno, lifts weights and researches computer arcana. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/20/jsconfasia-2013-simon-swain-data-flow-processing-for-nodejs-with-straw License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"Meteor is an open-source full-stack framework for building modern web applications. Apps written in this style -- like Google Plus and the photo browser in Facebook -- have rich and engaging interfaces because they send data over the network instead of HTML and run most of their code inside the browser. Meteor makes it possible to write applications this way in a fraction of the time, using a single language and unified API for all of your code. In this talk, I will live code a Meteor app from scratch, and dive into how some of Meteor's advanced features work under the hood, including reactivity, publications, subscriptions, and latency compensation." Emily is a core developer at Meteor, an open-source platform for building realtime Javascript web applications. Emily joined Meteor from academia, where her research contributions spanned several topics in security and cryptography. As an undergraduate at Stanford, Emily coauthored SJCL, a JavaScript public- and private-key cryptography library that is highly optimized for speed and code size. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/16/jsconfasia-2013-emily-stark-meteor-under-the-hood-of-a-full-stack-framework-for-building-pure-javascript-apps License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"You have some kind of test suite for your web app, so you know the features work. But does it look right? You fire up half a dozen virtual machines and open your drawer with five different mobile devices in it to check it out. The lack of automation in that is embarrassing. Some people say that you can't test HTML/CSS. I'd like to show you the opposite. You can automate testing visual layout, refactor your CSS with confidence and get rid of this pain. You understand why. Let's talk about how." Jakob is an entrepreneur. His current company, which he co-founded as CTO, is the third startup on his resume. He is a developer at heart and started out building games using C++, but ended up building web based services and fell in love with JavaScript. Lately he has also become a Node.js aficionado. When not coding he can usually be found learning or practicing a new skill or hobby, like playing the guitar, surfing, snowboarding, biking or solving rubik's cube. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/20/jsconfasia-2013- Slides: https://speakerdeck.com/jakobmattsson/automated-css-testing-not-just-a-myth-jsconf-dot-asia License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"Mobile market is currently dominated by Android and iOS. Blackberry, Windows Phone, Firefox and Ubuntu are looking ahead to capture this market as well. With such a plethora of devices and operating systems if a product or service providers looks at mobile devices to capture the market; it has to be beyond single platform for meaningful adoption. Cross platform toolkits have spawned up to address this issue; however a lot of them mean leveraging web technologies while compromising on User Interface. The talk will primarily be focused pros and cons of various mobile cross platform frameworks and the new framework 'Calatrava' which brings best of both the worlds (native and cross platform)." Anand is a long-time developer at ThoughtWorks Technologies and has worked in small and large scale Agile projects. He is a full stack engineer primarily working with Ruby on Rails and also mobile apps on Android and cross domain. Based in Singapore he's recently been working on 'Calatrava', a mobile cross platform framework. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/31/jsconfasia-2013-anand-agrawal-bridging-the-gap-between-mobile-platforms Slides: http://www.slideshare.net/anandagrawal84/bridging-the-gap-between-mobile-platforms-jsconf-asia License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"For the last 5 years of the mobile revolution, we've been developing against the same old set of conventions and event models designed for the mouse era. In this talk I'll cover what we've learned in designing the Surface from a usability perspective and then introduce Pointer Events, a evolution of Mouse Events that makes much richer web applications possible." Tim is an Engineer in Residence with the Microsoft Accelerators in Seattle, Tel Aviv, and Bangalore, where he helps startups use open platforms on the Windows Azure cloud platform. Previously, he was part of Nest Labs, an 'internet of things' startup focused on building an energy efficient home. Before coding, he aspires to brew a perfectly brewed cup of coffee. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/11/15/jsconfasia-2013-tim-park-pointing-forward Slides: http://www.slideshare.net/TimPark4/jsconf-eu-tim-park-pointing-forward-to-pointer-events License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

"Making the browser render millions of shaded triangles per second is just the first step. The challenge now is doing something interesting with all these triangles. For that we need to attract artists, designers, animators, modellers, etc. Frame.js is a library and editor that aims to do just that. In this talk we'll look at the current version of the tool - the internals, the usage and maybe find new uses for it." Ricardo is a self-taught computer-graphics programmer from Barcelona, Cabello. His work ranges from simple interactive digital toys — Google Gravity, Ball Pool and Harmony — to full featured experiences — The Johnny Cash Project, The Wilderness Downtown and ROME. Nowadays, Ricardo spends most of his time developing open source libraries and tools — three.js, frame.js and stats.js — making design and development simpler for everyone. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/11/8/jsconfasia-2013-mrdoob-ricardo-cabello-framejs Demo: http://www.mrdoob.com/files/temp/xplsv_obsidian/index.html License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

Announcement of the React Chrome Developer Tools http://facebook.github.io/react/blog/2014/01/02/react-chrome-developer-tools.html "React, the new open-source JS library from Facebook and Instagram, is a different way to write JavaScript apps. When it was introduced at JSConf US in May, the audience was shocked by some of its design principles. One sarcastic tweet from an audience member ended up describing React's philosophy quite accurately: https://twitter.com/cowboy/status/339858717451362304 At Facebook and Instagram, we're trying to push the limits of what's possible on the web with React. My talk will start with a brief introduction to the framework, and then dive into three controversial topics: Throwing out the notion of templates and building views with JavaScript, 're-rendering' your entire application when your data changes, and a lightweight implementation of the DOM and events." Pete is a member of the React core team at Facebook and also the sole engineer on Instagram.com. He has also designed and implemented the video encode backend infrastructure for Facebook and Instagram and computer vision infrastructure and general front-end web engineering for Facebook photos. Pete likes to play guitar and rock climbing when he is not hacking. JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Hotel H2O and Manila Ocean Park, Philippines - 28 + 29 November 2013. Source: http://2013.jsconf.asia/blog/2013/10/31/jsconfasia-2013-pete-hunt-react-rethinking-best-practices Slides: http://www.slideshare.net/floydophone/react-preso-v2 License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.