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

9:00am–12:30pm Tuesday, June 12, 2018
Learn React by building a game
Location: 210 A/E
Samer Buna (jsComplete)
Average rating: ***..
(3.67, 9 ratings)
Join Samer Buna to learn fundamental and advanced React concepts as you build a fun, simple in-browser game. Read more.
9:00am–12:30pm Tuesday, June 12, 2018
Practical hands-on accessibility testing
Location: 210 C/G
Secondary topics:  Hands-on, Technical
Nicolas Steenhout (Part of a Whole)
Average rating: *****
(5.00, 5 ratings)
Don't be daunted by web accessibility testing. Nicolas Steenhout outlines an accessibility testing workflow that can be integrated in your day-to-day coding or testing workflows. You'll review automated versus manual testing and learn how to use a variety of testing tools on real-life sites. Read more.
9:00am–12:30pm Tuesday, June 12, 2018
Building web apps with Elm
Location: San Jose Ballroom 1-3 (Marriott)
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 frontend applications. Join Jeremy Fairbank to get hands-on experience with Elm and quickly learn how to build fast and safe applications with Elm's framework, the Elm Architecture. Read more.
9:00am–12:30pm Tuesday, June 12, 2018
Web performance API deep dive
Location: 210 D/H
Secondary topics:  Hands-on, Technical
Dan Shappir (Wix)
Average rating: *****
(5.00, 15 ratings)
Performance is at the forefront of many, if not most, web development projects. Fortunately, modern browsers provide a wealth of performance-related information and services, which can be used to optimize page load speed and responsiveness. Dan Shappir offers an overview of the aptly named Web Performance API and shows how to best use it to extract detailed performance information. Read more.
9:00am–12:30pm Tuesday, June 12, 2018
Creating products users love with collaboration
Location: 210 B/F
Secondary topics:  Hands-on, Technical
Rachel Krause (Nielsen Norman Group)
Average rating: ****.
(4.80, 5 ratings)
To create a successful product, you need a solid understanding of your users. The key to success? Collaboration. Rachel Krause walks you through a collaborative process for creating a product users will love, from establishing users to creating a design that can be taken right into development without the need for high-fidelity mockups or detailed documentation. Read more.
1:30pm–5:00pm Tuesday, June 12, 2018
Reactive programming for frontend developers
Location: 210 D/H
Secondary topics:  Hands-on, Technical
Luca Mezzalira (DAZN)
Average rating: ***..
(3.00, 9 ratings)
Luca Mezzalira walks you through reactive programming using two different frameworks: Vue.js and MobX. You'll start with a basic example that will be extended during the workshop, adding new functionalities and analyzing how the reactive approach helps in your frontend projects. Read more.
1:30pm–5:00pm Tuesday, June 12, 2018
Creating modern page layouts with CSS Grid
Location: 210 C/G
Secondary topics:  Hands-on
Jen Kramer (Harvard University Extension School)
Average rating: ****.
(4.83, 6 ratings)
CSS Grid is the brand-new spec available in the latest browsers. Jen Kramer details Grid's basic syntax, using a layout of a Mondrian painting as an example, and explores alternative Grid syntaxes as well as nested and offset grid layouts. Jen concludes by walking you through combining Flexbox and Grid to solve a web page layout problem. Read more.
1:30pm–5:00pm Tuesday, June 12, 2018
Making your mobile web app talk
Location: San Jose Ballroom 1-3 (Marriott)
Secondary topics:  Hands-on, Technical
Scott Davis (ThoughtWorks)
Average rating: *****
(5.00, 1 rating)
Your web browser doesn't have a cute name like Alexa, Siri, or Cortana, but it can be just as talkative. Scott Davis explains why your smartphone, with its built-in speaker and microphone, is a perfect device for building a browser-based conversational UI. Read more.
1:30pm–5:00pm Tuesday, June 12, 2018
Vue.js 101
Location: 210 B/F
Secondary topics:  Hands-on, High-level
Benjamin Hong (Politico)
Average rating: ***..
(3.43, 7 ratings)
When it comes to learning about a new framework, there's no better way than building things from scratch. Join Benjamin Hong for a hands-on deep dive into Vue.js. You'll start from a bare-bones HTML5 template and build three applications from the ground up. Along the way, you'll explore Vue.js key concepts and learn how it compares to other frameworks like Angular and React. Read more.
1:30pm–5:00pm Tuesday, June 12, 2018
Testable React
Location: 210 A/E
Secondary topics:  Hands-on
Pete Hodgson (Independent)
Average rating: ***..
(3.83, 6 ratings)
Join expert Pete Hodgson to get started with React on the right foot. Pete focuses on React fundamentals explained through two big ideas—testability and stateless components—as you learn how to build industrial-grade React apps. You’ll leave with hands-on knowledge of the major moving parts of React along with experience using tools and techniques for testing your React code. Read more.
1:30pm–5:00pm Tuesday, June 12, 2018
Build global serverless websites (sponsored by Amazon)
Location: San Jose Ballroom 5 (Marriott)
Shubham Katiyar (Amazon Web Services)
Shubham Katiyar walks you through using AWS Lambda@Edge and Amazon CloudFront. Join in to gain experience with the tools you need to deliver a personalized experience to your internet users across the globe—without having to provision servers. Bring your questions. Read more.