O'Reilly Fluent Conference

14 ways to bounce a ball: A tour of the web animations ecosystem

December 12, 2019

There are more options than ever for animating things on the web. Bryan Braun leads a tour of the web animations ecosystem, comparing animation approaches in detail and exploring the principles that transcend them all. To do this, Bryan uses lessons learned from building and maintaining Bouncy Ball, a project that compares web animation approaches (think, a TodoMVC for web animation).

A whirlwind tour of ClojureScript

December 11, 2019

J. David Eisenberg offers a whirlwind tour of ClojureScript, a functional language that compiles to JavaScript, covering everything from basic syntax, variables, and function definitions to lists, vectors, and the map and reduce functions.

Access your device hardware with the W3C Generic Sensor API (sponsored by Intel)

December 11, 2019

Alexis Menard offers an overview of the new W3C Generic Sensor API, which enables you to use hardware sensors in your website or web app. Join in to learn how you can implement it today and catch a glimpse of future plans.

Advanced debugging with Chrome DevTools

December 11, 2019

Between race conditions, object references, and async stack traces, JavaScript can be hard to sift through. Modern browsers offer many tools for debugging, so why not use them? And now that Node works out of the box with DevTools, you can step through your Node stack too. Wayne Elgin illustrates the latest ways to masterfully march up and down your stack and solve your codes greatest mysteries.

Architecting web apps to just work offline

December 11, 2019

Offline web applications with native performance are no longer a myth. Islam Sharabash explains how to architect an application that loads offline, persists data to disk, and even resolves conflicts in data and shares the challenges he encountered, including managing optimistic updates, syncing, and performance on a single thread, and the solutions that worked best.

Async in JavaScript and readability in Redux

December 11, 2019

From callbacks to promises to generators to async/await, JavaScript has a myriad of ways to handle out-of-order events and processessome of which are more readable than others and some of which are more testable than others. Nicole Chung explores the readability and testability of each approach in detail.

Atomic design as a migration strategy

December 11, 2019

Atomic design is well suited for migrating web applications. Because you build complexity out of simple components, you can start small and slowly carve out your application. Harrison Harnisch shares how Buffer is migrating six years of development with atomic design.

Automating peace of mind with accessibility testing and CI

December 11, 2019

Marcy Sutton discusses open source web development tools and testing practices that can help your team develop a pragmatic and sustainable approach to accessible software, benefiting many people with disabilities.

Build a JavaScript development environment

December 11, 2019

Starting a new JavaScript project from scratch is overwhelming. Cory House provides a playbook outlining the key decisions you need to make to build a robust development environment that handles bundling, linting, transpiling, testing, and much more.

Building a serverless electronic health record system from scratch

December 10, 2019

Warby Parker recently built an electronic health record system for its optometrists to use to conduct and store their eye exams. The company used this project as an opportunity to explore building a serverless web application on AWS. Ruthie Nachmany shares details of the system's implementation, challenges faced, and lessons learned along the way.

Building a style guide with efficiency, accessibility, and performance built in

December 10, 2019

Creating a lasting style guide that the product team will actually use and adopt is challenging. Archana Sankaranarayanan demonstrates how to build a style guide instantly with an Atomic CSS-based starter that ensures accessibility, performance, and engineering and design efficiency and shares some PostCSS tools to help grow the style guide, maintain it, and ease its adoption.

Building hybrid mobile apps with Ionic

December 10, 2019

Chris Griffith offers an introduction to the Ionic framework. Built atop Angular and Apache Cordova, this framework gives developers an incredibly powerful set of mobile components to create app store-ready or progressive web apps.

Building native mobile apps with React Native

December 10, 2019

Native or hybrid? React Native apps are easier than you think. You can get started building apps in just a few minuteseven as a beginner. The React Native CLI makes the building experience as easy as typing a few commands. Tracy Lee explains how to get started and build an native app easily in less than 30 minutes.

Building the culture and collaboration layer for DevOps (sponsored by Atlassian)

December 10, 2019

While most conversations around DevOps revolve around tool X or tool Y or the automation of X and Y, the reality is that DevOps requires high-performing people and teams. Sean Regan runs a brief DevOps Health Monitor live on stage and shares the other 26 team playbooks that emerged from Atlassian's Agile, DevOps, and microservices journey.

Caches all the way down

December 10, 2019

Caching ensures content gets to users as fast as possible and provides a great experience to repeat visitors. But getting network and browser caching right can be difficult, which explains why most web content today is not properly cached. Yoav Weiss explores HTTP cache semantics, strategies, browser internal caches, and service workers and explains how to serve your content fast and fresh.

Cross-platform progressive web apps

December 10, 2019

Progressive web apps (PWAs) are the new hotness, and Google is pressing hard to make them the de facto choice for building mobile applications. But what about iOS, where many of the key APIs are not supported? Cordova/PhoneGap offers a solution, polyfilling the missing functionality. Simon MacDonald demonstrates how to create a PWA that runs on the web, Android, and iOS from a single code base.

CSP: The good, the bad, and the ugly

December 10, 2019

Content Security Policy (CSP) is a powerful and complex standard that allows you to bring an additional level of security to your web applications. Ilya Nesterov outlines the not-so-obvious things that lead to weak CSP, illustrates typical mistakes in CSP, based on the Alexa top 1 million sites, and explains how you can build strict CSP in your own projects.

CSS: WTF?

December 10, 2019

If you think outside the box, you can solve almost anything with CSS. Join Estelle Weyl to learn the power of CSS, as she covers several CSS WTFs. Depending on your perspective, that can mean "wonderfully terrific feature" or, very often, "what the @#$%!."

Datas journey to predictive analytics (sponsored by Catchpoint)

December 9, 2019

Join Leo Vasiliou for a quick walk-through of the evolution of analytics, setting the stage for a deeper dive in a later sponsored session.

Debugging frontend performance

December 9, 2019

Tim Kadlec and Patrick Meenan explain how the construction of websites and applications impacts performance as well as how to quickly debug and resolve performance issues. Tim and Patrick dive into how browsers work, how web pages are delivered, backend and frontend issues, optimizations, and techniques to get the best performance and provide hands-on experience for working on web performance.

Deep dive into the React component lifecycle

December 9, 2019

As a beginner, heck even as a veteran, trying to understand all of the different lifecycle events in a React component can be a bit daunting. You'll often find yourself googling which one to use even after spending months working with React because each method has different uses. Jonathan Creamer goes through each lifecycle method, giving some examples of how and when to use them.

Delivering quality code frequently (sponsored by Sauce Labs)

December 9, 2019

Neil Manvar shares best practices for leveraging modern technologies to develop and test maintainable, quality code within CI/CD workflows.

Evergreen websites for evergreen browsers

December 9, 2019

Rachel Andrew shares a modern roadmap for browser support that enables you to create sites that can enhance themselves as the platform improveswithout leaving people stuck on older browsers in the cold.

Focusing on What Matters

December 9, 2019

We work and live in a bubble. Our limited perspective of what it means to use technology influences the way we build, the tools we use, and the tasks we prioritize. In the process, we risk losing the most powerful thing about the internet: its ubiquity.

Getting out of your Git messes

December 9, 2019

If you've used Git for any amount of time, you've probably gotten yourself into some confusing, frustrating, or downright terrifying situations. You are not alone. Katie Sylor-Miller explains how to avoid getting into Git messes in the first place and how to leverage Git's powerful features to save yourself when everything seems to go wrong.

Immutable data structures for functional JavaScript

December 8, 2019

Functional programmingprogramming without side effects or mutabilityhas great advantages, especially for JavaScript developers, but never mutating data can lead to efficiency problems. Anjana Vakil explains how immutable data structures provide an elegant solution and explores two libraries that make it easy to use these remarkable data structures in your own JavaScript projects.

Innovating with accessibility in mind

December 8, 2019

Building a better web means removing barriers for users and helping them live more productive lives. Marcy Sutton explores how the work we do with technology can have a monumental impact on the lives of people with disabilities by providing independence, privacy, and growth opportunities. But making a positive impact depends on our willingness to do the work.

Locking it down: A security primer for web developers

December 8, 2019

Your users are almost certainly vulnerable in one way or another. Mike North explores a series of common web app security pitfalls, first demonstrating how to exploit the vulnerability and then recommending a pragmatic and effective defense against the attack. Buckle up, because Mike's about to take some things you love and depend on and smash them to bits.