List of videos

New to working with canvas? Never fear, we'll give you a light introduction to some of the high-level concepts about working in 3D space and go through some minimal examples before we do a deep dive into grittier details. We'll look at in-browser tools as well as plugins found in multiple browser ecosystems: not just one, because the web is everywhere and your game should be too. We'll talk about how to debug and improve the performance of both 2D and 3D canvas contexts, including WebGL code. Though we will be talking largely about games, we'll also look at chart libraries as well and discuss using canvas as compared to SVG. Even if you're only working with a 3rd party library, you need to know how to profile performance and spot jank, as well as what action to take when you find it. You'll learn how to mitigate the overhead of doing a lot of 3D math, as well as how to get good performance on low-end devices. http://2014.jsconf.us/

This talk is about a modular frontend which is an approach not common to most frontend developers. No jQuery, no frameworks. Instead many small, simple abstractions are used, published to npm and bundled with browserify. The NPM-style frontend prefers modularity and simple abstractions that do one thing well. This talk includes: * Various approaches to creating standalone "components" or "widgets" that are published to npm, including styles & templates. * How to compose various modules together to build your own "framework" with your own trade offs. * How to compose an application from smaller applications * Build small UI components with thin interfaces that you glue together in your application. Your entry point is small, containing the minimal glue code and each UI component addresses its own concerns.

We've talked a lot about big concepts such as the Virtual DOM, re-rendering the entire app on every update with a diff algorithm, server-side rendering ... But there's another side to it: all the design decisions that makes React work for large projects. Slides: https://speakerdeck.com/vjeux/why-does-react-scale-jsconf-2014 http://2014.jsconf.us/

How does the transition into ES6 modules work for browsers exactly? How do we enable modular version-managed front-end architecture in the process? jspm provides almost-magical package management for JavaScript built around the principles of version-managed ES6-modules and the dynamic ES6 module loader from the core. In short, jspm starts off by making ES6 modules work dynamically in browsers today through the dynamic ES6 Module Loader polyfilll, then we make all existing module formats work through this same loader, then then we add offline build workflows for production and a command-line package manager to allow modular dependency management. Finally turn the whole thing around and add a CDN with server-push, and you have install-free version-managed module loading in the browser.

This talk will be about the current state of the union in Exceptions and stack traces in JavaScript in not only browsers but Node.js.

A dive in to how we use Jest to unit test our JavaScript at Facebook, why unit testing should be as easy and painless as possible, and how to make it that easy.

Template specialization is a way to dynamically switch the partials in your views based on the request/response context. This becomes vital for big corporations like Paypal since we have cases where parts of the views are customized based on locale, device, user profile based A/B tests etc.This idea was born out of the work we did to support template specialization with Krakenjs suite - the open sourced bootstrapping framework from Paypal. However, the idea is general enough to be implemented directly with vanilla express apps. This talk will demo template specialization in express apps with dust templates. Dust is a powerful javascript template engine which works well with node.js, and also provides the hooks required to add this capability. Additionally, I will also go over the recipe to enable specialization for any template engine, provided the engine exposes the hooks to tap into the render work flow to do your magic!

This talk is about my deliberate choice to try writing a Node.js ORM with no respect for simplicity, maintainability, or goodwill towards mankind -- but that reads like a dream.

The future of JavaScript is too exciting to put on hold while native implementations get around to supporting much-needed new features like classes, generator functions, and modules. This talk dives into the concepts and techniques involved in transforming these futuristic syntaxes into JavaScript-of-today, through the lens of Facebook's Regenerator project, which efficiently simulates ES6 generator functions (and soon async functions too!) using plain ES5. Listeners will come away from this talk with a deep understanding of Regenerator's implementation, and also (hopefully!) a headful of ideas for designing transformations of their own.