Tuesday

8:00 AM

Build a Modern Single Page Application with Vue

Presented by: Matt Burke
Time: Tuesday 8:00 AM - 12:00 PM

Vue offers developers a way to build ambitious front-end applications with powerful reactive programming patterns and an intuitive HTML-based templating language. This workshop will give you a jumping-off point for large front-end applications using Vue with blazing-fast dev tools like esbuild,...

Room: OrangeTrack: Web/Front-EndTags: Javascript, Front EndFormat: PreCompilerLevel: Introductory and overview
1:00 PM

Building a Web Component Library

Presented by: Burton Smith
Time: Tuesday 1:00 PM - 5:00 PM

Web components have been around for a long time (since HTML 5 became a thing), but there hasn’t been a lot of attention given to them until recently. Now, tech organizations worldwide are adopting them and finding tremendous efficiency in creating framework-agnostic reusable components to build...

Room: OrangeTrack: Web/Front-EndTags: Javascript, Front End, CSS, UI/UX, Code QualityFormat: PreCompilerLevel: Introductory and overview

Wednesday

8:00 AM

Build an end to end Next JS app with Next auth, postgres realtime functionality

Presented by: Dev Agrawal
Time: Wednesday 8:00 AM - 12:00 PM

With the new Next JS app router functionality, a lot have changed with building next js applications. In this hands-on workshop we'll build a full stack CRUD application that will use Postgres as a database, Next Auth for authorization, and even ably for real time functionality. It'll include: *...

Room: Salon ATrack: Web/Front-EndTags: Javascript, Backend, Front EndFormat: PreCompilerLevel: Introductory and overview

Designing Effective Unit Tests for React

Presented by: Bob Fornal
Time: Wednesday 8:00 AM - 12:00 PM

React has great tools for Unit Testing component. This doesn’t mean testing is easy. There are still a lot of questions you have to figure out for yourself: How many component tests should you write vs end-to-end tests or lower-level unit tests? How can you test a certain line of code that is...

Room: Salon HTrack: Software QualityTags: React, Front End, Code QualityFormat: PreCompilerLevel: Introductory and overview
1:00 PM

Enhance Fullstack Workshop

Presented by: Simon MacDonald, Ryan Bethel
Time: Wednesday 1:00 PM - 5:00 PM

The Enhance Fullstack Workshop is designed for developers. You will learn how to build a full-stack web application (client and server) using Enhance powered by Node.js, and AWS. You'll leave with the skills required to construct multi-page dynamic web apps that leverage the platform while avoiding...

Room: Salon HTrack: Web/Front-EndTags: Javascript, Backend, Front EndFormat: PreCompilerLevel: Introductory and overview

Thursday

8:00 AM

The User Experience Eclipse: Rise Against Dark Design Patterns

Presented by: Scott Showalter
Time: Thursday 8:00 AM - 9:00 AM

Dark isn't just a trendy UI mode, nor what the sky looks like in the middle of the day in Ohio on April 8th. It's a deceitful design scheme we all encounter from time to time, against our will. As consumers, most of us can't escape the overbearing influence that corporations have on our lives....

Room: NileTrack: Design (UI/UX/CSS/a11y)Tags: Front End, Diversity/Equity/Inclusion, CSS, UI/UX, Architecture, System Design, QA TestingFormat: General SessionLevel: Introductory and overview

Using Web Components to Scale Your UX

Presented by: Burton Smith
Time: Thursday 8:00 AM - 9:00 AM

Whether you're a company with a variety of projects or an app that uses micro-front-end architecture, creating a consistent and reliable user experience can be difficult. In this session, we will discuss how, at Microsoft, we have leveraged web components to standardize our user experiences and...

Room: Salon HTrack: Web/Front-EndTags: Javascript, Front End, Accessibility, CSS, UI/UX, ArchitectureFormat: General SessionLevel: Introductory and overview
9:15 AM

Meet Your New BFF: Backend to Frontend without the Duct Tape

Presented by: Dev Agrawal
Time: Thursday 9:15 AM - 10:15 AM

Even with all of the incredible frameworks available today vs. a decade ago (or even two––for devs who have been around as long as I have), it still feels like much of our work as fullstack developers is still repetitive, and held together by duct tape code we shouldn’t be writing. This is...

Room: OrangeTrack: Web/Front-EndTags: Javascript, Backend, Front EndFormat: General SessionLevel: Introductory and overview

Building a Full-Stack Application with Flutter and Dart

Presented by: Ryan Edge
Time: Thursday 9:15 AM - 10:15 AM

For the past few years, Flutter has revolutionized mobile app development by allowing developers to build high-performance, cross-platform applications with ease. However, building a full-stack application can be a challenging task because we often find ourselves juggling multiple technologies to...

Room: Salon ETrack: MobileTags: Front End, Mobile, CloudFormat: General SessionLevel: Intermediate
10:30 AM

Accessibility in the Enterprise: The Relationship of A11y and ROI

Presented by: Chris DeMars
Time: Thursday 10:30 AM - 11:30 AM

As we build more and more things on the web, accessibility is gaining much more visibility. But what does it actually mean to you and your company? It means we HAVE to be cognizant of everyone, all the time, with no exceptions as we do our part in building awesome, accessible user experiences to...

Room: Salon BTrack: Design (UI/UX/CSS/a11y)Tags: Front End, Diversity/Equity/Inclusion, AccessibilityFormat: General SessionLevel: Introductory and overview
11:45 AM

Design Systems as a Foundation for Accessibility

Presented by: Marko Skugor
Time: Thursday 11:45 AM - 12:45 PM

Design systems are at their core a repository of solved UX interaction design problems made re-usable and highly visible for others to leverage. Accessibility, on the other hand, is an outcome that is usually hard fought for and hard won for any organization - especially at scale. As technologists,...

Room: Salon GTrack: Design (UI/UX/CSS/a11y)Tags: Front End, Diversity/Equity/Inclusion, Accessibility, UI/UXFormat: General SessionLevel: Introductory and overview
1:00 PM

Modern Web Automation Testing

Presented by: Bob Crowley
Time: Thursday 1:00 PM - 2:00 PM

Modern web applications require a modern tool for automated testing. Something that can handle both mobile and desktop, async operations, shadow DOM, all the browsers and much more. Enter Playwright. Designed for all the needs of modern applications, Playwright checks all the boxes. This session...

Room: Salon ATrack: Software QualityTags: Front End, Automation, QA TestingFormat: General SessionLevel: Intermediate

Debugging JavaScript and React

Presented by: Mark Erikson
Time: Thursday 1:00 PM - 2:00 PM

## Description / Abstract As developers, we spend much of our time debugging apps - often code we didn't even write. Sadly, few developers have ever been taught how to approach debugging - it's something most of us learn through painful experience. The good news is you _can_ learn how to debug...

Room: Salon DTrack: Web/Front-EndTags: Javascript, React, Front EndFormat: General SessionLevel: Intermediate
3:30 PM

Stop using JavaScript for that: moving features from JS to CSS and HTML

Presented by: Kilian Valkhof
Time: Thursday 3:30 PM - 4:30 PM

If you've been building websites for a while you "know" that some things require JS and that's just the way it is. Turns out, spec writers and browser makers both are working hard to find common JS patterns and implementing them in CSS and HTML. Things like accordions, auto-suggest, smooth...

Room: NileTrack: Design (UI/UX/CSS/a11y)Tags: Javascript, Front End, AccessibilityFormat: General SessionLevel: Intermediate

Friday

8:30 AM

The Vue.js Power Hour: Building a Dynamic Frontend in < 60 Minutes

Presented by: Tori Brenneison
Time: Friday 8:30 AM - 9:30 AM

Are you a beginner developer who is curious about JS component frameworks? A backend developer who wants to add a frontend skill to their toolbox? A data analyst looking for a quick way to build views? Have we got a deal for you! Vue.js is a relatively straightforward and increasingly popular...

Room: Salon ATrack: Web/Front-EndTags: Javascript, Front EndFormat: General SessionLevel: Intermediate

Accelerating Accessible Software Development for People with Motor Disabilities

Presented by: Yvette Jenny Menase
Time: Friday 8:30 AM - 9:30 AM

In today's digital world, many people with motor disabilities face barriers when accessing and using software due to their assistive device & physical limitations. In this talk, we will discuss strategies and best practices for designing software that is accessible to people with motor...

Room: Salon GTrack: Design (UI/UX/CSS/a11y)Tags: Front End, Diversity/Equity/Inclusion, AccessibilityFormat: General SessionLevel: Introductory and overview
9:45 AM

Building Event Driven User Interfaces

Presented by: Sam Ferree
Time: Friday 9:45 AM - 10:45 AM

In the realm of modern software development, creating dynamic and responsive user interfaces is essential to delivering engaging user experiences. Event-driven architectures have emerged as a powerful paradigm to achieve this goal. In this enlightening talk, we will delve into the world of...

Room: Salon ATrack: Web/Front-EndTags: Front End, Object Oriented Programming, System DesignFormat: General SessionLevel: Intermediate

Understanding CSS Layout: the concepts underlying your (least) favorite language.

Presented by: Kilian Valkhof
Time: Friday 9:45 AM - 10:45 AM

Have you ever felt perplexed by CSS, struggling to understand why the browser put the element where it did, and why it didn’t just follow the clear instructions you wrote? Do you think CSS is hard to work with? By getting a better understanding of the concepts that underlie the language, you’ll...

Room: Salon DTrack: Design (UI/UX/CSS/a11y)Tags: Front End, CSSFormat: General SessionLevel: Intermediate

Alexa on the Go: Building Location Aware Voice Experiences for Alexa

Presented by: Craig Walls
Time: Friday 9:45 AM - 10:45 AM

When you think of voice assistants like Amazon Alexa, you probably are thinking of a device on a shelf or a desk somewhere, tethered to a power outlet. But what if you could take Alexa with you wherever you go? Several devices allow for mobile Alexa, including Echo Auto, Echo Frames, Echo Buds,...

Room: Salon GTrack: MobileTags: Javascript, Front End, MobileFormat: General SessionLevel: Intermediate
11:00 AM

Beyond Request/Response: Why and how we should change the way we build web applications

Presented by: Chris Nelson
Time: Friday 11:00 AM - 12:00 PM

As web developers, we’ve been building web applications the same way for 25 years. We send a request, and we receive a response. We might get a whole page back, or we might get some data to render, but the common thread for almost every web application that has ever been built is the...

Room: OrangeTrack: Web/Front-EndTags: Javascript, Front End, Functional ProgrammingFormat: General SessionLevel: Intermediate
12:15 PM

Fresh Hot CSS Features!

Presented by: Alex Riviere
Time: Friday 12:15 PM - 1:15 PM

Do you use a CSS Framework like bootstrap? Or maybe you've been coasting for a few years on your current knowledge of CSS. You've maybe seen something called CSS Grid and wondered what it was... Maybe you have never seen `var()` used before. Let's discuss the latest newest hottest big features in...

Room: NileTrack: Design (UI/UX/CSS/a11y)Tags: Front End, CSS, UI/UXFormat: General SessionLevel: Intermediate
2:45 PM

The Micro-Frontend Playbook

Presented by: Marko Skugor
Time: Friday 2:45 PM - 3:45 PM

Micro-frontend architecture can provide a lot of great benefits to team autonomy and can play a crucial role in enabling technical and organizational scalability. At the same time, it also comes with a lot of potential pitfalls and anti-patterns to avoid. In this talk we'll learn how to apply Domain...

Room: OrangeTrack: Web/Front-EndTags: Javascript, Front End, Cloud, ArchitectureFormat: General SessionLevel: Intermediate