Building a Better Web
June 19–20, 2017: Training
June 20–22, 2017: Tutorials & Conference
San Jose, CA

Speakers

New speakers are added regularly. Please check back to see the latest updates to the agenda.

Filter

Search Speakers

Rachel Andrew is a front and back-end web developer, author and speaker. Her books include the recent Get Ready for CSS Grid Layout and she is a regular contributor to a number of publications both on and offline. Rachel is co-founder of the CMS Perch, a Google Developer Expert and an Invited Expert to the CSS Working Group. She writes about business and technology on her own site at rachelandrew.co.uk.

Presentations

Evergreen websites for evergreen browsers Session

In this talk I’ll show you a modern roadmap for browser support. Creating sites that can enhance themselves as the platform improves - without leaving those people stuck on older browsers in the cold.

Get up to date with modern CSS layout Tutorial

2017 brings a massive change in the tools for laying out websites and applications with CSS. This tutorial will introduce new CSS such as Flexbox and Grid but also explain how existing methods fit into this new system, and how we should approach support for older browsers.

Lewis Ardern is a Security Consultant at Synopsys/Cigital where he specializes in application security, red teaming and network assessments. He’s the founder of the Leeds Ethical Hacking Society and has helped develop projects such as SecGen (https://github.com/SecGen/SecGen) which generates vulnerable virtual machines on the fly for security training purposes. He is currently working toward his Ph.D. in Web Security.

Presentations

So you thought you were safe using AngularJS. . . .Think again Session

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. In this presentation we will walk through an application that illustrates security issues we have discovered in real world applications, and explain the problem with usable solutions.

Peter Blum is the VP of Product Management at Instart Logic. Previously he was the Sr. Director of Product Management and Marketing at Citrix Systems on the XenClient product line. Prior to the XenSource acquisition by Citrix Peter held a variety of product management and pre-sales roles focusing on the XenServer virtualization platform with XenSource. Before his time at XenSource Peter held a variety of technical pre-sales, consulting, and IT administrator roles.

Presentations

Making money in an ecosystem of ad blockers Session

Publishers that monetize via advertising are faced with a crisis: the rapid adoption of ad blocking is impacting earnings. We’ll cover where advertisers went wrong, how users respond (with ad blockers), ad blockers impact on publishers, and publisher responses including subscriptions, soft and hard messaging, and even unblocking ads, with case studies for each approach.

Bryan is a web developer and designer, currently based in the American Midwest.

His work has been featured in The Washington Post, Daring Fireball, Smashing Magazine, and the Discovery Channel.

Bryan is always working on some sort of side-project. He shares what he’s learning through writing, speaking, and open-source.

When he’s not writing code or tweaking fonts, you can find him reading, riding his bicycle, practicing the piano, or building lego worlds with his kids.

Presentations

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

There are more options than ever for animating things on the web. In this talk we'll take a tour of the web animations ecosystem, compare animation approaches in detail, and discover what principles transcend them all. To do this, we'll use lessons learned from building and maintaining "Bouncy Ball", a project that compares web animation approaches (think, a "Todo-MVC, for web animation").

Henri-Robert Brisard is a developer who spends time proselytizing performance culture and best practices. Henri can be found co-programming meetups including the Toronto Web Performance one, or reading the latest research docs and case studies. Otherwise, you can find him riding track bikes, tooling with music production software or more recently, encouraging devs to run/walk 5k.

Presentations

Optimize prime: More pixels than meets the eye Session

The web’s growing complexities has made for more complex metrics. But the most comprehensible metric remains the page weight, attributed mostly to villainous image management. 2017 marks a decade of the iPhone and development is still challenging. Optimize Prime discusses old and new image formats, impact on rendering, #ux, tools to address AND test their mismanagement for a worldly audience.

Laura is a Senior Developer at The Financial Times building FT.com. She has been working in web development for the past twelve years and is an advocate for accessibility.

Presentations

Yes, your site can (and should) be accessible: Lessons learned in building FT.com Session

In this talk I will explain how we introduced accessibility to The Financial Times website (ft.com) and the lessons we learned along the way. I will also share practical solutions you can implement in your project today, regardless of available time, resources or support.

Connie is a frontend engineer at eBay who is passionate about building UI with excellent usability that is served from simple, clean, and easily understandable code.

Presentations

Adaptive web applications for all devices Session

eBay has adopted an innovative approach to adaptively render and deliver UI components for an optimal experience on all devices from a single codebase. Our new and simple-to-use approach based on an intuitive file naming convention has been employed by many teams, is open source, and works with a variety UI libraries and module bundlers.

Nicole Chung is a self-taught full-stack developer. In her current role, Software Engineer, at Toronto-based product studio TWG, Nicole works with Node.JS, React, and Redux to build fast and efficient user interfaces. When she’s not at work, she’s a full-stack mentor at HackerYou. She’s been on a few never-ending projects, like a self serve telco platform, where she developed for web, iOS, and Android.

Presentations

Async in JS and readability in Redux Session

From callbacks to promises to generators to async/await - JavaScript has a myriad of ways to handle out-of-order events and processes - some of which are more readable than others, and some of which are most testable than others.

JavaScript and front end technologies are my passioin. I also believe that you cannot ever stop learning which is why I stay active in the development community attending user groups like NashJS, ID of Nashville, and NashDotNet, blogging at Jonathan Creamer.com, and scouring Twitter and the internet for as much knowledge I can squeeze into my brain. I work as a Senior Front End Developer at Lonely Planet and am having a great time developing front end applications. I am also a Microsoft MVP for JavaScript. Please feel free to contact me, I love meeting other developers who are passionate about what they do.

Presentations

Deep dive into the React component lifecycle Session

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 find yourself googling for which one to use even after spending months working with React. This talk will describe each lifecycle method and give some examples of how and when to use them.

I am an instructor for the Computer and Information Technology department at Evergreen Valley College in San Jose.

I have co-authored “SVG Essentials” and “Introducing Elixir” for O’Reilly and Associates. Also author of “Etudes for Erlang,” “Etudes for Elixir,” and “Etudes for ClojureScript”.

I live in San Jose, California, with my cats, Marco Polo and Awa.

Presentations

A whirlwind tour of ClojureScript Session

ClojureScript is a functional language that compiles to JavaScript. Starting with basic syntax, variables, and function definitions, you'll learn how to interact with JavaScript functions and Web pages. The session continues with lists and vectors, and the map and reduce functions.

Wayne loves helping people do amazing things with technology; especially the people who use the things he makes on the web. Since 1997, he’s been creating web, video, and learning experiences. He is passionate about experience design and front-end engineering for Boston-based agency Cantina. He can usually be found in Tennessee biking with his wife and 3 kids and collecting PC games on Steam.

Presentations

Advanced debugging with Chrome DevTools Tutorial

Between race conditions, object references, and async stack traces, JavaScript can be really hard to sift through. Modern browsers give you so many tools for debugging, why not use them? And now that Node works out of the box with Dev Tools, you can step through your Node stack, as well! Learn the latest ways to masterfully march up and down your stack solving your code’s greatest mysteries.

Tammy has been studying how people use the internet since the olden days, when being able to centre text was a big deal and you could have any colour of website you wanted, as long as that colour was grey. Her twenty-year research journey into the heart of UX began when she rigged out her first usability test lab with a state-of-the-art Power Mac 9500. Since then, she’s also done some pretty far-out studies involving EEG headsets and facial action coding.

Today, as director of research at SOASTA, Tammy gets to analyze billions of beacons’ worth of real user data in order to understand the intersection between web performance, user experience, and business metrics. Her book, Time Is Money: The Business Value of Web Performance, was published by O’Reilly Media in 2016. She runs the popular industry blog The Performance Beacon and co-curates (with Tim Kadlec) WPO Stats.

Presentations

Thursday keynotes Keynote

Program chairs Rachel Roumeliotis and Ally MacDonald welcome you to the second day of keynotes.

Wednesday keynotes Keynote

Program chairs Rachel Roumeliotis and Ally MacDonald welcome you to the first day of keynotes.

Jeremy Fairbank is a remote web developer in Tennessee. He works for Sigient with an entirely distributed team that creates amazing designs and software. He has worked on the frontend and backend extensively with React, Angular, Backbone, and Ruby on Rails. He blogs at blog.jeremyfairbank.com and has been featured in JavaScript Weekly a few times. Outside of developing, he enjoys being a husband and father and playing guitar.

Presentations

Tame the frontend with Elm Session

Elm is a functional programming language that compiles to JavaScript and allows building robust and safe web apps. By diving into Elm's syntax and more importantly its model-view-update architecture, we will learn many advantages to developing front-end apps with Elm. We will also investigate steps to getting started with Elm and how to structure a simple app with pure functions.

I was a Senior Academy Engineer at Outsystems where I did docs, training, curriculum development, and usability studies.

I’m now the documentation lead for Docker Datacenter, interview for docs and training, and work side-by-side with designers and developers.

You can learn more at http://www.joaofn.com/about/

Presentations

To cross the chasm you need docs: Our story at Docker Session

In this talk I'll explain how good docs can help you cross the chasm and ensure you won't need to spend your days hand-holding users and prospects. I'll teach you about the processes and tools we're using at Docker to deliver docs in a continuous way.

A developer that breathes JavaScript. Passionate about Open Source and sharing knowledge, Lucas is a core team member of Chai.js, one of the most popular libraries on the Node.js ecosystem and is always trying to find better and more efficient ways to solve problems. Strive to be lazy, that is his motto.

Presentations

JavaScript behind the scenes: Metaprogramming Session

Infinite sequences, lazy properties and changing your program’s structure in runtime. Yes, JavaScript is that powerful. In this talk, I’ll demonstrate 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.

Max Firtman, a mobile and web developer, trainer, speaker, and writer, teaches mobile HTML5 and performance trainings for top companies around the world. The founder of ITMaster, an IT-training company, Max is a well-known professional in the mobile-web community, blogging about mobile-web platforms on Mobilexweb.com and keeping compatibility tables updated at Mobilehtml5.org. He has written many books, including Programming the Mobile Web (available in a second edition) and the recent High Performance Mobile Web, published by O’Reilly Media. He is a frequent speaker at conferences, including QCon, Mobilism, OSCON, Velocity, Fluent, Google Developer Day, JSConf, GOTO, AdobeCamp, and many other events around the world. Max has been widely recognized for his work in the mobile-web community by Adobe Community Professional, Microsoft IE User Agent, Nokia Developer Champion, BlackBerry Elite, and more.

Presentations

Mastering progressive web apps: Creating offline app experiences with service workers, web performance and push notifications (Day 2) Training Day 2

Join expert Maximiliano Firtman for a hands-on, in-depth exploration of Progressive Web Apps. In this course, you’ll get a full insight on how to create PWAs with the modern APIs for mobile and desktop platforms, including App Installation and Distribution, Offline Access, Push Notifications, Web Performance and Hardware access.

Mastering progressive web apps: Creating offline app experiences with service workers, web performance, and push notifications 2-Day Training

Join expert Maximiliano Firtman for a hands-on, in-depth exploration of progressive web apps. You’ll gain insight into creating PWAs with the modern APIs for mobile and desktop platforms, including app installation and distribution, offline access, push notifications, web performance, and hardware access.

Eli Fitch is a front end developer with a passion for web performance, animation and all things 3D. He leads a team of amazing engineers making a WebGL event diagramming app at Social Tables, a startup in his hometown of Washington, DC. He also organizes the DC CodePen Meetup, and dabbles in design, 3D art & game development. When not sat in front of a computer, he restores his perpetually broken stable of 70s motorcycles and attempts to keep his historic row-house from collapsing in on itself like a dying star.

Presentations

Perceived performance: The only kind that really matters Session

Perceived performance, in the end, is the only performance that truly matters. If what we make doesn't *feel* fast, then no amount of optimization counts. Eli will break down the psychology of how users perceive time, and how we can combine that knowledge with clever use of animation, unconventional event listeners, and predictive design to make our experiences seem faster than they actually are.

David Fox got his start in programming and UX as a Flash game developer during golden age of Flash gaming (remember Newgrounds?). Since then he’s applied that knowledge and transitioned to the web: becoming a Blink contributor, writer for various blogs like the annual Performance Calendar and founder of LookZook—a company providing highly visual, web performance metrics for developers and CMOs. In his free time, David enjoys reading about psychology, cooking, playing video games and beating his friends at poker.

Presentations

Reverse engineering Amazon and the Guardian Session

Despite countless hours of optimizing our sites, many of us still look at sites like Amazon or the Guardian in awe... wondering how they are still so much more performant. What are they doing differently? Through reverse engineering these sites, we'll shed light on the various tricks and pieces of knowledge they have that we don't.

Ben is a software engineer based in Oxford, UK. He loves the web and have a particular fondness of JavaScript.

If something can be live-demoed, Ben will live-demo it.

Presentations

Keeping real with web Session

With ever more accessible hardware, and native support in the web platform: Virtual Reality is all set to become part of our daily lives, both as consumers and developers. I'll take us through the features and capabilities of WebVR, showing how they can be used to create meaningful (and useful) applications. We'll also look at how uniquely complementary this is to the rest of our web platform.

Michael Gooding is a Web Performance Specialist at Akamai Technologies working with some of the biggest web sites in the world helping customers identify performance bottlenecks and helping solve often complex problems. With 10 years’ experience in the IT industry, Michael started professional life as a developer but moved into consultancy when performance issues started to become the norm and not the exception. More recently Michael has helped customers not only improve performance but aid in the study of linking improved performance back to increased revenue. Michael is constantly researching latest optimisations trends and current techniques and sits on the organising committee of the London Web Performance Group.

Presentations

Web performance tl;dr workshop Tutorial

Keeping up-to-date with the latest web performance trends, features and techniques can be time consuming and hard. Let us guide you through our top five performance techniques for today's modern browsers, showing you why you should implement them by demonstrating the clear benefits, and providing the tools and knowledge you need to do so.

Chris Griffith is the User Experience Lead at a home automation and security company and is also an instructor at University of California, San Diego Extension teaching mobile application development. Recently he finished his first book, Mobile App Development with Ionic 2, published by O’Reilly Press. He is also an Adobe Community Professional, specializing in PhoneGap/Cordova. He has developed several mobile applications, a variety of code-hinters and ConfiGAP for PhoneGap Build. In addition, he has served as a technical reviewer for several publications and written for uxmag.com. You can follow him on twitter @chrisgriffith or at chrisgriffith.wordpress.com.

Presentations

Building hybrid mobile apps with Ionic 2 Tutorial

In this workshop, you will be introduced to the Ionic v2 framework, a powerful hybrid mobile solution. Built atop of Angular 2 and Apache Cordova, this framework gives developers an incredibly powerful set of mobile components to create app store-ready apps or Progressive Web Apps!

Miguel Grinberg has over 25 years of experience as a software engineer. In his current role at Rackspace, he writes AWS microservices day in and day out. He blogs at http://blog.miguelgrinberg.com about a variety of topics including web development, Python, robotics, photography and the occasional movie review. Miguel lives in beautiful Portland, Oregon. Follow @miguelgrinberg on Twitter.

Presentations

Handling authentication secrets in the browser Session

In the new world of JavaScript UIs, REST APIs and microservices, applications that run in the highly insecure browser environment must handle tokens and other secrets to have access to backend services. In this talk I will draw from my experience at Rackspace to discuss what the risks are, and what are the best practices to avoid them.

Senior Software Engineer at Buffer, implementing the migration from PHP and Backbone to React. In a former life I was touring drummer for a band called The Sweethearts Of The Radio (not the famous one).

Presentations

Atomic design as a migration strategy Session

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. I'd like to share how we're migrating 6 years of development at Buffer with Atomic Design.

Billy Hoffman is the director of product at Rigor, where he focuses on delivering best-in-class performance software. From hacking into sites as a penetration tester to optimizing performance for the Fortune 500, Billy has over a decade of deep technical experience into the inner workings of complex web applications. Billy was the lead researcher at the web security software company SPI Dynamics, where he developed and automated new techniques to exploit web vulnerabilities and spoke extensively at conferences such as Black Hat and RSA about his findings. Following SPI’s acquisition by Hewlett-Packard in 2007, Billy managed HP’s web security research group. Billy founded the web performance company Zoompf in late 2009, where he developed the industry’s first site-wide performance analysis product that tells you the root cause of your performance issues. He has spoken at industry conferences such as Velocity and has been a contributing author for O’Reilly’s Web Performance Daybook. Billy holds a BS in computer science from the Georgia Institute of Technology. Outside of work, Billy enjoys refinishing rooms in his house and spending time with his wife, Jill, and their two daughters.

Presentations

Automated performance testing in preproduction with CI and OSS tools Session

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. In this talk I will show how teams can integrate open source performance testing tools like Lighthouse, WebPageTest, and others into their build/CI systems, stopping performance regressions and providing transparency.

Brian Holt is currently working as a senior user interface engineer at Netflix. This means he’s using JavaScript to enable your (and his own) House of Cards binge watching. Previously, he worked as the director of Redditgifts frontend at Reddit. When not on a Netflix bender or devouring content on Reddit, Brian is probably hanging out with his wife and their dog, running, traveling, or playing video games. Brian is currently a resident of San Francisco, CA.

Presentations

A complete introduction to React 2-Day Training

Brian Holt introduces you to React, one of the leading JavaScript libraries for building user interfaces. You will also explore the React ecosystem as you learn how to use Redux for state management, React Router for navigation and more.

A complete introduction to React (Day 2) Training Day 2

Brian Holt introduces you to React, one of the leading JavaScript libraries for building user interfaces. You will also explore the React ecosystem as you learn how to use Redux for state management, React Router for navigation and more.

Cory is an international speaker, Pluralsight author, Microsoft MVP, Software Architect, independent consultant, and teacher. He has trained over 10,000 software developers at conferences worldwide on practices like clean coding, front-end development, testing, and software architecture. He currently specializes in JavaScript and front-end development using React. Cory is author of multiple Pluralsight courses and is active on Twitter as @housecor.

Presentations

Build a JavaScript development environment Tutorial

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

Gareth is Web Performance Enterprise Architect at Akamai in the UK. Helping and advising customers on how to improve site performance at the front-end. He’s worked in web performance for 6+ years, with a background in Development, IT and Operations.

Presentations

Web performance tl;dr workshop Tutorial

Keeping up-to-date with the latest web performance trends, features and techniques can be time consuming and hard. Let us guide you through our top five performance techniques for today's modern browsers, showing you why you should implement them by demonstrating the clear benefits, and providing the tools and knowledge you need to do so.

Dean Hume is an author, Google Developer Expert, and all-around web performance geek. He regularly writes articles based on software development on his blog at Deanhume.com.

Presentations

Blink and you’ll miss it: Building a progressive web app with HTTP/2 Session

Imagine a world where you can access content on the web regardless of network connection within the blink of an eye. Progressive Web Apps are a total game changer for the web and allow developers to build lightning fast, engaging experiences. In this presentation, we cover a step by step guide to implementing this technology from first hand experience and how you can apply these features yourself.

Ben is a Christian, a husband and a father of 2 with 10+ years of experience developing user interfaces for the Web. He currently leads and manages Eventbrite’s Frontend Platform team. On the side, Ben also enjoys playing basketball, DIY, watching movies, and blogging (benmvp.com) / tweeting (@benmvp) about his experiences with new web development technologies.

Presentations

Flexing your Flexbox muscles Session

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. Let’s deep dive into Flexbox: what it is, why you should use it, how it’s configured, and where it’s most useful.

Nic Jansma is a software developer building high-performance websites, apps, and open source tools at SOASTA, where he works on mPulse and boomerang. He is also a Microsoft MVP for IE.

Presentations

Reliably measuring responsiveness in the wild Session

Responsiveness to user interaction is crucial for users of web apps but bad user experiences such as jank and a slow Time to Interactive are widely prevalent. We will present new Web Performance APIs that enable developers to reliably measure responsiveness and correctly identify 1st party & 3rd party culprits. We’ll show how these measurements compare to business metrics using real world data.

Tim Kadlec is the head of developer relations at Snyk – a company focused on making open source code more secure. He is the author of Implementing Responsive Design: Building Sites for an Anywhere, Everywhere Web (New Riders, 2012) and was a contributing author for High Performance Images (O’Reilly, 2016), Smashing Book #4: New Perspectives on Web Design and Web Performance Daybook Volume 2 (O’Reilly, 2012). He writes sporadically at Timkadlec.com.

Presentations

Debugging front-end performance (Day 2) Training Day 2

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.

Debugging frontend performance 2-Day Training

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.

The thing about frameworks Session

One of the wonderful things about building for the web is the ability to stand on the shoulders of our fellow developers. Each day new frameworks & libraries are released that can make our job easier. But nothing is free. We constantly make trade-offs—whether we know it or not. Critically evaluating these tools and identifying the trade-off's they require is essential to the health of your site.

Amélie Lamont is a product designer(d) and writer based in Brooklyn, NY. She is currently employed at The New York Times and specializes in using cultural studies and design anthropology to inform her design process.

Presentations

Don’t kill them softly: Fostering a culture of fearless feedback Session

Like opinions, everyone has feedback. And like opinions, harmful or useless feedback can kill your team softly by demoralization. This talk is for new and seasoned managers alike, as well as individual contributors. Using design anthropology methodologies, we’ll explore a framework you can use to foster a fearless feedback culture that focuses on value, rather than flaws.

Tracy is a Google Developer Expert, JavaScript developer, and serial entrepreneur. After the acquisition of her last startup as CEO, she discovered code and spends her time exploring JS frameworks. Tracy is the creator of This.JavaScript, ng-cruise, Modern.Web podcast, RxWorkshop, and Contributor Days. She is also Co-Founder of This Dot Labs, a framework agnostic agency helping mentor teams build ambitious apps. You can find her at http://thisdot.co/about and on Twitter @ladyleet.

Presentations

Building native mobile apps with React Native Session

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

Ben Lesh is the lead author and development lead of RxJS 5, which is a rewrite of RxJS with goals of better performance and JavaScript future specification compliance.

He is also the co-author of redux-observable and has contributed to various open source projects such as Angular.js and Redux.

In addition to advising the Angular team on their Rx integration, Ben is also a Senior Software Engineer at Netflix on the UI platform team and Founder of RxWorkshop.

Presentations

RxJS 5: Thinking reactively Session

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". So let's get started down the path to being an Rx expert! Discuss common patterns you can use in RxJS with Angular 2, or any framework.

Jen Looper is a Boston-based web and mobile developer specializing in cross-platform educational and fitness apps for iOS, Android, Nook, Kindle, and Windows phone. You can view her portfolio at Ladeezfirstmedia.com. She is passionate about hardware hacking and has launched ThingLearn.com to teach kids about science and programming by means of the Internet of Things. As a developer advocate at Telerik, Jen also enjoys meeting other developers to talk about innovations in frontend technologies.

Presentations

Web Bluetooth is ready, and it’s awesome Session

A technology formerly exclusive to native apps and devices is now available to the web - you can open a Web Bluetooth-enabled browser and "walk up and use anything"!

Ally MacDonald is an editor at O’Reilly Media, where she covers web programming topics. Ally spends a lot of time thinking about how to help developers tackle web development churn, the intersection of design and technology, and tacos.

Presentations

Thursday keynotes Keynote

Program chairs Rachel Roumeliotis and Ally MacDonald welcome you to the second day of keynotes.

Wednesday keynotes Keynote

Program chairs Rachel Roumeliotis and Ally MacDonald welcome you to the first day of keynotes.

Simon has over 20 years of development experience and has worked on a variety of projects including object oriented databases, police communication systems, speech recognition and unified messaging. His current focus is contributing to the open source PhoneGap project to enable developers to create cross platform mobile applications using Web technologies. Simon’s been building web applications since the days they were written using shell scripts and he still has nightmares about those dark days.

Presentations

Cross-platform progressive web apps Session

PWAs are the new hotness with Google pressing hard to make them the defacto choice for building mobile applications but what's to be done about iOS where many of the key API's are not supported. That's where Cordova/PhoneGap comes in by polyfilling the missing functionality. In this talk I'll show you how to create a PWA that runs on the web, Android and iOS from a single code base.

Danielle is a frontend developer at the Meteor Development Group, where she works with GraphQL + Meteor + React every day. She has a passion for UI/UX and is excited about the improved developer experience GraphQL brings. She graduated from MIT with a degree in Computer Science in 2016.

Presentations

Schema-first development with GraphQL Session

Developing with GraphQL improves not only your API’s performance, but also your teams’. Schema-first GraphQL development forces front-end and back-end teams to agree on a strict contract up front, enabling teams to work quickly and efficiently while staying on spec. This talk will go over the benefits of schema driven development, and discuss what we've learned from using GraphQL in production.

Sequoia McDowell is a software engineer-cum-educator specializing in Node.js (at the moment). He’s spoken at national programming and IT conferences on topics ranging from testing to build tools to encrypted communication, and he’s one of the few JavaScript educators with the distinction of having run Node.js trainings in every time zone in the continental United States. As a member of the NodeSchool community, Sequoia has extensive experience teaching people about Node.js both online and off.

Presentations

Practical microservices: Technologies and techniques 2-Day Training

Join Sequoia McDowell for a hands-on, in-depth exploration of microservices. In this course, you’ll learn what benefits a microservice architecture can bring your organization. We’ll explore how microservices can make your applications faster, more scalable, less expensive to run, easier to update, and more secure.

Practical microservices: Technologies and techniques (Day 2) Training Day 2

Join Sequoia McDowell for a hands-on, in-depth exploration of Microservices. In this course, you’ll learn what benefits a microservice architecture can bring your organization. We’ll explore how microservices can make your applications faster, more scalable, less expensive to run, easier to update, and more secure.

Erin McKean is Lead Developer Evangelist or Loopback at IBM. She is also the founder of Wordnik.com, the world’s biggest online, non-profit dictionary. Before becoming overly attached to Javascript, she dabbled in HyperCard, Perl, and Omnimark (if you have ever written anything in Omnimark, she will buy you a drink). She’s the author of the Weird and Wonderful Words books, the best-selling novel The Secret Lives of Dresses, and (most recently) The Hundred Dresses, a field guide to dresses. She blogs at dressaday.com. When you meet her, please tell her your favorite word and the last API you used.

Presentations

Your data deserves an API: Transforming and sharing humanities data with LoopBack Session

There is more data available today than ever before, but 'available' datasets are not necessarily 'accessible' datasets. Datasets often languish because they lack easily-accessible APIs, or worse, precious research time is spent re-creating tools needed to work with data. In this talk, learn how to build & deploy a useful API for a legacy dataset with LoopBack, an open-source Node API framework.

Patrick Meenan has been working on web performance in one form or another for the last 15 years and is currently working at Google to make Chrome and the Web faster. Patrick created the popular open source WebPagetest web performance measurement tool, runs the free instance of it at WebPagetest.org, and can frequently be found in the forums helping site owners understand and improve their website performance.

Presentations

Debugging front-end performance (Day 2) Training Day 2

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.

Debugging frontend performance 2-Day Training

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.

Victor Mejia is a Senior UI Engineer in the Digital Platform Group at McGraw-Hill Education. He specializes in building great user experiences and digital learning tools for the web. He is the organizer of the Angular Orange County meetup, and is also a happy husband and dad.

Presentations

Turbocharged testing with Angular Tutorial

The next version of Angular was also made to be testable. But what are the best practices for testing in Angular? This tutorial will explore how to turbocharge your unit testing workflow in Angular with real world example code, approaches, and modern tools. Attendees will take away a number of real-world examples that they will be able to implement on their projects right away.

Ruthie Nachmany is a software engineer at Warby Parker. When she’s not trying on glasses and building software that helps people try on glasses, she helps organize the the NYC Amazon Alexa Meetup, a biweekly speaker series called NYC Salon, and a sunrise club.

Presentations

Building a serverless electronic health record system from scratch Session

At Warby Parker, we recently built an electronic health record system for our optometrists to use to conduct and store their eye exams. We used this project as an opportunity to explore building a serverless web application on AWS and how that could be used at Warby Parker. In this talk, I will share details around implementation, some challenges we faced due to this constraint, and learnings.

Ilya Nesterov is currently an engineering manager at Shape Security. Prior to Shape, Ilya worked at F5 Networks, and earned his master’s degree from Tomsk Polytechnic University. His interests include, but are not limited to, modern Web Application security threats and countermeasures, botnets, malware infrastructure, exploits and honeypot development. Ilya also works as an independent security researcher and is a speaker on security topics.

Presentations

CSP: The good, the bad and the ugly Session

Content security policy is a powerful and complex standard which allows you to bring additional level of security to you web application. In this talk I’ll show the not obvious ways which leads to weak CSP, show typical mistakes in CSP, based on Alexa top million and also explain how to build strict CSP.

Mike is a product and modern web tech leader, with a broad range of experience working with startups and Fortune 500 companies alike. Before taking on an engineering leadership role at LinkedIn, he was the CTO of Levanto Financial, and UI Architect for Yahoo’s Ads & Data division.

Mike has a passion for teaching, and has produced several popular JavaScript video courses for Front End Masters, with Pluralsight courses on the way!

He is an avid open source contributor, and has landed thousands of commits into the JavaScript and Erlang ecosystems. As a “product guy who codes”, Mike believes in putting prototypes in the hands of users as quickly as possible.

Presentations

Locking it down: A security primer for web developers Session

Increasingly, year over year, we see evidence that web security is nowhere near as solid as we would hope. In fact, some of the foundational pillars we rely on can be compromised with great ease. We care about our users, and want to offer them a safe experience, but in some cases even saving them from themselves (and the sketchy coffee shop wifi they may be on).

Kevin Old is a Front End Architect living White House, TN. He works for LifeWay Christian Resources building front ends using React, React Native and Electron. He’s a huge fan of coffee, micro-roasters and the entire ecosystem around single origin coffee. When he is not developing software he enjoys spending time with his wife, 2 sons, 2 dachshunds and cat.

Presentations

Building and deploying microservices with the serverless framework Tutorial

In this workshop we will explore the principles of a Serverless Architecture. We will build and deploy a service on AWS Lambda retrieving data from DynamoDB via GraphQL. The Serverless Framework (https://serverless.com) will be used and was written to ease the burdens of managing the lifecycle and deploying services in a serverless architecture.

Addy Osmani is an engineering manager on the Chrome team at Google. Addy also leads a number of open source web tooling and library projects. His other work has included contributions to Modernizr and similar projects and personal projects like TodoMVC, which helps developers compare JavaScript MVC frameworks and jQuery UI Bootstrap. Addy is the author of Developing Backbone.js Applications and Learning JavaScript Design Patterns.

Presentations

The browser hacker's guide to instantly loading everything Session

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.

Shubhie Panicker is a staff engineer on Blink: the Chrome Web Platform at Google, where she focusses on web performance such as developing standardized Web Performance APIs.

Presentations

Reliably measuring responsiveness in the wild Session

Responsiveness to user interaction is crucial for users of web apps but bad user experiences such as jank and a slow Time to Interactive are widely prevalent. We will present new Web Performance APIs that enable developers to reliably measure responsiveness and correctly identify 1st party & 3rd party culprits. We’ll show how these measurements compare to business metrics using real world data.

Olga Petrova is a software developer with more than 13 years of experience in developing enterprise and data science applications. She has worked with a broad range of web technologies, JavaScript libraries, and frameworks, and she has a special interest in data visualization and developing enterprise web applications. Olga has a Master’s degree in Computer Science from Tyumen State University in Russia. She enjoys rock climbing, sailing, and snowboarding.

Presentations

Push notifications for web apps Session

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. In this presentation we will cover best practices and how to implement Web Push in your existing application.

Rachel Roumeliotis, a strategic content director at O’Reilly Media, leads an editorial team that covers a wide variety of programming topics ranging from full stack to open source in the enterprise to emerging programming languages. Rachel is a programming chair of OSCON and O’Reilly’s Software Architecture Conference. She has been working in technical publishing for 10 years, acquiring content in many areas including mobile programming, UX, computer security, and AI.

Presentations

Thursday keynotes Keynote

Program chairs Rachel Roumeliotis and Ally MacDonald welcome you to the second day of keynotes.

Wednesday keynotes Keynote

Program chairs Rachel Roumeliotis and Ally MacDonald welcome you to the first day of keynotes.

Shane Russell is a software developer helping make Federal Government software work better and cost less at the United States Digital Service. He likes making things with CSS and JavaScript.

Presentations

Of monoliths and microservices: Adventures in structuring a web app Session

At the Dept. of Veteran Affairs, the US Digital Service is building a suite of tools to replace a large legacy application. Knowing the complexity of the end state and enamored with microservices, we broke up our product into separate apps and gems way too aggresively. In this session we will retrospect on our experience, meshing in advice how and when to break up your web app.

Archana is a senior user interface engineer in engineering tools at Netflix. She is passionate about building simple and intuitive interfaces and reducing cognitive load for users. Her recent obsessions are styleguide, PostCSS and web components. Prior to Netflix, she built interfaces for Coursera, Quantifind and Adobe. If she is not binging Netflix originals, she is definitely cooking and experimenting in her kitchen.

Presentations

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

Building a lasting styleguide that the product team will use and adopt is challenging. This talk will focus on how we can build that style guide instantly with an atomic-CSS based starter that ensures accessibility, performance and engineering/design efficiency. We will also take a look at some PostCSS tools to help grow the style guide, maintain it, and ease its adoption.

Islam Sharabash is a Founding Engineer at Superhuman, where he is working on making the fastest email experience in the world. Prior to Superhuman, he was an engineer at Remind, DataHero, and Facebook, and went to school at University of Illinois Urbana-Champaign. When he is not architecting for developer happiness and productivity, he can be found on Twitter (@ibashes).

Presentations

Architecting web apps to “just work” offline Session

Offline web applications with native performance are no longer a myth. In this talk you’ll see how to architect an application that loads offline, persists data to disk, and even resolves conflicts in data. I’ll talk you through the challenges I encountered, including managing optimistic updates, syncing, and performance on a single thread, and share the solutions that worked the best.

Kyle Simpson is an evangelist of the open web, passionate about all things JavaScript. He writes books, teaches JavaScript, and speaks about and contributes to the world of OSS.

Presentations

From functional-lite to async programming with JavaScript 2-Day Training

Join expert Kyle Simpson for a hands-on, in-depth exploration of functional programming in JavaScript with ES6. You’ll gain a foundational understanding of functional programming and learn how you can incorporate core concepts, such as generators and promises, to write better software.

From functional-lite to async programming with JavaScript (Day 2) Training Day 2

Join expert Kyle Simpson for a hands-on, in-depth exploration of functional programming in JavaScript with ES6. In this course, you’ll gain a foundational understanding of functional programming and how you can incorporate core concepts, such as generators and promises, to write better software.

Thursday keynotes Keynote

Program chairs Rachel Roumeliotis and Ally MacDonald welcome you to the second day of keynotes.

Wednesday keynotes Keynote

Program chairs Rachel Roumeliotis and Ally MacDonald welcome you to the first day of keynotes.

Marcy Sutton works as a meta web developer on accessibility tools for other developers at Deque (DQ) Systems, a company focused on digital equality. Marcy is passionate about making the web accessible for everyone. She loves applying her skills and personal values on the axe-core project, speaking at conferences around the world and producing accessibility screencasts for Egghead.io. Her blog, Accessibility Wins, highlights accessible user interfaces and tools, contributing a positive voice to the web development space. When away from the keyboard, Marcy can usually be found hiking, riding a bicycle or snowboarding.

Presentations

Automating peace of mind with accessibility testing and CI Session

A look at 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.

Katie Sylor-Miller is a Senior Software Engineer on the Design Systems team at Etsy, where she collaborates with designers to provide the foundational tools, systems, and guidance that empower everyone at Etsy to make beautiful, usable, brand-aligned experiences. She is passionate about web standards,
front-end architecture, style guides, accessibility, and facilitating communication between design & development. She created ohshitgit.com to share her hard-won knowledge of how to get out of various git messes.

Presentations

Getting out of your Git messes Session

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! In this session you'll learn 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!

Anjana suffers from a debilitating case of curiosity, which led her from philosophy to
English teaching to computational linguistics to software development. As an engineer at ÜberResearch, she currently codes from her home base in Berlin; that is, when she’s not traveling the world trying to share the joy of programming and make the tech community more diverse and accessible. Talk to her about functional programming, language design & implementation, and speech technology, and ask her about Mozilla, Outreachy, and the Recurse Center!

Presentations

Immutable data structures for functional JavaScript Session

Functional programming - programming without side effects or mutability - has great advantages, especially for JavaScript developers; but never mutating data can lead to efficiency problems. We'll see how immutable, or persistent, data structures provide an elegant solution, and take a hands-on look at two libraries that make it easy to use these remarkable data structures in our own JS projects.

TJ VanToll is a front-end developer, author, and a Principal Developer Advocate for Progress. TJ has over a decade of web development experience, including a few years working on the jQuery team. Nowadays, he spends his time helping web developers build mobile apps through projects like NativeScript.

Presentations

Building performant native apps with Angular and NativeScript Session

The web is cool, but sometimes you need to push the boundaries of what you can do on a mobile device. NativeScript and Angular let you build the high performant native apps you want, and to do so with the web technologies you already know and love. Come see what NativeScript makes possible!

Kathleen Vignos is a full stack engineer turned manager who has lead engineering teams at Twitter and WIRED. She’s worked at two startups (one of which she founded), traveled the western US for management consulting and professional services, taught business software programming at the university level, won a hackathon, and built dozens of websites. Other experiences include everything from being on call as a COBOL programmer for Y2K to modifying a React app for a hack week project. She holds engineering degrees from UCLA and Michigan.

Presentations

Managing engineering teams through constant change Session

High attrition, frequent reorganization, shifting priorities, and management turnover are part of the constant change that is the new normal. It takes months to onboard a new team member and get them adding value. I offer tips, shortcuts, and stories for stabilizing a team and finding a path to productivity amidst the chaos.

Ben Vinegar is a Front-end Engineer at Sentry. He is a contributor to O’Reilly’s “Beautiful JavaScript”, and the co-author of “Third-party JavaScript”.

Presentations

Source maps demystified Session

You're probably familiar with source maps – they let you debug your original, unminified and untranspiled code in the browser. But ever wonder how they actually work? In this talk, we deep dive into the source map format to see what's under the hood. We'll cover source map generation tools and parsers, and learn how to manipulate source maps directly for fun and profit.

Yoav Weiss is a principal architect at Akamai, where he focuses on making the Web platform faster by adding performance-related features to browsers as well as to Akamai’s CDN. Yoav has been working on mobile Web performance for longer than he cares to admit. He takes image bloat on the Web as a personal insult, which is why he joined the Responsive Image Community Group and implemented the various responsive images features in Blink and WebKit. When he’s not writing code, he’s probably slapping his bass, mowing the lawn in the French countryside, or playing board games with his family.

Presentations

Caches all the way down Session

Caching ensures content gets to our users as fast as possible and provides a great experience to repeat visitors. But getting network and browser caching right can be hard and confusing, which explains why most web content today is not properly cached. Let's discuss HTTP cache semantics, strategies, browser internal caches and service workers, and learn how serve our content fast and fresh.

David Wells is a full stack developer at Serverless, Inc. in San Francisco. He is passionate about developer experience and creating products that are powerful and easy to use.

His previous roles include lead UI/UX developer at Mulesoft and founder of Inbound Now, an open source marketing software platform.

He has consulted with hundreds of companies to implement conversion optimization strategies to increase inbound web leads.

He specialized in JavaScript, HTML, CSS, Marketing, and UI/ UX

Presentations

Creating a scalable, secure, offline-first, dynamic (static) website with React and serverless architecture Session

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. This talk explores how to use React, markdown, service workers, CDNs and serverless computing to build cost effective, infinitely scalable, offline-first & secure sites, blogs/docs, AND saas products using the same code base across teams.

Estelle Weyl started her professional life in architecture and then managed teen health programs. In 2000, Estelle took the natural step of becoming a web standardista. She is the Open Web and performance evangelist for Instart Logic and has consulted for Kodak Gallery, SurveyMonkey, Samsung, Yahoo, Visa, and Apple, among others. Estelle shares esoteric tidbits learned while programming and detailed grids of CSS3 and HTML5 browser support in her blog. She is a coauthor of Mobile HTML5, CSS3: The Definitive Guide, and HTML5 and CSS3 for the Real World. While not coding, Estelle works in construction, de-hippifying her 1960s throwback abode.

Presentations

CSS: WTF? Session

You can do that with CSS?! Learn the power of CSS. If you think outside the box, you can solve almost anything with CSS. We’ll cover several CSS WTFs. Depending on your perspective, that can mean "Wonderfully Terrific Feature", or, very often, "What the @#$%!?!?!"