Building a Better Web
June 11–12, 2018: Training
June 12–14, 2018: Tutorials & Conference
San Jose, CA

Speaker slides & video

Presentation slides will be made available after the session has concluded and the speaker has given us the files. Check back if you don't see the file you're looking for—it might be available later! (However, please note some speakers choose not to share their presentations.)

If you are looking for slides and video from 2017, visit the Fluent 2017 site.

Martine Dowden (Andromeda)
With over 40 possible values for the display property, it's no wonder that CSS can be tricky, especially for layouts. Martine Dowden offers an overview of the display property and demonstrates how to use it to lay out content.
Peggy Rayzis (Meteor Development Group)
GraphQL is a new API technology that has exploded in popularity over the past year. But what's all the hype about? Peggy Rayzis details what GraphQL is and explains how integrating it into your application can solve many of the pain points frontend developers face when working with remote data.
Luis Vieira (Farfetch.com)
Luis Vieira offers an overview of the current progressive web app (PWA) landscape and explains how to leverage new APIs such as client hints, service workers, and network information to create PWAs that are highly adaptive to users' devices and contexts and that can offer a tailored and optimized experience that accounts for each device's unique characteristics.
Joseph Wynn (SpeedCurve)
Taking your first team lead role can be daunting. How do you set yourself up for the role? How do you steer the team direction without micromanaging? How do you look after yourself on top of handling the new responsibility? An engineer who accidentally fell into a team lead role, Joseph Wynn shares advice and best practices to help you feel more comfortable becoming a team lead.
Destry Saul (Unchained Capital)
Accessing the data and logic stored in a blockchain is significantly different than accessing your own servers. Destry Saul walks you through APIs for the most popular blockchains, outlines dangers to watch out for, and explains which current applications make use of blockchains.
Wade Minter (Custom Communications)
It's easy to get attention in the tech community when you're building slick software to help high-income consumers do new things. But what if you're in North Carolina, building internal software to help people who install satellite dishes work more efficiently? Wade Minter explains how he switched his thinking to deliver great software to these users.
Jeremy Fairbank (Test Double)
No runtime exceptions, no "undefined is not a function," no JavaScript fatigue—Elm is a functional programming language for building resilient frontend applications. Join Jeremy Fairbank to get hands-on experience with Elm and quickly learn how to build fast and safe applications with Elm's framework, the Elm Architecture.
Trent Willis (Netflix)
“Move fast and break things,” “Get shit done,” "Disrupt"—these are mantras of the tech and design industry. They praise speed and hard work but overlook a core element: people. Trent Willis explains how to proactively care for your teammates with the same passion you use when caring for your code.
Chat is becoming more integrated in our day-to-day lives, but it can feel convoluted in the office. The growth in popularity and ease of use for conversational UI means it is no longer reserved just for the social user. Meredith Hassett explains how chatbot technology can increase productivity and simplify work streams in the office.
Jen Kramer (Harvard University Extension School)
CSS Grid is the brand-new spec available in the latest browsers. Jen Kramer details Grid's basic syntax, using a layout of a Mondrian painting as an example, and explores alternative Grid syntaxes as well as nested and offset grid layouts. Jen concludes by walking you through combining Flexbox and Grid to solve a web page layout problem.
Rachel Krause (Nielsen Norman Group)
To create a successful product, you need a solid understanding of your users. The key to success? Collaboration. Rachel Krause walks you through a collaborative process for creating a product users will love, from establishing users to creating a design that can be taken right into development without the need for high-fidelity mockups or detailed documentation.
David Neal (ReverentGeek)
Want to leverage your web skills to build cross-platform desktop applications? David Neal offers an overview of Electron, an open source solution designed to make building great desktop applications easy. Join in to explore Electron's features and learn how to quickly get started.
Tim Kadlec (Independent), Gareth Hughes (Akamai), Michael Gooding (Akamai)
Join Tim Kadlec, Gareth Hughes, and Michael Gooding to learn how to load the progressive web faster and get hands-on experience with the newest performance techniques. You'll cover the foundational browser concepts on the first day, particularly relating to performance and optimization; then, on the second day, you'll learn how to implement and optimize a progressive web app (PWA).
Brian Rinaldi (Progress)
Applications are made up of code that comes from many sources. Understanding what licenses we're using and what they require can prevent opening our companies or ourselves up to potential liabilities. Brian Rinaldi offers an overview of the various types of licenses typically associated with the software and code you may use in a given project, helping you stay aware and navigate the complexities.
Alexis Menard (Intel)
Alexis Menard offers an overview of the WebXR Device API (formerly known as WebVR 2.0) and explains how to build a VR experience on the web from scratch. You'll get familiar with VR concepts, learn how to use them with the WebXR Device API, and discover how to port your existing WebVR 1.1 experience if you already have one.
Sebastian Golasch (Deutsche Telekom)
Once there was the "video" tag, but content distributors decided it wasn't enough. They wanted more—more power, more protection, more control—so encrypted media extensions were born, and digital rights management appeared in our browsers. Sebastian Golasch walks you through the technical details behind EMEs, CDMs, and DRM by reverse engineering and building a Netflix video player.
Ally Long (Field Intelligence)
Ally Long explains how to design and build products for a different kind of digital landscape than many of us are used to: the billions of people around the world who now have access to connected smartphones but can afford only a few megabytes of data here and there, have cheap, low-powered devices and unreliable electricity, and are learning to use digital interfaces for the first time.
Maggie Pint (Microsoft)
Maggie Pint explains how bad date support in JavaScript took one frontend developer (her) from making HR software in Minneapolis to working as an Azure SRE. It's a story of failures and heartbreaks but also of change, success, and the amazing power of the many people in the open source and standards community.
Max Firtman (ITMaster Professional Training)
After you understand how important web performance is and have applied basic techniques, what's next? Max Firtman covers extreme web performance techniques that will blow your mind, from new compression algorithms and new image formats to client hints and HTTP/2 push. Join in to learn how to hack web performance.
Sarah Federman (Adobe)
In a perfect world, every application would be usable by everyone. Unfortunately, it never seems to be that simple. Accessibility is vital to the future of the web, and we all have a part to play. Sarah Federman shares techniques for making accessibility a priority in your org through both top-down and grassroots efforts.
Ivan Jovanovic (NearForm)
Nowadays, applications have become incredibly big and complex, and most of the app lives on the client side. It’s becoming very hard to maintain those apps, and we often create more bugs than we fix. Ivan Jovanovic explains why the micro-frontend (a microservice-oriented architecture on the frontend) might just be the solution you need.
Aimee Knight (Built Technologies)
All too often developers are left completely puzzled when the browser renders CSS in ways they didn’t expect. But it’s not dark magic; we know that computers are just parsing our instructions. While many talks discuss how to fix common bugs, Aimee Knight focuses on the reasons behind them, leading a deep dive into browser internals to see how our styles are parsed and rendered.
Scott Davis (ThoughtWorks)
What if you could increase your website's SEO, improve your mobile web design, and get a head start on the coming conversational UI revolution through a renewed focus on accessibility? And what if you increased your user base by making it more accessible to disabled users? Scott Davis explains why accessibility should be just as important to you as a mobile design strategy was 10 years ago.
Kyle Shevlin (Formidable Labs)
Functional programming is all the rage these days, but with lingo like "lambdas," "functors," and "monads," it can be intimidating to get started. Join Kyle Shevlin to learn just enough functional programming for you and your team to get started without getting lost in the vernacular.
Heidi Helfand (Procore Technologies)
Listening is power. By tuning in and applying self-management and directed curiosity, you can help others solve their own problems. Doing this not only leads to greater ownership but also creates more leaders (rather than "order takers") in your organization. Heidi Helfand shares practical communication skills so you can become a more available and empowering coworker, friend, and leader.
Kyle Simpson (Getify), Brian Douglas (GitHub), Kate Compton (Independent), Sam Richard (IBM)
Join in for three special short talks curated and moderated by program chair Kyle Simpson.
Mark Zeman (SpeedCurve)
There are a wide variety of web performance metrics, but which ones should you focus on and share across your organization? Mark Zeman explains which performance metrics best represent the user experience and walks you through techniques for improving your UX performance metrics and getting the content that users care about the most in front of them as fast as possible.
Cliff Crocker (Akamai)
Cliff Crocker discusses best practices for measuring what matters and applying an understandable methodology that achieves what we are all after: happier users.
Keerthana Krishnan (Two Dudes Photography)
Is the large number of JavaScript libraries available making your life difficult? Keerthana Krishnan explains how she was overwhelmed by JavaScript and how she bounced back
Bradley Holt (IBM)
Bradley Holt demonstrates how service workers, Apache CouchDB (an open source document database), Hoodie (an open source Node.js backend for offline first apps), and PouchDB (an open source JavaScript database that syncs) can be used to build progressive web apps using an offline-first approach in order to provide fast, zero-latency access to content and data stored directly on the device.
Chetan Karande (YJ Consulting LLC)
Chetan Karande shares the findings from an analysis of over a thousand publicly known Node.js vulnerabilities. With intuitive data visualizations and statistics, Chetan details trends over last five years, explores common security mistakes made by Node.js package authors, and explains how you can prevent these issues in your own code.
Have you ever wanted to ask Cory Doctorow his thoughts on the future of the web, privacy, net neutrality, and tech-lash? Don't miss this moderated Q&A session with Cory.
Making your site faster seems so easy in theory, but in practice, diagnosing and fixing performance issues on a large legacy codebase is like being an archaeologist excavating the remains of a lost civilization. Pick up a trowel and join Katie Sylor-Miller to learn real-life lessons on how Etsy uncovered and fixed performance issues in its mobile product page code.
Luca Mezzalira walks you through reactive programming using two different frameworks: Vue.js and MobX. You'll start with a basic example that will be extended during the workshop, adding new functionalities and analyzing how the reactive approach helps in your frontend projects.
Princiya Sequeira (Zalando)
Browser extensions built with the WebExtensions APIs are compatible with all modern browsers. Princiya Sequeira shares lessons learned migrating a legacy privacy add-on to a web extension, with performance being the key factor. Along the way, you'll explore all things web tracking.
Natalie Qabazard (Trulia)
For years, developers have relied on browsers to render web pages client side, which often leaves users patiently waiting for web pages to load. This less-than-favorable experience can be changed by writing user interface components in React. Join Natalie Qabazard to explore the pros and cons of rendering a web page server side using React and a serverless resource.
Pete Hodgson (Independent)
Join expert Pete Hodgson to get started with React on the right foot. Pete focuses on React fundamentals explained through two big ideas—testability and stateless components—as you learn how to build industrial-grade React apps. You’ll leave with hands-on knowledge of the major moving parts of React along with experience using tools and techniques for testing your React code.
Chances are you fell in love with technology the day you took some tool that didn't quite work for you and made it better—better suited to you and your idiosyncratic needs and uses. Then you shared your improvements and made other people's lives better too, and what sweeter feeling is there? Cory Doctorow explains why the right to configure is the signature right of the 21st century.
Lin Clark (Mozilla)
The browser needs to get faster. Applications are testing the limits of current browsers, especially on devices like smartphones. Lin Clark explains how the browser works today and what browser vendors need to do over the next few years to ensure their browsers (and the web itself) meet upcoming demands.
Patrick Hamann (Fastly)
HTTP/2 server push gives us the ability to proactively send assets to a browser without waiting for them to be requested. Sounds great, but is this new mechanism really a silver bullet? Using new research and real-world examples, Patrick Hamann leads a deep dive into server push and attempts to answer the question we're all asking: Is it ready for production?
Paul Calvano (Akamai Technologies)
Have you ever thought about how your site’s performance compares to the web as a whole? Paul Calvano explores how the HTTP Archive works, how people are using this dataset, and some ways that Akamai has leveraged data within the HTTP Archive to help its customers.
Bryan Hughes (Microsoft)
Interested in TypeScript but aren't sure where to start? Like most modern web development, it can feel like there are too many options and no obvious answers. Join Bryan Hughes to learn best practices for integrating TypeScript into both Node.js and webpack + React/JSX workflows, discover how you can benefit from the features TypeScript offers, and find answers to your TypeScript questions.
Kim Crayton (#causeascene)
Kim Crayton explains how to reduce exclusionary practices in your organizations and communities.
Benjamin Hong (Politico)
When it comes to learning about a new framework, there's no better way than building things from scratch. Join Benjamin Hong for a hands-on deep dive into Vue.js. You'll start from a bare-bones HTML5 template and build three applications from the ground up. Along the way, you'll explore Vue.js key concepts and learn how it compares to other frameworks like Angular and React.
Dan Shappir (Wix)
Performance is at the forefront of many, if not most, web development projects. Fortunately, modern browsers provide a wealth of performance-related information and services, which can be used to optimize page load speed and responsiveness. Dan Shappir offers an overview of the aptly named Web Performance API and shows how to best use it to extract detailed performance information.
Sasha Aickin (Self-employed)
WebAssembly has been hailed in some quarters as the next JavaScript, but the truth is much more complicated. Sasha Aickin outlines what WebAssembly is good for right now in today's shipping browsers. Through the lens of a project ported from JavaScript to WebAssembly, Sasha details when it is practical to use WebAssembly and when it is not.
Cherie Wong (Amazon)
As a web developer, you want to create beautiful, faster, safer experiences for your customers. Cherie Wong shares common developer pain points and recipes to solve them using AWS.
Nic Jansma (Akamai), Charles Vazac (Akamai)
Nic Jansma and Charles Vazac perform an honest audit of several popular third-party libraries to understand their true cost to your site, exploring loading patterns, SPOF avoidance, JavaScript parsing, long tasks, runtime overhead, polyfill headaches, security and privacy concerns, and more. They also share tools to help you decide if a library’s risks and unseen costs are worth it.
Aurelia Moser (Mozilla Science)
Focusing on a mix of artificial, scientific, and environmental sensing data, Aurelia Moser explores fantasy and farcical mapping, teasing out the tough parts of geocoding on real and mythical spatial matrices while delving into the contrived topographies of null island, paper towns, "dumb" cities, and the infinitely curious world of geospeculative design in JavaScript.