We’ve completed a significant upgrade to our video platform!

Still in development

Let us know what you think. We’d love your feedback.

x

Confirm Download

Simultaneous file downloading works best in FireFox, Chrome, and Safari browsers. Please keep this window open until all downloads are complete. Some customers prefer using download managers like GetThemAll Downloader for Chrome or DownThemAll! for Firefox.

Cancel Download

Fluent Conference 2014 Complete Video Compilation

JavaScript, CSS, HTML5 and Beyond

      • Reading, Writing, Arithmetic,... and JavaScript? - Pamela Fox  (Free)

        What if everyone learnt to program in middle school? How would that change the way that they learnt other subjects? How would it affect their personal life? Their career? It's kind of a crazy idea, but it might be crazy in a good way. In this talk, I'll lay down my ideas for how this could happen and what it might mean, based on my experience teaching programming online on Khan Academy.
      • 00:10:52

      • Speed, Performance, and Human Perception - Ilya Grigorik

        Performance is a feature, but what exactly is performance? Should UX be part of it and are there design principles that will help us deliver experiences that "feel faster"? What does it mean for a site to "feel fast" anyway and what is fast enough?
      • 00:15:58

      • Understand Your User's Experience - Christine Sotelo

        Front-end performance bottlenecks and errors leave a lasting impression on your customers. This is not the impression you want. Christine will show you how to quickly identify problems in your front-end code and make sure your users stay happy and keep visiting your web app.
      • 00:03:51

      • The Goodness of JavaScript - Aaron Frost and Dave Geddes

        Across the board, the JavaScript community is thriving. This last year has seen unprecedented levels of adoption. Dave and Aaron will take a look at some of the reasons for the success of the JavaScript community, while also exploring some of the painful bits along the way.
      • 00:12:21

      • Automate All the Front-End Things! - Part 1 - Kitt Hodsden

        Today's front end developers have more work to do than ever to create a functioning, responsive, fast, good-looking website. We have differing screen resolutions, browser support, network speeds and other considerations all buzzing around, jockeying for highest priority and attention during development. Fortunately for us, we also have more tools than ever before to help us begin, develop, test and refine those good-looking sites. Using those tools to automate the development process will help keep us sane, so let's do just that: automate all the front-end development things!
      • 00:44:34

      • Automate All the Front-End Things! - Part 2 - Kitt Hodsden

        Today's front end developers have more work to do than ever to create a functioning, responsive, fast, good-looking website. We have differing screen resolutions, browser support, network speeds and other considerations all buzzing around, jockeying for highest priority and attention during development. Fortunately for us, we also have more tools than ever before to help us begin, develop, test and refine those good-looking sites. Using those tools to automate the development process will help keep us sane, so let's do just that: automate all the front-end development things!
      • 00:43:12

      • Web Components in Action - Part 1 - Michael Bleigh

        3-Hours: Web Components are the building blocks of tomorrow's web applications, but you can start working with them today. Learn about how the various pieces of the spec work together to create awesome, reusable, and well-encapsulated components and put it into practice today using Google's Polymer library.
      • 00:55:24

      • Web Components in Action - Part 2 - Michael Bleigh

        3-Hours: Web Components are the building blocks of tomorrow's web applications, but you can start working with them today. Learn about how the various pieces of the spec work together to create awesome, reusable, and well-encapsulated components and put it into practice today using Google's Polymer library.
      • 00:39:55

      • Web Components in Action - Part 3 - Michael Bleigh

        3-Hours: Web Components are the building blocks of tomorrow's web applications, but you can start working with them today. Learn about how the various pieces of the spec work together to create awesome, reusable, and well-encapsulated components and put it into practice today using Google's Polymer library.
      • 00:42:32

      • WebRTC: Realtime Communication for Everyone - Part 1 - Lisa Larson-Kelley

        90-Minutes: WebRTC is a powerful open-source project that enables real-time communication (RTC) baked right into modern web browsers. This means you can now incorporate video, voice and data sharing using peer-to-peer connectivity via simple JavaScript APIs, with no plugins or additional installs.
      • 00:38:12

      • WebRTC: Realtime Communication for Everyone - Part 2 - Lisa Larson-Kelley

        90-Minutes: WebRTC is a powerful open-source project that enables real-time communication (RTC) baked right into modern web browsers. This means you can now incorporate video, voice and data sharing using peer-to-peer connectivity via simple JavaScript APIs, with no plugins or additional installs.
      • 00:39:09

      • Attacking Web Applications - Part 1 - Sasha Goldshtein

        In this session, we'll review common attacks on web applications: SQL injection, cross-site scripting (XSS), broken authentication, cross-site request forgery, information disclosure, and insecure password storage.
      • 00:45:40

      • Attacking Web Applications - Part 2 - Sasha Goldshtein

        In this session, we'll review common attacks on web applications: SQL injection, cross-site scripting (XSS), broken authentication, cross-site request forgery, information disclosure, and insecure password storage.
      • 00:37:04

      • Creating Interactives with D3.js - John Williams - Part 1

        3-Hours: This workshop will introduce you to the basics of the D3 library. D3 lets you create rich, custom interactive pieces driven by data, but the learning curve can be difficult to navigate. We'll cover the fundamental concepts of the library as well as SVG the most common illustration tool for D3 and enough functional programming to get by.
      • 00:42:27

      • Creating Interactives With D3.js - John Williams - Part 2

        3-Hours: This workshop will introduce you to the basics of the D3 library. D3 lets you create rich, custom interactive pieces driven by data, but the learning curve can be difficult to navigate. We'll cover the fundamental concepts of the library as well as SVG the most common illustration tool for D3 and enough functional programming to get by.
      • 00:22:21

      • Creating Interactives With D3.js - John Williams - Part 3

        3-Hours: This workshop will introduce you to the basics of the D3 library. D3 lets you create rich, custom interactive pieces driven by data, but the learning curve can be difficult to navigate. We'll cover the fundamental concepts of the library as well as SVG the most common illustration tool for D3 and enough functional programming to get by.
      • 00:30:17

      • Creating Interactives With D3.js - John Williams - Part 4

        3-Hours: This workshop will introduce you to the basics of the D3 library. D3 lets you create rich, custom interactive pieces driven by data, but the learning curve can be difficult to navigate. We'll cover the fundamental concepts of the library as well as SVG the most common illustration tool for D3 and enough functional programming to get by.
      • 00:34:23

      • Polymer: Web Components in Action - Eric Bidelman

        Web Components make web development fun again! Learn how to use Polymer and its UI components to create beautify component-based applications. Let's bring composability, reusability, and maintainability to the web.
      • 00:38:53

      • Leveling Up in Angular - Alicia Liu

        After you've developed that first demo app using the Angular JavaScript framework, now what? This presentation covers patterns and strategies for developing more complex apps using Angular, avoiding pitfalls, and how to write your own directives and components the "Angular Way".
      • 00:24:02

      • Media APIs for the Web - Chris Wilson

        We've all come to expect audio, video and realtime communication from apps, games and sites on all our devices. This session will help you build dynamic, multi-device web applications using video, WebRTC, Web Audio and more. We show you how to maximize performance, avoid common gotchas, and deliver great experiences on mobile and desktop, using powerful new media APIs.
      • 00:34:29

      • Practical Workflows for ES6 Modules - Guy Bedford

        See how to use ES6 modules and syntax in browsers today, with a focus on writing truly modular code. An overview of approaches will be covered, including a workflow for the ES6 Module Loader polyfill from development to production. Finally see an overview of the JSPM loader and CDN, demonstrating some of the possibilities of browser package management.
      • 00:36:45

      • Closing the Web Platform Gap with Native - Moh Haghighat

        We present some exciting results from Intel's ongoing joint work with Google and Mozilla on bringing SIMD to JavaScript, enabling development of high performance web apps including game engines and apps that require efficient image/video/speech processing. We also cover the portable Crosswalk HTML5 runtime and Intel XDK that lowers the development costs of web and hybrid apps for major app stores.
      • 00:30:53

      • Design Strategies for JavaScript API - Ariya Hidayat

        The quality of modular web applications can be improved by having the right set of APIs. This talk highlights the recent API design best practices, from using static polymorphism for consistent naming, preventing dangerous convenience (e.g. Boolean trap), and avoiding unreadable code due to confusing semantics. Real-world examples and automated tools to recognize bad API will be shown as well.
      • 00:27:49

      • Technical and Social Progress Toward ECMAScript 6 at Facebook - Ben Newman

        At Facebook we take the future of JavaScript seriously, and we go to great lengths to accelerate the adoption of new language features both within the company and without. Join us for a close look at some of our techniques for transpiling, desugaring, refactoring, and otherwise improving a very large JavaScript codebase.
      • 00:33:07

      • Measuring App Performance in the Browser - Nathan Taggart

        During this session discover the ways you can impact the application performance for your end user - pin pointing time spent within layers of the application, and end user demographics through geography, browser types, and page views. In addition to the application visibility we will be showing you how to dive into the time being spent within AJAX as well as the impact of JavaScript errors.
      • 00:25:52

      • Creating 8-bit Game Music in the Browser - Brian Rinaldi

        8-bit gaming is back, big time! Recreating the look and feel of an 8-bit game in the browser isn't complete without that classic 8-bit sound. In this session we'll look at how you can create 8-bit soundtracks in the browser using the Web Audio API and some help from a library called Band.js.
      • 00:27:37

      • Managing JavaScript Complexity in Teams - Jarrod Overson

        Learn what tools exist to assess and visualize JavaScript complexity and learn how to manage ever enlarging codebases. There are loads of tools out now that go a long way to managing your code (and other's) so you have more time to deal with what is important. Learn how to make the best of them.
      • 00:30:36

      • Responsive Web Design with viewport and Other New CSS Features - Andreas Bovens

        In this talk, I will look at two of the technologies that lie at the basis of responsive web design: the viewport meta tag and CSS media queries. I will explain how viewport is being standardized as viewport, and how many other new features in CSS, such as the resolution media query, object-fit, relative length units etc., can be used to create even more compelling responsive designs.
      • 00:29:53

      • Callable Entities in ECMAScript 6 - Axel Rauschmayer

        Functions in ECMAScript 5 are mostly replaced by new callable entities in ECMAScript 6: arrow functions, classes and method definitions. This talk explains how they work and what existing problems they fix.
      • 00:29:21

      • In Pursuit of the Holy Grail: Building Isomorphic JavaScript Apps - Spike Brehm

        While the client-side JavaScript app approach can provide snappy, interactive UIs, it presents challenges, including initial page-load performance, SEO, and duplication of application logic between client and server. Let's explore the budding community around isomorphic JavaScript apps and the tools and libraries you can use to run your app on the client and server with a single codebase.
      • 00:28:55

      • Building Customer Applications Using the Salesforce1 Platform APIs - Wade Wegner

        Behind every app, every device, and every connection, is a customer. Using the Salesforce1 Platform there's no limit to what you can build for your customers. In this talk Wade Wegner, Senior Director at salesforce.com, will demonstrate how to build your own applications using the Salesforce1 APIs. Heavy in code, light in slides, you'll leave ready to build your own applications on Salesforce1.
      • 00:29:33

      • Developing Web Graphics with WebGL - Tony Parisi

        WebGL's hardware-accelerated 3D rendering enables the creation of high-performance, visually stunning web content for advertising, entertainment, e-commerce, and social media. This session covers the basics of developing web graphics using WebGL. Topics include rendering, animation, interactivity, behaviors, and integrating 3D into HTML5 pages using open source WebGL libraries.
      • 00:31:13

      • So Easy A Child Could Do It - Kathryn Rotondo

        Young children playing with mobile devices don't have a preconceived idea of what it means to tap, or swipe, or talk into the mic, or that only one little point of one hand should touch the screen at a time. They rely on trial and error and cues from the app. This session will cover intuitive gestures, interactivity cues, and element placement, as well as legal considerations for children's apps.
      • 00:26:23

      • Using BladeRunnerJS to build front-end JavaScript apps that scale - Phil Leggetter

        Developing large apps is difficult. Ensuring that code is consistent, well structured, tested and has an architecture that encourages enhancement and maintainability is essential. But, how do you achieve this when building HTML5 single page apps? In this talk, you'll learn the main concepts to apply when building a front-end app that scales and how BladeRunnerJS can support the development process.
      • 00:33:00

      • JavaScript Loves Unicode - Mathias Bynens

        In this presentation well take a look at the various ways JavaScript relies on Unicode, what the consequences are for JavaScript developers wishing to support full Unicode in their apps, and how ECMAScript 6 will make our lives a bit easier in this regard.
      • 00:28:31

      • The Perception of Speed - Steve Souders

        Which would you rather have: a website that's fast or a website that's perceived as fast? The answer is Both! The list of performance best practices is long and well known, but there's been less focus on the users perception of speed. In this presentation, Steve Souders provides examples of how the perception of speed is completely independent of actual speed, and techniques for leveraging this perception gap to create websites that feel fast.
      • 00:30:52

      • Inside JavaScript Execution - Chase Douglas

        Have you ever wondered how JavaScript runtime engines actually execute your code? JavaScript as a language has many interesting facets and features, and this has led to innovative techniques for executing code efficiently. Learn all about how modern runtime engines work, and hopefully gain some insight on how you can better leverage the language for your projects.
      • 00:30:34

      • Code Risk Management at Twitter - Andres Ornelas

        In this talk, you will learn about a system we have built that quantifies and tracks the risk of files in any given codebase to empower all the levels of the organization to make informed decisions regarding code changes and accurately evaluate the health of their projects.
      • 00:28:54

      • Continuous Integration in JavaScript - Rob Richardson

        JavaScript has come of age, and with it, the maturity of the software development lifecycle. No matter the scale or publish platform for your app, you'll need a consistent build. We'll discuss standard CI best practices and techniques, and walk through two approaches to Continuous Integration in JavaScript: Travis CI and gulp.
      • 00:34:18

      • jQuery-free JavaScript - Elijah Manor

        Do you still need jQuery? Has it become a crutch? Can you get away with dropping jQuery as a dependency and use native browser APIs instead? For the majority of this session we will be looking at common jQuery snippets and show how to convert them either using native browser APIs or utilizing popular micro-libraries.
      • 00:29:50

      • Top Overlooked Security Threats To Node.js Web Applications - Chetan Karande

        If not programmed and configured in a security conscious manner, Node.js web applications expose attack vectors that can be exploited for severe technical and business impact. In this presentation, attendees will learn about possible security pitfalls and walk out with a cohesive action plan to effectively address these concerns and build resilient Node.js web applications.
      • 00:27:18

      • 6 Bottles of RUM: Surprising Stories of Mobile Behavior in the Real World - Peter McLachlan

        Real world measurement at scale is the only reliable way for web engineers to understand the performance behaviour of routine techniques, considered to be best practices in desktop web development, on smartphones running on cellular data networks. In this talk we will review common performance memes and evaluate them in the context of real world mobile performance.
      • 00:30:54

      • The Secrets of React's Virtual DOM - Pete Hunt

        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 React 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.
      • 00:30:48

      • Reusable Libraries for Hypermedia Clients - Mike Amundsen

        Based material from the book "RESTful Web APIs", this talk walks you through the creation of a great UI for a Collection JSON media type API and then shows how minor changes on the server are automatically handled by the client without rewrites or redeploys. The same library can even used for different APIs with the same smooth results. Reusable libraries for hypermedia clients is a reality.
      • 00:31:44

      • Measuring App Performance in the Browser - Nathan Taggart

        During this session discover the ways you can impact the application performance for your end user - pin pointing time spent within layers of the application, and end user demographics through geography, browser types, and page views. In addition to the application visibility we will be showing you how to dive into the time being spent within AJAX as well as the impact of JavaScript errors.
      • 00:31:22

      • Introduction to ExpressJS - Guy Ellis

        Learn how to use the ExpressJS framework to select the right structure and paradigm for your NodeJS application. You will leave this presentation with the knowledge to immediately build a well structured ExpressJS web application.
      • 00:33:41

      • Performance Tips when Developing with jQuery Mobile - Ralph Whitbeck

        jQuery Mobile is one of the easiest ways to create a mobile site today. Mobile development brings performance to the forefront. Well explore a few ways to get the most out of jQuery Mobile and your site. These tips were used in building a conference mobile site, which was built with performance in mind. Well learn how to make jQuery Mobile fast on any device.
      • 00:35:50

      • Meteor: A Full-stack JavaScript Framework for Modern App Development - Matt DeBergalis

        Meteor is a distribution of open-source packages that makes it radically faster to build modern apps. All the parts are there: a reactive template engine, powerful data synchronization primitives, a standard wire protocol, and a database API that works the same on both the client and the server. This talk will demonstrate making an app from scratch, showing how it all fits together.
      • 00:31:58

      • Frames Per Second - Paul Bakaus

        If you want to get your brain stuffed with every bit of info on runtime perf, then this is your talk. In-depth information on how many frames the human eye can process, differences between refresh rates and frame rates, motion blur, jitter, responsiveness, input lag and hands-on advice on profiling and debugging, all obviously from a games perspective, but applicable to all web development.
      • 00:30:59

      • Supercharge Your Mobile Emails - Lee Mallabone

        Email consumption on mobile devices is growing at an unprecedented rate, and the HTML capabilities of those devices is a step-change from their desktop counterparts. This talk will demo some lessons learned building delightful mobile experiences at LinkedIn, and present specific HTML and CSS3 authoring techniques for creating remarkable best-in-class mobile emails.
      • 00:32:17

      • Manipulating Space-Time Fabric by Rewriting Javascript AST - Nate Murray

        Thinking procedurally is one of the hardest concepts to grasp for the beginning programmer. By using a new-breed of tools we can visualize how programs run and reason about our programs in new ways. In this talk, you will learn how to use tools like esprima to programmatically rewrite javascript and visualize the space-time fabric of javascript execution.
      • 00:28:53

      • Asynchronous Promises - Kris Kowal

        A promise is a proxy for an eventual result, like an asynchronous version of return or throw, but they can also pipeline messages asynchronously to and from remote objects. A Promise type will likely be in ECMAScript 6, and many modern libraries use them already. In this talk, I will bring you up to speed with what they are and what you can do with them today and what they promise for tomorrow.
      • 00:34:28

      • AngularJS - Top 10 Tips - John Lindquist

        Come learn the top AngularJS tips to improve your workflow and enhance your AngularJS experience. John will talk about "Best Practices", debatable approaches, and code smells that he's found from teaching and training on AngularJS since it hit 1.0.
      • 00:28:09

      • UX Research Methods for API Design - Jeremiah Lee

        The field of user experience has proven in the last decade how research methodologies can significantly improve the usability, intuitability, and enjoyment of products. Yet API design is dominated by discussion of how one technology (HTTP) is most purely applied (REST/Hypermedia). User research and testing can elevate the level of design for APIs. I will present strategies for building great APIs.
      • 00:30:51

      • JavaScript as a First-Class Citizen on iOS 7 - Kevin Whinnery

        In iOS 7, JavaScript has become a first-class citizen for iOS development. The new JavaScriptCore system framework provides a bridge between JS and Objective-C code, opening up the entire Cocoa Touch platform to JavaScript developers. This talk will explore this new API, and demonstrate how developers can take advantage of it with a demo that uses JavaScript to drive a simple 2D SpriteKit game.
      • 00:28:52

      • JavaScript and Embedded Devices - Jon McKay

        The co-founders of Technical Machine talk about what the future has in store for the developer experience of embedded devices and the software architecture behind their JavaScript-powered microcontroller, Tessel.
      • 00:27:44

      • Unpacking Technical Decisions - Sarah Mei

        Every day, we make hundreds of small technical decisions: what's the best way to implement this? Where should this function live? Less often, we make a larger decision: would a different framework make us more productive? Should we rewrite the whole thing in C? We'd all like to make better decisions, at all of these scales. Let's unpack the decision-making process and see what we can extract.
      • 00:27:19

      • Whirlwind Tour of Scalable Vector Graphics - Marc Grabanski

        Take a whirlwind tour of a the graphics format that looks as good on small devices as it does on high resolution (retina) and large displays. We'll take a look at much of the SVG API as well as how to interact with vector graphics through the use of transforms, transitions, matrices and JavaScript libraries such as RaphaelJS and D3.
      • 00:29:13

      • Leaflet, Node.JS, and MongoDB for a easy and fun web mapping experience - Steven Pousty

        You have seen the stuff that FourSquare has done with spatial and you want some of that hotness for your app. Well this session will give you all the tools you need. We will combine MongoDB, Node.JS, and Leaflet to create full mapping application. When you go home you will be able to amaze your friends and supervisors with some spatial magic goodness you can control.
      • 00:40:07

      • Designing for Front-End Page Speed - Lara Swanson

        Good page load time begins with good design. As web performance grows in importance in the industry, many page speed tutorials focus on the back end. This presentation focuses on performance from a design and front end perspective.
      • 00:26:58

      • Functional Programming Patterns for the Non-Mathematician - Brian Lonsdorf

        Abstractions in FP can be daunting if you're not familiar with set theory or lambda calculus or category theory and all that. I'm certainly not. I'll translate some of the most important functional patterns and interfaces in JS directed towards us object orienters who may not have majored in math. You'll leave with a killer toolset and you'll weep at the beauty...if you have a heart.
      • 00:30:29

      • Tools and Techniques for Securing JavaScript Applications - Emily Stark

        Modern applications written in JavaScript are vulnerable to many of the same attacks, like XSS and CSRF, that threaten traditional web apps. But defending against them requires new tools and techniques. This talk will illustrate best practices for securing these apps, and introduce some of the security conventions and tools we've built into Meteor, a full-stack JavaScript framework.
      • 00:28:27

      • Writing Real Time Web Apps - Wesley Hales

        This is not another session using Node and Socketio to demonstrate sending an receiving real time data. This presentation will cover what it takes to stand up production ready WebSocket clients and how to manage and gracefully degrade for non-supporting browsers.
      • 00:31:08

Fluent Conference 2014 Complete Video Compilation

JavaScript, CSS, HTML5 and Beyond

  • Publisher: O'Reilly Media
  • Released: April 2014
  • Run time: 46 hours 18 minutes

Put the latest web tech into practice

If you missed the 2014 Fluent Conference in San Francisco this past March, you can still take in every workshop, session, and keynote with this complete video compilation of the event. Catch up with this year’s lineup of speakers—seasoned pros as well as notable newcomers—as they share their experience and expertise on the emerging methods, tools, and technologies of the Web Platform: JavaScript, HTML5, CSS3, and more.

Learn the latest from experts including Mike Amundsen (Layer 7 Technologies), Brendan Eich (Mozilla), Kent Brewster (Pinterest), Alice Boxhall (Google), Tasneem Brutch (Samsung Research America), Brent Beer (GitHub), and dozens of others in the field. And learn about common attacks on web applications, the 10 top tips for using AngularJS, the secrets of React’s Virtual DOM, and many more absorbing topics.

Download these videos or stream them through our HD player, and explore workshops and sessions in 10 different tracks:

  • Front End Libraries
  • The Server Side
  • Node.js
  • HTML5, CSS3, and Browser Tech
  • Pure Code and JavaScript
  • Mobile
  • Tools, Platforms, and APIs
  • The Leading Edge
  • HTML5 Gaming
  • UI/UX