Building a Better Web
June 11–12, 2018: Training
June 12–14, 2018: Tutorials & Conference
San Jose, CA
 
210 A/E
Add Accessibility is important... now what? to your personal schedule
9:50am Accessibility is important... now what? Juliana Gomez (HUGE)
210 B/F
Add The Future of JavaScript Modules to your personal schedule
9:00am The Future of JavaScript Modules C J Silverio (npm Inc)
Add Reactive Programming: Future-Proof Your Code to your personal schedule
9:50am Reactive Programming: Future-Proof Your Code Tracy Lee (This Dot), Ben Lesh (Google)
Add TypeScript in Practice to your personal schedule
11:00am TypeScript in Practice Bryan Hughes (Microsoft)
Add Group Games with GraphQL Subscriptions to your personal schedule
3:35pm Group Games with GraphQL Subscriptions Alex Banks (Moon Highway, LLC)
210 C/G
Add Unintended Consequences  to your personal schedule
9:00am Unintended Consequences Kim Crayton (Kim Crayton LLC)
Add Field-tested interfaces for the next billion to your personal schedule
9:50am Field-tested interfaces for the next billion Ally Long (Field Intelligence)
Add Modern workflows: aiming for faster and better without burning out to your personal schedule
11:00am Modern workflows: aiming for faster and better without burning out Val Head (Adobe), Elaine Chao (Adobe)
Add Patterns in Node Vulnerabilities to your personal schedule
3:35pm Patterns in Node Vulnerabilities Chetan Karande (DTCC)
Add Leadership Starts with Listening: Amplify Your Impact to your personal schedule
4:25pm Leadership Starts with Listening: Amplify Your Impact Heidi Helfand (Procore Technologies)
210 D/H
Add Cross-Platform Desktop Apps with Electron to your personal schedule
9:50am Cross-Platform Desktop Apps with Electron David Neal (ReverentGeek)
Add EME? CDM? DRM? CENC? IDK! to your personal schedule
11:00am EME? CDM? DRM? CENC? IDK! Sebastian Golasch (Deutsche Telekom)
Add The Silver Cord of Javascript Frameworks to your personal schedule
3:35pm The Silver Cord of Javascript Frameworks Taylor Jones (IZEA)
Add What's New in Angular to your personal schedule
4:25pm What's New in Angular Stephen Fluin (Google)
212 A/B
Add Re-building a browser extension for privacy to your personal schedule
9:00am Re-building a browser extension for privacy Princiya Marina (Zalando), Princiya Sequeira (Zalando)
Add Does it NEED to be a PWA? to your personal schedule
9:50am Does it NEED to be a PWA? Tara Z. Manicsic (Progress)
Add The Art & Craft of Secrets: Using the Cryptographic Toolbox to your personal schedule
11:00am The Art & Craft of Secrets: Using the Cryptographic Toolbox Michael Swieton (Atomic Object)
Add Introduction to Micro Frontends to your personal schedule
3:35pm Introduction to Micro Frontends Ivan Jovanovic (Welltok)
Add Thursday Opening Remarks to your personal schedule
Grand Ballroom
1:00pm Thursday Opening Remarks Allyson MacDonald (O'Reilly Media), Kyle Simpson (Getify), Tammy Everts (SpeedCurve)
Add Keynote with Aurelía Moser to your personal schedule
1:10pm Keynote with Aurelía Moser Aurelia Moser (Mozilla Science)
Add The parallel future of the browser to your personal schedule
2:10pm The parallel future of the browser Lin Clark (Mozilla)
8:00am Morning coffee | Room: Foyer
Add Thursday Speed Networking to your personal schedule
8:15am Thursday Speed Networking | Room: Grand Ballroom 220 Foyer
Add Closing Reception (sponsored by SpeedCurve) to your personal schedule
5:05pm Closing Reception (sponsored by SpeedCurve) | Room: San Jose Ballroom 4-6
10:30am Morning break | Room: Hall 1,2,3
Add Lunch and Thursday Topic Tables to your personal schedule
11:40am Lunch and Thursday Topic Tables | Room: Hall 1,2,3
2:45pm Afternoon Break | Room: Hall 1,2,3
9:00am-9:40am (40m) Web Foundations: CSS, HTML, JS, Node Best practice, Developer Experience Track: Tools, Platforms, and Techniques, Technical
It's Not Dark Magic - Pulling Back the Curtains From Your Stylesheets
Aimee Knight (Built Technologies)
All too often developers are left completely puzzled when the browser renders CSS in ways they didn’t expect. It’s not dark magic though and as developers, we know that computers are just parsing our instructions. While many talks discuss how to fix common bugs, this talk will focus on the why by taking a deep dive into browser internals to see how our styles are parsed and rendered.
9:50am-10:30am (40m) Accessibility Best practice, Technical, Web Pillars Track: Performance, Security, Accessibility
Accessibility is important... now what?
Juliana Gomez (HUGE)
A11y is picking up interest in the dev community (finally!) but once we know why we should make the internet accessible we need the knowledge and tools to actually do it. We know the "why", here's the "how"
11:00am-11:40am (40m) Performance and UX Case study, Web Pillars Track: Performance, Security, Accessibility
Raiders of the Fast Start: Frontend Performance Archeology
Katie Sylor-Miller (Etsy)
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 come along with Etsy's Frontend Systems team to learn real-life lessons on how we uncovered and fixed performance issues in our mobile product page code.
3:35pm-4:15pm (40m) Performance and UX Hands-on, Technical, Web Pillars Track: Performance, Security, Accessibility
To push, or not to push?! - The future of HTTP/2 server push
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, right?! However, is this new mechanism really the silver bullet we thought it was? Using new research and real-world examples, this talk will take a deep dive into server push and attempt to answer the question we're all asking: is it ready for production?
4:25pm-5:05pm (40m) Performance and UX Best practice, High-level, Web Pillars Track: Performance, Security, Accessibility
Meaningful UX performance metrics and how to improve them
Mark Zeman (SpeedCurve)
There are a wide variety of web performance metrics. Which ones should you focus on and share across your organization? We survey which performance metrics best represent the user experience and help you pick a winner for your website. We’ll walk 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.
9:00am-9:40am (40m) Future JS and Functional Developer Experience Track: Tools, Platforms, and Techniques, High-level, Technical
The Future of JavaScript Modules
C J Silverio (npm Inc)
Until now, JavaScript has not had an official module system defined as part of the language. It’s had several unofficial ones, including node.js’s CommonJS module system. But a new module system is here, and it will have profound effects on how you write and share JavaScript. Learn about what’s changing with JavaScript modules and how your tooling and workflows will need to change in response.
9:50am-10:30am (40m) Future JS and Functional Best practice, Developer Experience Track: Tools, Platforms, and Techniques, High-level
Reactive Programming: Future-Proof Your Code
Tracy Lee (This Dot), Ben Lesh (Google)
There will always be a new framework. Wouldn't it be amazing if we could copy 90% of code between frameworks? Reactive programming enables this. Not only can it help JavaScript fatigue, but concepts remain consistent across frameworks. Learn how to create composable app architecture with RxJS, a DSL on top of JavaScript. Use RxJS in Angular, React, Vue and learn future for reactive primitives
11:00am-11:40am (40m) Future JS and Functional Case study, Developer Experience Track: Tools, Platforms, and Techniques, Technical
TypeScript in Practice
Bryan Hughes (Microsoft)
Are you interested in TypeScript, but not sure where to start? Like most modern web development, it can feel like there are too many options and no obvious answers. This talk will share best practices for integrating TypeScript into both Node.js and Webpack+React/JSX workflows, how you can benefit from the features TypeScript offers, and answer common questions about TypeScript.
3:35pm-4:15pm (40m) Web services and APIs Developer Experience Track: Tools, Platforms, and Techniques, Hands-on, Technical
Group Games with GraphQL Subscriptions
Alex Banks (Moon Highway, LLC)
Instead of allowing our phones to make us oblivious to the world around us, what if we were able to use them to facilitate interactivity in the real world? Using the power of GraphQL, the audience will participate in interactive challenges that create graphable relationships. We will dive into the code that produces each activity as well as the data produced by the activity itself.
4:25pm-5:05pm (40m) Mobile and Desktop Case study, Developer Experience Track: Tools, Platforms, and Techniques, Technical
Adaptive PWA’s: Delivering customized and optimized cross device web apps
Luis Vieira (www.farfetch.com)
An overview of the current PWA landscape and how we can leverage new APIs such as client-hints, service-workers and network information to create PWAs that are highly adaptive to the user’s device and context and that can offer a tailored and optimized experience that accounts for each device unique characteristics
9:00am-9:40am (40m) Business of web Best practice, Beyond Code Track: The Business Side of the Web, Case study
Unintended Consequences
Kim Crayton (Kim Crayton LLC)
How to Reduce Exclusionary Practices In Our Organizations and Communities
9:50am-10:30am (40m) Performance and UX Best practice, Web Pillars Track: Performance, Security, Accessibility
Field-tested interfaces for the next billion
Ally Long (Field Intelligence)
Learn about designing and building products for a different kind of digital landscape than many of us are used to – for the billions of people around the world that now have access to connected smart phones, but who can afford only a few megabytes of data here and there, have cheap, low-powered devices, unreliable electricity, and are learning to use digital interfaces for the first time.
11:00am-11:40am (40m) People and teams Best practice, Beyond Code Track: The Business Side of the Web, High-level
Modern workflows: aiming for faster and better without burning out
Val Head (Adobe), Elaine Chao (Adobe)
The need to work faster and iterate quickly is pressuring teams to connect designer and developers more closely. In this talk we'll draw on real-world project experience to examine where the tools you use, and the way you communicate can help your teams work more efficiently. You’ll learn how to streamline your process at the critical stage of passing solutions from design to development.
3:35pm-4:15pm (40m) Security Best practice, Technical, Web Pillars Track: Performance, Security, Accessibility
Patterns in Node Vulnerabilities
Chetan Karande (DTCC)
This presentation shares distilled findings from analysis of over thousand publicly known Node vulnerabilities. With intuitive data visualizations and statistics, this presentation brings forth trends in Node vulnerabilities during last five years, common security mistakes done by Node package authors, and how to prevent these issues in their own code.
4:25pm-5:05pm (40m) People and teams Best practice, Beyond Code Track: The Business Side of the Web, Hands-on
Leadership Starts with Listening: Amplify Your Impact
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 more leaders in your organization instead of “order takers”. In this interactive talk I’ll teach you practical communication skills so you can become a more available and empowering coworker, friend and leader.
9:00am-9:40am (40m) Frameworks and Libraries Best practice, Developer Experience Track: Tools, Platforms, and Techniques, Technical
How to stay sane while managing complex state in Vue.js
Hassan Djirdeh (Shopify)
The ability to create Vue components as small decoupled units of functionality is necessary for the organization of Vue applications. With this, parent-child and sibling-sibling components need to interact and manage information amongst each other. This is where it becomes important to have appropriate state management for the predictability and maintainability of an entire Vue application!
9:50am-10:30am (40m) Mobile and Desktop Developer Experience Track: Tools, Platforms, and Techniques, Technical
Cross-Platform Desktop Apps with Electron
David Neal (ReverentGeek)
Would you like to leverage your web skills to build cross-platform desktop applications? Electron is an open-source solution designed to make building great desktop applications easy. In this talk, you will learn its features, how to quickly get started, and tips from my experience!
11:00am-11:40am (40m) Web Foundations: CSS, HTML, JS, Node Case study, Developer Experience Track: Tools, Platforms, and Techniques, Hands-on
EME? CDM? DRM? CENC? IDK!
Sebastian Golasch (Deutsche Telekom)
Once there was the
3:35pm-4:15pm (40m) Frameworks and Libraries Developer Experience Track: Tools, Platforms, and Techniques, High-level, Technical
The Silver Cord of Javascript Frameworks
Taylor Jones (IZEA)
Developers often focus on how JavaScript frameworks differ, but I believe there’s a thread that ties all of our javascript frameworks together. In this talk, we’ll explore the ideas that tie the prominent JavaScript frameworks together and how they are successfully building on these ideas.
4:25pm-5:05pm (40m) Frameworks and Libraries High-level, Technical
What's New in Angular
Stephen Fluin (Google)
The Angular Platform has come a long way since its first major release in September of 2016. Learn about what the Angular team is doing to make the platform smaller, faster, and easier to use. This session will also cover new efforts from the team to help developers take advantage of the modern web including Angular Elements, server side rendering with Universal, and more.
9:00am-9:40am (40m) Security Hands-on, Technical, Web Pillars Track: Performance, Security, Accessibility
Re-building a browser extension for privacy
Princiya Marina (Zalando), Princiya Sequeira (Zalando)
Browser extensions built with the WebExtension APIs are compatible with all modern browsers. In this talk we shall look into the lessons learned from migrating a legacy privacy add-on to a web-extension, with performance being the key factor. The tips and tricks are sure to leave the audience worrying about privacy and taking their step towards building an open and healthy internet.
9:50am-10:30am (40m) Web services and APIs Best practice, Developer Experience Track: Tools, Platforms, and Techniques, Hands-on
Does it NEED to be a PWA?
Tara Z. Manicsic (Progress)
There is a lot of talk about Progressive Web Apps these days, but what apps actually need to be progressive? Maybe users don't NEED a push notification every time you post a picture of your pet. Let's talk about what kind of apps can really be benefited by the advancements of modern web technologies and in the end walk through how to spin one up.
11:00am-11:40am (40m) Security Best practice, Technical, Web Pillars Track: Performance, Security, Accessibility
The Art & Craft of Secrets: Using the Cryptographic Toolbox
Michael Swieton (Atomic Object)
Picking an encryption algorithm is like choosing a lock for your door. Some are better than others - but there's more to keeping burglars out of your house (or web site) than just the door lock. We'll review sites like Twitter, tools like Firesheep, and at how our framework (i.e. Rails,) our protocol (HTTP,) and transport (TLS) layers combine to build user-visible features like single sign-on.
3:35pm-4:15pm (40m) Architecture and microservices Best practice, Developer Experience Track: Tools, Platforms, and Techniques, Technical
Introduction to Micro Frontends
Ivan Jovanovic (Welltok)
Nowadays, applications are becoming so big and complex and most of the app is living on the client side. It’s becoming so hard to maintain those apps and we’re usually making more bugs than fixing them. This talk will show you how to fix this problem. Welcome to the era of Micro Frontends, a microservice oriented architecture on the frontend.
4:25pm-5:05pm (40m) Web services and APIs Developer Experience Track: Tools, Platforms, and Techniques, Technical
Building Alexa Skills Just to Mess with Your Kids
Raymond Camden (IBM)
Alexa, Amazon's voice controlled assistant, is incredibly easy to build for. In this session I'll demonstrate how to build Alexa skills for the sole purpose of having fun with your kids.
1:00pm-1:10pm (10m)
Thursday Opening Remarks
Allyson MacDonald (O'Reilly Media), Kyle Simpson (Getify), Tammy Everts (SpeedCurve)
Thursday Opening Remarks
1:10pm-1:25pm (15m)
Keynote with Aurelía Moser
Aurelia Moser (Mozilla Science)
Keynote with Aure Moser, Data Scientist, Mozilla Science
1:25pm-2:10pm (45m)
Keynotes - To be Announced
Keynotes - To be Announced
2:10pm-2:30pm (20m)
The parallel future of the browser
Lin Clark (Mozilla)
In this talk, Lin explains how the browser works today. She’ll share what browser vendors need to do over the next few years to ensure their browsers (and the web itself) meet the upcoming demands.
2:30pm-2:45pm (15m)
Closing Remarks
Closing Remarks
8:00am-9:00am (1h)
Break: Morning coffee
8:15am-8:45am (30m)
Thursday Speed Networking
Jumpstart your networking at Fluent at Speed Networking before the keynotes begin. Bring your business cards and prepare a minute of patter about yourself, your projects, and your interests.
5:05pm-6:15pm (1h 10m)
Closing Reception (sponsored by SpeedCurve)
Join us for the closing celebration of Velocity and Fluent. Don’t miss this last chance to mingle.
10:30am-11:00am (30m)
Break: Morning break
11:40am-1:00pm (1h 20m)
Lunch and Thursday Topic Tables
Join other attendees during lunch at Fluent to share ideas, talk about the issues of the day, and maybe solve a few. Not sure which topic to pick? Don’t worry—it's not a long-term commitment. Try two or three and settle on a different topic tomorrow.
2:45pm-3:35pm (50m)
Break: Afternoon Break