Building a Better Web
June 19–20, 2017: Training
June 20–22, 2017: Tutorials & Conference
San Jose, CA
 
210 AE
9:00am The thing about frameworks Tim Kadlec (Independent)
9:50am Reliably measuring responsiveness in the wild Shubhie Panicker (Google), Nic Jansma (Akamai)
210 BF
9:00am RxJS 5: Thinking reactively Ben Lesh (Netflix)
9:50am Schema-first development with GraphQL Danielle Man (Meteor Development Group)
11:00am JavaScript behind the scenes: Metaprogramming Lucas Fernandes (Shaw and Partners)
3:35pm To cross the chasm, you need docs: A Docker story Joao Fernandes (Docker)
4:25pm A whirlwind tour of ClojureScript David Eisenberg (Evergreen Valley College)
210 CG
9:00am CSS: WTF? Estelle Weyl (Instart Logic)
11:00am Flexing your Flexbox muscles Ben Ilegbodu (Eventbrite)
4:25pm Source maps demystified Ben Vinegar (Sentry)
210 DH
9:00am Deep dive into the React component lifecycle Jonathan Creamer (Lonely Planet)
9:50am Push notifications for web apps Olga Petrova (Sencha)
3:35pm Cross-platform progressive web apps Simon MacDonald (Adobe)
4:25pm Building native mobile apps with React Native Tracy Lee (This Dot)
212 A/B
9:00am
9:50am Making money in an ecosystem of ad blockers Peter Blum (Instart Logic)
11:00am Third parties: Friend or foe? (and how to deal with them) 3596b02f b4b12d54 (MeasureWorks)
3:35pm Web Bluetooth is ready, and it’s awesome Jen Looper (Telerik)
212 CD (Sponsored)
9:50am Top 10 DevOps questions that have raised more questions than answers (sponsored by Atlassian) Mike Tria (Atlassian), Julian Dunn (Chef Software Inc.), Brandon Cipes (cPrime), Tommer Wizansky (AutoGrid Systems)
Grand Ballroom 220
1:00pm Thursday keynote welcome Rachel Roumeliotis (O'Reilly), Allyson MacDonald (O'Reilly Media), Kyle Simpson (Getify), Tammy Everts (SpeedCurve)
1:10pm Tech diversity and inclusion postmortem Erica Baker (Slack Technologies)
1:35pm You can't get comfortable on the web Rey Bango (Microsoft)
1:50pm Community and development Aria Stewart (CloudCity.io)
2:10pm Reflecting on 20 years on the web Max Firtman (ITMaster Professional Training)
2:25pm Progressive web apps: The new normal Addy Osmani (Google)
8:00am - 9am) Coffee break sponsored by Atlassian | Room: Grand Ballroom 220 Foyer
8:15am Thursday Speed Networking | Room: Grand Ballroom 220 Foyer
10:30am Morning break sponsored by CA Technologies | Room: Exhibit Hall
11:40am Lunch Thursday lunch and Birds of a Feather sessions | Room: Exhibit Hall
2:45pm Afternoon break sponsored by Verizon | Room: Exhibit Hall
5:05pm Closing Reception (sponsored by SpeedCurve) | Room: San Jose Ballroom, Marriott Hotel
9:00am-9:40am (40m) Frontend Frameworks and Libraries Designing for performance, Security, Tools
The thing about frameworks
Tim Kadlec (Independent)
One of the wonderful things about building for the web is the ability to stand on the shoulders of our fellow developers, who release new frameworks and libraries to make our job easier. But nothing is free. We constantly make trade-offs, whether we know it or not. Tim Kadlec explains how to evaluate third-party tools to identify these trade-offs—a requirement for the health of your site.
9:50am-10:30am (40m) Performance Matters Data science and analytics, Monitoring, measurement, and metrics, Performance culture
Reliably measuring responsiveness in the wild
Shubhie Panicker (Google), Nic Jansma (Akamai)
Responsiveness to user interaction is crucial for users of web apps, but bad user experiences abound. Shubhie Panicker and Nic Jansma share new web performance APIs that enable developers to reliably measure responsiveness and correctly identify first- and third-party culprits for bad experiences. They then compare these measurements to business metrics using real-world data.
11:00am-11:40am (40m) Frontend Tools Browser tools
Building a style guide with efficiency, accessibility, and performance built in
Archana Sankaranaray (Netflix)
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.
3:35pm-4:15pm (40m) Frontend Tools Accessibility, Automation, JavaScript/ES6
Automating peace of mind with accessibility testing and CI
Marcy Sutton (Deque Systems)
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.
4:25pm-5:05pm (40m) Performance Matters Build and automation, Designing for performance, Tools
Automated performance testing in preproduction with CI and OSS tools
Billy Hoffman (Rigor)
The worst time to learn that a business-critical performance metric got worse is once a release is in production. The earlier you can detect a problem, the easier it is to resolve. Billy Hoffman explains how to integrate open source performance testing tools like Lighthouse, WebPagetest, and others into your build/CI systems, stopping performance regressions and providing transparency.
9:00am-9:40am (40m) Future JS & Functional Future of JavaScript (ES7, ES8, WebAssembly, etc.), UI frameworks and libraries
RxJS 5: Thinking reactively
Ben Lesh (Netflix)
Find yourself lost trying to choose the right operator to compose your observables? Struggle with how to structure your observable chains? Feel like you're almost there, but you're just missing something? Don't worry, we've all been there, even the "experts." Ben Lesh gets you started down the path to being an Rx expert, sharing common patterns you can use in RxJS with Angular 2 or any framework.
9:50am-10:30am (40m) Web Services and APIs Engineering culture, JavaScript frameworks and libraries (Angular, React, Ember, Vue, etc.), Node.js
Schema-first development with GraphQL
Danielle Man (Meteor Development Group)
GraphQL improves both your API's performance and the performance of your team in general. Schema-first GraphQL development forces front- and backend teams to agree on a strict contract up front, enabling them to work quickly and efficiently while staying on spec. Danielle Man discusses the benefits of schema-driven development and shares lessons learned using GraphQL in production.
11:00am-11:40am (40m) Future JS & Functional JavaScript/ES6, Node.js
JavaScript behind the scenes: Metaprogramming
Lucas Fernandes (Shaw and Partners)
Infinite sequences, lazy properties, and changing your program’s structure in runtime. Yes, JavaScript is that powerful. Lucas Fernandes demonstrates how to solve problems in a smarter way and with better performance and readability by redefining how the language’s features work behind the scenes.
3:35pm-4:15pm (40m) People and teams Building great teams, Case studies and comparisons, Maintaining sites and applications
To cross the chasm, you need docs: A Docker story
Joao Fernandes (Docker)
Getting early adopters is hard, but bringing your product to the rest of the world is harder. Known as crossing the chasm, this is a make-or-break moment. Joao Fernandes explains how good docs can help you cross the chasm and ensure you won't need to spend your days holding users' hands and shares the processes and tools Docker uses to deliver docs in a continuous way.
4:25pm-5:05pm (40m) Future JS & Functional Functional Programming (Elm, ClojureScript, Erlang)
A whirlwind tour of ClojureScript
David Eisenberg (Evergreen Valley College)
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.
9:00am-9:40am (40m) Web Platform Foundations Accessibility, CSS3, HTML5
CSS: WTF?
Estelle Weyl (Instart Logic)
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 @#$%!."
9:50am-10:30am (40m) Modern Web Essentials Accessibility
Yes, your site can (and should) be accessible: Lessons learned building FT.com
laura carvajal (The Financial Times)
Laura Carvajal explains how her team introduced accessibility to the Financial Times website, FT.com, and shares lessons learned along the way as well as practical solutions you can implement in your project today, regardless of available time, resources, or support.
11:00am-11:40am (40m) Modern Web Essentials CSS3, Responsive web design
Flexing your Flexbox muscles
Ben Ilegbodu (Eventbrite)
Building linear layouts in CSS has been hard. Tables are bad, inline-block has quirks, and floats are insufficient. Thankfully CSS Flexbox enables us to elegantly solve our layout problems. Ben Ilegbodu dives into Flexbox, covering what it is, why you should use it, how it’s configured, and where it’s most useful.
3:35pm-4:15pm (40m) Frontend Frameworks and Libraries JavaScript frameworks and libraries (Angular, React, Ember, Vue, etc.), Security
So you thought you were safe using AngularJS? Think again.
lewis ardern (Synopsys)
AngularJS is one of those wonderful frameworks that seems to hide so many of JavaScript’s warts. But while Angular adds much-needed features to the language, it also creates a handful of new security problems. Lewis Ardern walks you through an application that illustrates security issues discovered in real-world applications and explains the problem with usable solutions.
4:25pm-5:05pm (40m) Web Platform Foundations Build and automation, Node.js, Tools
Source maps demystified
Ben Vinegar (Sentry)
You're probably familiar with source maps. They let you debug your original, unminified, and untranspiled code in the browser. But have you ever wondered how they actually work? Ben Vinegar takes a deep dive into the source map format to see what's under the hood, exploring source map generation tools, parsers, and how to manipulate source maps directly for fun and profit.
9:00am-9:40am (40m) Frontend Frameworks and Libraries JavaScript frameworks and libraries (Angular, React, Ember, Vue, etc.), JavaScript/ES6
Deep dive into the React component lifecycle
Jonathan Creamer (Lonely Planet)
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.
9:50am-10:30am (40m) Modern Web Essentials HTML5, Mobile, Progressive web apps
Push notifications for web apps
Olga Petrova (Sencha)
Web Push allows real-time notifications to be delivered to an app even if the app is not currently in the foreground. Web apps that use Web Push have higher user engagement, which can impact sales. Olga Petrova explains how to implement Web Push in your existing application and shares best practices.
11:00am-11:40am (40m) Performance Matters Designing for performance, Progressive web apps, UX optimization
Creating a scalable, secure, offline-first, dynamic (static) website with React and serverless architecture
David Wells (Serverless)
David Wells explores how to use React, markdown, service workers, CDNs, and serverless computing to build cost-effective, infinitely scalable, secure offline-first sites, blogs, docs, and SaaS products using the same code base. Join in to find out why “static” websites aren’t so static anymore and how they can deliver a state-of-the-art user experience using progressive web app techniques.
3:35pm-4:15pm (40m) Cross-Platform and Mobile Mobile, Native and hybrid mobile apps, Progressive web apps
Cross-platform progressive web apps
Simon MacDonald (Adobe)
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.
4:25pm-5:05pm (40m) Cross-Platform and Mobile JavaScript frameworks and libraries (Angular, React, Ember, Vue, etc.), Native and hybrid mobile apps, Progressive web apps
Building native mobile apps with React Native
Tracy Lee (This Dot)
Native or hybrid? React Native apps are easier than you think. You can get started building apps in just a few minutes—even 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.
9:00am-9:40am (40m)
Session
9:50am-10:30am (40m) The Web Everywhere Monetization of the web, Privacy, Third parties
Making money in an ecosystem of ad blockers
Peter Blum (Instart Logic)
Publishers that monetize via advertising are faced with a crisis: the rapid adoption of ad blocking is impacting earnings. Peter Blum explains where advertisers went wrong, how users responded (with ad blockers), the impact of ad blockers on publishers, and publisher responses—including subscriptions, soft and hard messaging, and even unblocking ads—with case studies for each approach.
11:00am-11:40am (40m) Performance Matters Data science and analytics, Monitoring, measurement, and metrics, Third parties
Third parties: Friend or foe? (and how to deal with them)
3596b02f b4b12d54 (MeasureWorks)
Third parties offer many benefits, but they also break sites, open security holes, and are often bad for performance. Kristian Skoeld shares proven methods and techniques on how to manage third parties and break through IT and business silos. You'll leave with a list of tools, checklists, and approaches to help you end emotionally loaded discussions and make data-driven decisions.
3:35pm-4:15pm (40m) The Web Everywhere Browser tools, Hardware and the web
Web Bluetooth is ready, and it’s awesome
Jen Looper (Telerik)
Learn how to make your web pages react to the real world by leveraging web Bluetooth. Jen Looper explores using web Bluetooth in real-world scenarios, such as connecting to web beacons to enhance educational experiences. With web Bluetooth, the path to “walking up and using anything” promised by the physical web just got easier, more streamlined, and a lot more fun to use quickly.
4:25pm-5:05pm (40m) Web Services and APIs Case studies and comparisons, Microservices, Third parties
Building a serverless electronic health record system from scratch
Ruthie Nachmany (Warby Parker)
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.
9:00am-9:40am (40m) Performance Matters Browser tools
The browser hacker's guide to instantly loading everything
Addy Osmani (Google)
Venture deep into the belly of the browser to uncover the secret to instantly loading anything—backed by data. Addy Osmani explains how to use preload, prefetch, preconnect, HTTP/2 server push, service workers, and more and how to ship JavaScript bundles on mobile that don't break the bank as he shares data-driven techniques and performance patterns for efficiently loading content instantly.
9:50am-10:30am (40m) Sponsored
Top 10 DevOps questions that have raised more questions than answers (sponsored by Atlassian)
Mike Tria (Atlassian), Julian Dunn (Chef Software Inc.), Brandon Cipes (cPrime), Tommer Wizansky (AutoGrid Systems)
Mike Tria asks experienced DevOps practitioners Rajeev Singh, Julian Dunn, and Brandon Cipes what they think about some of the most popular yet most contentious DevOps questions: Are roles with DevOps in the title real? How do I convince my lead or CTO that there are quantifiable benefits of doing DevOps? Who is winning the battle of DevOps automation versus culture?
11:00am-11:40am (40m) Sponsored
Seamless cross-device experiences (sponsored by SAP)
Lisa Klein (SAP)
Are you curious how to code web apps for a typical user journey across multiple devices and how to design the touch points between them? Lisa Klein shows you how to realize seamless cross-device scenarios with responsive web apps by analyzing a typical product conversion scenario and illustrating how to enrich the user experience on each device to create a delightful user journey.
3:35pm-4:15pm (40m) Sponsored Hardware and the web, Node.js, Progressive web apps
Access your device hardware with the W3C Generic Sensor API (sponsored by Intel)
Alexis Menard (Intel)
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.
1:00pm-1:10pm (10m)
Thursday keynote welcome
Rachel Roumeliotis (O'Reilly), Allyson MacDonald (O'Reilly Media), Kyle Simpson (Getify), Tammy Everts (SpeedCurve)
Program chairs Rachel Roumeliotis, Ally MacDonald, Kyle Simpson, and Tammy Everts welcome you to the second day of keynotes.
1:10pm-1:30pm (20m)
Tech diversity and inclusion postmortem
Erica Baker (Slack Technologies)
Diversity and inclusion in the tech industry has experienced a severe failure. Erica Baker approaches the topic like we would for any other service failure: with a postmortem.
1:35pm-1:50pm (15m)
You can't get comfortable on the web
Rey Bango (Microsoft)
It used to be that as a web developer, you could hang your hat on a technology and feel confident that it would be updated at a manageable pace. That's no longer the case. The web is evolving, and tools are evolving in tandem to meet the needs of modern developers and applications. Rey Bango explains why now is the time to embrace being uncomfortable and consider how you'll evolve as well.
1:50pm-2:05pm (15m)
Community and development
Aria Stewart (CloudCity.io)
As developers and web professionals we've built a community like no other. We have our own culture, our own jokes and stories, and our own ideas. The story of our community's growth is the story of the internet—and the story of a big piece of our modern world. Aria Stewart talks about the role of community in our profession, what that really means, and some of the things that implies.
2:10pm-2:25pm (15m)
Reflecting on 20 years on the web
Max Firtman (ITMaster Professional Training)
Is it better or easier to work on the web today, 20+ years after its creation? What lessons have we learned—and what are we still doing wrong? Max Firtman explains why, after years of adding layers of complexity to the frontend, especially in relation to layout, compatibility, and performance issues, it makes sense to go back to the roots of the web.
2:25pm-2:45pm (20m)
Progressive web apps: The new normal
Addy Osmani (Google)
Addy Osmani explains why progressive web apps (PWAs) are becoming the new normal for fast, reengaging mobile web experiences for large brands such as Twitter, Lyft, and Forbes. Addy also explores how PWA support has massively improved in modern frameworks like React, Preact, Polymer, and Vue, lowering the barriers for developers and businesses to explore them.
8:00am-8:15am (15m)
Break: - 9am) Coffee break sponsored by Atlassian
8:15am-8:45am (30m) Event
Thursday Speed Networking
Meet us Thursday morning and get to know fellow attendees in quick, 60-second discussions.
10:30am-11:00am (30m)
Break: Morning break sponsored by CA Technologies
11:40am-1:00pm (1h 20m) Event
Thursday lunch and Birds of a Feather sessions
Birds of a Feather (BoF) sessions provide face-to-face exposure to those interested in the same projects and concepts. BoFs can be organized for individual projects or broader topics (best practices, open data, standards, etc.). BoFs are entirely up to you. We post your topic and provide the space and time. You provide the engaging topic.
2:45pm-3:35pm (50m)
Break: Afternoon break sponsored by Verizon
5:05pm-6:45pm (1h 40m)
Closing Reception (sponsored by SpeedCurve)
Join us for the closing celebration of Velocity and Fluent. Don’t miss this last chance to mingle.