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
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

Beyond the Cache with Redis + Node.js

Presented by: Justin Castilla
Time: Wednesday 1:00 PM - 5:00 PM

If you’re like a lot of developers, you’ve probably used Redis. You’ve probably used it as a cache—which it does amazingly—and you’ve probably cached strings. But Redis is much, much more than just a cache. It can be a message broker using queues, streams, and pub-sub. It can be a...

Room: Salon ETrack: DataTags: Javascript, DatabasesFormat: PreCompilerLevel: Introductory and overview
1:30 PM

The Legend of CodeMash

Presented by: Christopher Judd
Time: Wednesday 1:30 PM - 3:30 PM

In 1986, the iconic fantasy action-adventure game, The Legends of Zelda, was released to the fanfare of video gamers across the globe. Everybody loved the 2D quests that Link would go on to rescue Princess Zelda. In 2024, it is your turn to create a classic, The Legends of CodeMash, video game. In...

Room: WisteriaTrack: KidzMashTags: JavascriptFormat: KidzMash Divez

Thursday

8:00 AM

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

AI Speaks: Giving Large Language Models a Voice with Alexa

Presented by: Craig Walls
Time: Thursday 9:15 AM - 10:15 AM

Large Language Models (LLM) have been quite the buzz lately, offering one of the first tangible applications of artificial intelligence for the masses. Despite quirks and "hallucinations", LLMs show real promise of being a valuable component in the future of thinking machines. Meanwhile, for a few...

Room: Salon GTrack: Hardware/IoTTags: Javascript, IoT, Machine LearningFormat: General SessionLevel: Introductory and overview
10:30 AM

Building a Pan/Tilt/Zoom Live Streaming Camera Rig

Presented by: Todd Sharp
Time: Thursday 10:30 AM - 11:30 AM

In this session, you'll see how I used an XBox controller, Arduino, a few servo motors and some HTML and JavaScript APIs to build the whole assembly. Even if you don't need your own PTZ rig, you'll still learn about some really cool JavaScript APIs like Web Serial, and the Gamepad API that you may...

Room: OrangeTrack: Hardware/IoTTags: Javascript, Hardware, IoTFormat: General SessionLevel: Introductory and overview

Scaling Web Frontends Across Teams

Presented by: Cory House
Time: Thursday 10:30 AM - 11:30 AM

At some point, a web app's frontend becomes too complex to manage via a single dev team. In this session, we'll explore patterns and techniques for splitting an app across teams. We'll discuss component-driven development patterns, micro-frontends, shell apps, reorg strategies, monorepos, vertical...

Room: Salon HTrack: Web/Front-EndTags: Javascript, React, ArchitectureFormat: General SessionLevel: Introductory and overview
11:45 AM

The Illustrated Guide to Node.js

Presented by: David Neal
Time: Thursday 11:45 AM - 12:45 PM

Node.js is a compelling platform for building all types of applications for startups to enterprises. Node.js strategically unites developers through the universal language of JavaScript. Or TypeScript! Why should you learn Node.js, and where do you start? You will walk away from this fun...

Room: Salon HTrack: Web/Front-EndTags: Javascript, BackendFormat: General SessionLevel: Introductory and overview
1:00 PM

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

One app, multiple platforms: How Cross Platform Actually Works

Presented by: Mike Hartington
Time: Thursday 3:30 PM - 4:30 PM

Today's solutions for cross platform development all aim to provide developers a better way to build their apps. Build your app in a certain way, and you can ship it to multiple targets (iOS, Android, Web, etc.) with ease. But not all solutions are created equal, and it can be difficult to...

Room: OrangeTrack: MobileTags: Javascript, MobileFormat: General SessionLevel: Intermediate

Friday

8:30 AM

State of Mobile Development

Presented by: Sam Basu
Time: Friday 8:30 AM - 9:30 AM

It’s 2024. Thankfully, developers have a lot of choice in how to build for mobile form factors. Mobile strategy can often be an afterthought – in reality, it needs to be driven by type of app, audience, platform reach, developer expertise & need for code reuse. Is Mobile web still an option?...

Room: Indigo BayTrack: MobileTags: .NET, JavascriptFormat: General SessionLevel: Intermediate

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
9:45 AM

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

From Zero to Hero: Building and Shipping Your First JavaScript Library

Presented by: Mike Hartington
Time: Friday 12:15 PM - 1:15 PM

If you're a developer, chances you've used a third-party library for various parts of your projects. Third-party libraries offer so much functionality that they are essential to most teams success. So, how do you make your own library? How do you go from your teams "utils" folder, to a package on...

Room: Salon BTrack: Web/Front-EndTags: JavascriptFormat: General SessionLevel: Introductory and overview
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

Unlocking Inclusive Potential: Screen Reader Integration for Hybrid Mobile Apps

Presented by: Chris DeMars
Time: Friday 2:45 PM - 3:45 PM

Join us as we uncover the untapped potential of screen reader integration in hybrid mobile apps. This talk will delve into the technical aspects of integrating screen reader functionality, discussing the challenges and opportunities that arise during development. Discover effective techniques for...

Room: Salon BTrack: MobileTags: Javascript, Mobile, AccessibilityFormat: General SessionLevel: Introductory and overview