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

Tutorials

On Tuesday, June 12, choose from half-day tutorials. These expert-led presentations give you a chance to dive deep into the subject matter. Please note: to attend, your registration package must include tutorials on Tuesday; does not include access to training courses.

Tuesday, June 12

Add to your personal schedule
9:00am–12:30pm Tuesday, June 12, 2018
Location: 210 A/E Level: Beginner
Samer Buna (jsComplete)
Learn all the fundamental and advanced concepts of React.js by building a fun simple in-browser game Read more.
Add to your personal schedule
9:00am–12:30pm Tuesday, June 12, 2018
Location: 210 C/G Level: Beginner
Secondary topics:  Hands-on, Technical
Nicolas Steenhout (Part of a Whole)
Don't be daunted by web accessibility testing. In this workshop, you will learn an accessibility testing workflow that can be integrated in your day-to-day coding or testing workflows. We'll review automated vs manual testing. And we'll use a variety of testing tools on real life sites, as well as various code snippets. This is a hands-on workshop! Read more.
Add to your personal schedule
9:00am–12:30pm Tuesday, June 12, 2018
Location: San Jose Ballroom 1-3 (Marriott) Level: Beginner
Secondary topics:  Hands-on, Technical
Jeremy Fairbank (Test Double)
No runtime exceptions, no "undefined is not a function", no JavaScript fatigue. Elm is a functional programming language for building resilient front-end applications. Get hands-on experience with Elm and quickly learn how to build fast and safe applications with Elm's framework, the Elm Architecture. Read more.
Add to your personal schedule
9:00am–12:30pm Tuesday, June 12, 2018
Location: 210 D/H Level: Intermediate
Secondary topics:  Hands-on, Technical
Scott Davis (ThoughtWorks)
Your web browser doesn't have a cute name like Alexa, Siri, or Cortana, but it can be just as talkative. Your smartphone, with a built-in speaker and microphone, is a perfect device for building a browser-based Conversational UI. Read more.
Add to your personal schedule
9:00am–12:30pm Tuesday, June 12, 2018
Location: 210 B/F Level: Beginner
Secondary topics:  Hands-on, Technical
Rachel Krause (Concurrency, Inc.)
To create a successful product, you need a solid understanding of your users. We’ll walk through the process from establishing users to creating a design that can be taken right into development without the need for high-fidelity mockups or detailed documentation. The key to success? Collaboration. Read more.
Add to your personal schedule
1:30pm–5:00pm Tuesday, June 12, 2018
Location: 210 D/H Level: Beginner
Secondary topics:  Hands-on, Technical
In this workshop, we are going to introduce what is Reactive Programming and how to use in our projects covering 2 different frameworks: Vue.js and MobX In fact, we will start with a basic example that will be extended during the workshop adding new functionalities and analysing step by step how the reactive approach helps in our frontend projects Read more.
Add to your personal schedule
1:30pm–5:00pm Tuesday, June 12, 2018
Location: 210 C/G Level: Beginner
Secondary topics:  Hands-on
Jen Kramer (Harvard University Extension School)
CSS Grid is the brand-new spec available in the latest browsers. We'll look at Grid's basic syntax, working on a layout of a Mondrian painting as an example, which we'll create with Grid. Next, we'll move on to some of the alternative Grid syntaxes, and we'll explore nested and offset grid layouts. Finally, we'll combine Flexbox and Grid for the best solution to a web page layout problem. Read more.
Add to your personal schedule
1:30pm–5:00pm Tuesday, June 12, 2018
Location: San Jose Ballroom 1-3 (Marriott) Level: Advanced
Secondary topics:  Hands-on, Technical
Dan Shappir (Wix)
Performance is currently at the forefront of many, if not most, web development projects. Fortunately, modern browsers provide a wealth of performance related information and services, which can be used to optimize page load speed and responsiveness. A primary source of such information is the aptly named Web Performance API. Read more.
Add to your personal schedule
1:30pm–5:00pm Tuesday, June 12, 2018
Location: 210 B/F Level: Beginner
Secondary topics:  Hands-on, High-level
Benjamin Hong (Politico)
When it comes to learning about a new framework, there's no better way than building things from scratch! Join me in this hands on workshop where we will start from a barebone HTML5 template so you can see how everything works from the ground up. By the end of the workshop, you will have built three applications to make sure you get plenty of hands on practice with Vue.js! Read more.
Add to your personal schedule
1:30pm–5:00pm Tuesday, June 12, 2018
Location: 210 A/E Level: Beginner
Secondary topics:  Hands-on
Pete Hodgson (Independent)
Join expert Pete Hodgson to get started with React on the right foot. By learning the fundamentals while focusing on two big ideas - testability and stateless components - you'll not just learn React, you'll learn how to build industrial-grade React apps. You’ll leave with hands-on experience with the major moving parts of React along with tools and techniques for testing your React code. Read more.