Condé Nast, the publisher of such titles as WIRED, The New Yorker, GQ, Vogue, and Vanity Fair, consolidated the codebases of their 20+ websites to improve development speed and product flexibility. Multiple engineering teams built various interconnected components of the new software from the ground up; concurrently, design teams created a system that allows the publications to share the same code and retain their unique look and feel. This presentation explores early challenges of this change a

The ability to use our voice to to interact with technology opens up a whole new world of posibilites for users, designers and developers. Join us at this session where we will talk about the best practices we have uncovered in the rapidly evolving voice first ecosystem. The session will include a live-coding demo on using AWS Lambda to building and deploy a VUI in minutes.

How did a band of merry volunteers build an open data platform to promote civic discourse in Portland? The answer involves open source tools, trial and error, cognizant community building, and JavaScript!

Web standards and their corresponding organizations can be your best friend, and extremely daunting at the same time. As a web developer, you are in the unique position of being able to influence the platform you develop on every day - so come and learn how the world of web standards works, how to contribute to the web standards community, and about some of the latest platform trends.

A browser extension can give you the power to add a whole new user experience to any page on the Internet, but it also introduces some unique problems. In this talk, we’ll discuss some of the challenges my team at Textio faced when we built an extension to augment the writing experience on pages across the web, as well as the solutions we discovered for making our plugin low-profile and extensible.

Tara is the co-creator of the Beaker Browser, a browser for exploring and building the peer-to-peer Web. She's part of Blue Link Labs, a team of Web enthusiasts behind the Beaker Browser, the Dat protocol, and hashbase.io. She's dedicated to building the Web of tomorrow as a Web for all.

Understanding what is really happening within your Node.js processes can be... Difficult. I'll pull back the curtain and demonstrate tools and techniques for observing Node.js.

Come and be fascinated by the world of audio visualisation in a browser. This isn’t just about creating stunning data vis to music! We see how we can pipe data realtime into custom properties to enhance our visuals. Ruth will re-address how we analyse sound via the Web Audio API and proposes a better way of processing the data to better suit music. And, to top it all off, we harness the Web MIDI API for full hardware control as well. You may not think it, but this really is a talk with a great d

This presentation is about coding interactive art in the browser. I will talk about p5js — what it is, and what we as developers can learn from its intentionally inclusive community.

Many modern web applications are built as single page apps (SPA), with the goals to scale the application for customers, increase developer velocity for feature development, and speed up new team member ramp up time. In this talk we will share top 5 lessons learn - in hindsight, what would we do/don’t do when building a large scale SPA.

Over time, your users will become more accustomed to and reliant on voice-based interactions with their computers and, thereby, the web. Enabling them to complete critical tasks without a visual user interface will be crucial for the long-term success of your website. In this session, Aaron Gustafson will discuss how smart markup choices can improve the overall usability and accessibility of your projects without disrupting your current workflow.

The original vision of the Internet was for a fully decentralized system that empowered its users at the edges. In the many years since the birth of The Web we’ve moved more towards centralized structures to solve the issues of scale and data and it has not come without consequence. In order to move past these issues we need new primitives for a new vision of The Web that can be decentralized.

WebAssembly elicits hopes about everything from importing new functionalities into browser based applications, to the potential (and in some circles hoped for) death of JavaScript. This talk is for folks who are curious about the real world applications and limitations of WebAssembly as it exists today. We'll follow along the journey of some intrepid developers as they integrate the popular FFmpeg multimedia framework into a React application for the purposes of editing video client side.

React and Redux are awesome but the state management can be overwhelming for beginners. This talk is all about how to keep your code DRY, scalable, and maintainable- the dream trifecta!- regardless of its size and scope. Creating “ducks”, or modularized components, allows you to keep all of your state in one place and avoid creating a new file for every single action and reducer. This talk will cover how to create those ducks!

Some modern malware are designed entirely in Javascript and executed using the default Windows Script Host or within the user's browser. In this talk, we discuss the design, operation, and implementation intricacies of Javascript-based ransomware and cryptojacking malware.

Braille is becoming more and more ubiquitous in many common spaces — airports, malls, libraries, etc. A college in Oregon needed an App built to help teach the friends & family of those who are sight impaired how to read Braille. Faddah Wolf will go over what accessibility options there are in common Mobile OS's, how he created a React Native six-key-input keyboard for Braille and how you can contribute to this Open Source project.

The secret weapon of serverless architectures is extremely fast deployments with zero downtime. Surgical deploys allow for updating a single function in place within 1 second. All this adds up to faster iterations, which means quicker turnaround and that equals: super stoked devs!

From junior dev to C-level executive, continued education and growth are keys to success in today rapidly advancing tech industry. Everyone benefits from a culture built around these ideas that help you and your team not only keep up with the changes, but also share knowledge already gained.

The evolution of user interactivity on the web has birthed the growing advancements of web innovation and creativity. Pushing developers and designers to look for unique ways to engage and immerse our users. From utilizing AR in online retail to show what products would physically look like either in a living space or on the users themselves, to banking in VR where low-poly animations are used to teach money management. Let's explore available VR tools, from A-Frame and beyond, and different use

Ever tried calling C++ from Node or Electron. Hate native modules because of the compilation and maintenance issues. This talk is all about the solution to this problem - N-API that is stable with node 10. C++ to Node.js interop is a lot of fun.

Step inside your everyday JavaScript tools, and you’ll find the abstract syntax tree. With the AST, let’s discover how our tools work, how we can extend them, and build a better understanding of computer language along the way.

When you hear about a development studio, you may typically think about a group of industry experts with years of experience and education. But there is a new generation of emerging developers who are not content to wait for college, or even high school to get in the game. As the head of Information Experience on Roblox, Laker Sparks has seen young hobbyist programmers transform into multi-million dollar development teams. In this talk, he will share his learnings and observations about the expe

Machine learning can have some pretty complicated concepts to grasp if you’re not a data scientist. However, recent developments in tooling make it more and more accessible for developers and people with little or no experience. In this presentation, we will talk about the different applications, possibilities, tools and resources, as well as show a few examples and demos, so you can get started building your own experiments using machine learning in JavaScript.

The Chrome Loading team has been tackling various “page loading” problems. From optimizing the networking and loading stack, to helping web developers make their site's experience better with new powerful web platform features, we strive for enabling delightful user experiences on the web. In this talk I'd like to talk about one of those new features, which is called "Web Packaging". Web Packaging is a set of proposals that allows web content to be digitally signed and packaged, so that the con

When Hercules fought the hydra, its heads would grow back no matter how many times he cut them off. Web accessibility professionals put repeated effort toward fighting accessibility barriers, and often feel like their work is never done. If we want to prevail against accessibility barriers, we have to understand our own hydra: we have to talk about ableism.

The Pragmatic Programmer, The Mythical Man-Month, The Cathedral & the Bazaar - these are among the classic works that we are told should be on every programmer's bookshelf. Often, they make it to the shelf, but remain unread. Have you ever wondered why these books are considered such beacons to our community? Have you maybe even felt guilty for not reading them all? We'll go through the "cliff notes" edition of these classics, and even a few future classics to inspire you to check out what’s on

Learn how to merge your creative side with your coding side in this live-coding talk! Leveraging the practice of reusable code and React components, we’ll create SVG images and animations that can be extended, adapted, and reused throughout your app. See how a few tweaks and props injected into your standard SVG code can give you the power of composable and reusable components!

With codemods, engineers can programmatically refactor their code, saving hundreds of hours while reducing tech debt. I’ll share my love, struggles, and successes applying them in a large codebase. We’ll see my favorite codemods along with tips on how to use them effectively, and also write one from scratch.

From writing your first “Hello, World!” program, to maintaining your an unruly legacy system, and everything in between, the code we write shapes us. This is a love letter to all the code I’ve written, read, reviewed and (sometimes) loathed.

This talk is about simple rules to making your codebases newbie friendly and jerk proof.

Leadership and staff must take intentional, self-aware personal risks to steer workplace culture toward inclusion and its economic benefits. This requires permission and a moral directive from the top to create space, incentivizing management to role model vulnerable and remarkable behaviors, giving employees opportunities to participate in and create their own inclusion activities that involve discovery and testing of personal comfort zones, and to openly reward successes.

Work is currently underway to develop an implementation of the new QUIC protocol with Node.js core. While still very experimental and new, this protocol will enable exciting new possibilities and applications. This talk will introduce the fundamentals of QUIC and the prototype implementation being developed.

A personal story of living in a low income family. With tips on how modern web technologies, like WebAssembly and Web Workers, can bring new experiences to the web for budget devices that struggled to run these experiences before.

Authentication is a complicated subject that is hard to grok, let’s unpack all kinds of auth concepts and examine how we can apply them to our applications.

What does “sustainable open source” means and how we can create a common vocabulary discussing it? Different people have very different motivations behind their open source work and what makes it sustainable (for them). We'll take a strall through the open source funding landscape and discuss what fairness means.

We're pretty used to drones flying around us by now. Until now most of these drones were still controlled by a human operator. But what if we could control them solely using our code? In this talk I will show how to control multiple drones using JavaScript. With the help of Node.js we'll send commands to the drones and read back their telemetry. I will talk about the difficulties of flying and keeping control of a drone completely without human interference. At the end we will actually have a sm

We've come a _long_ way with JavaScript --- and yet the range of what we can do with this language only seems to keep expanding. In this talk, I'll share a little about how I came to care about infrastructure as code, then show how we can use JavaScript to create not just our beloved front-end apps and services, but also the cloud infrastructure we need to bring them out into the world.

What does it even mean to be a full stack developer in 2019? Can one developer realistically have a solid understanding of all the components of a modern web stack? Let's zoom out and talk about just how far we've come, and how to set realistic expectations for developers.

Kafka is a production-ready, scalable, distributed streaming platform that’s being used by top companies around the world. Learn how you can turn Kafka into a powerful pub-sub mechanism for your own projects.

A new version of Slack is rolling out for our desktop customers, built from the ground up to be faster, more efficient, and easier to work on. In this talk, I’ll focus on our move from an eager data model to a lazily loaded and incomplete data model, and how that made for a speedier Slack experience.

Choosing a JavaScript library is a lot like dating: the longer you commit yourself, the messier it is when you decide to break up. Whether something better comes along, or the library is deprecated, changing a dependency often requires a lot of time or leaves the code in a less attractive state. In this talk you will learn some techniques that will help ease the pain of this situation.

For many web developers the world of hardware is very intimidating. There is no easy way to go back from a broken to a working project state. You break something, you replace it — there is no Ctrl/Cmd + z. However, getting a project to work is incredibly fun and rewarding. In this talk we'll be talking about different ways you can use your JavaScript knowledge to build your own hardware projects.

Do you want to tell meaningful stories with your data? We will explore the path towards building gpu-performant custom visuals, overcoming pain points, and navigating the tooling landscape in SVG, canvas, and webGL.

Managing memory in our applications can be a real challenge, unless we use JavaScript, which does it for us. Then it can be an absolute mystery! Let's discover how memory leaks can happen to us, and explore how memory management and garbage collection really work.

Explore how to take AI assistants to a new level by programming a robot as your personal assistant. Learn about Misty Robotics and how to program a robot with JavaScript!

Your community brand is your reputation and it can happen by accident or it can be designed. If you are intentional and thoughtful about how you create and interact with your community will play a huge role in your career and potential opportunities. Being intentional and following a few simple patterns can take your career to the next level and help you achieve your potential.

Favicons are everywhere, representing your site on tabs, bookmarks, home screens, and more. Did you know favicons were snuck into Internet Explorer, how Apple was once a major proponent for web apps, or that a single icon design can automatically fit alongside other mobile apps on any device? Let's dive into the history and future of website icons, and show you how to make your website and PWA icons shine on a variety of screens.

The JavaScript ecosystem is about to change in a big way. New technologies like ES Modules (aka ESM), HTTP/3 and WASM are all coming together to re-define how you build for the web and beyond. This talk explores these new technologies, their impact, and how Internet Explorer may be involved in the most influential evolution of all.

A call to action for all of us in tech to help fight systemic racism.

The present and the future of internationalization and localization in the browser.

The Environmental Data & Governance Initiative monitors how the state presents (or fails to present) environmental data to the public. This is the perspective from which we approach the decentralized web: public ownership of public data. In this beginner-friendly talk, we walk through each step in the technical process of uploading data into IPFS and Dat: how it works, and how it's important to stewardship of critical data.

In a "move fast and break things!" world, what happens when the things we’re breaking are our people and teams? In this talk, we’ll walk through a real example of my team’s on-call process, where alarm and burnout became the norm in the midst of revenue-driven deadlines. We’ll discuss how taking a human-centered and data-driven approach to resolve this process debt resulted in a happier team and more robust software, and how this framework can be applied more generally.

Monads; just that word probably either made you shudder or roll your eyes. But don't run away! Functional Programming (FP) offers many benefits to our programs, even in a loose/flexible language like JS. But we often avoid them just because of intimidating terminology, notation, and math theory. Rarely is this more prevalent than with monads. This talk is not a dissertation on monads and broader category theory. We're merely dipping our toe into the shallow end here, not plunging head first in

After falling in love with React, I found myself thrust into the seemingly boring world of vanilla JavaScript. While at first I missed the conveniences of modern JS frameworks, it turned out I found a certain beauty in vanilla. Learn how we use vanilla JavaScript to build a cross-framework, accessible design system, and the insights we’ve gathered along the way.

Navigating through communities in tech can be a stressful experience, especially to those who live with a mental illness. In this talk Rahat explores why it is important to begin a conversation about Mental Health and acknowledging some of the things that need to change in the current culture of tech communities with a focus on Bootcamps and Tech Events.

This talk will explore how digital musical instruments can interface with the web using MIDI to expand hardware hacking abilities. We’ll explore many ways to harness the power of the web to expand our musical and software creativity.

Git is a version control system that's widely used and often misunderstood. Is it possible to really understand how it works, and maybe, just maybe, enjoy using it? This talk is for anyone who has used Git before and would like to learn more about how it actually works. I plan to talk about the internals of Git, including how objects are stored, and how things like branches and tags fit into this representation. With this foundation, I also want to deep-dive and examine how commonly used command

Knowing how to build accessible products is important but it's just as important to know why we build products to be accessible. Basic human decency aside, there's a plethora of reasons for building products that everyone can use. In this talk, we'll explore the concept of accessibility in order to better understand its necessity and the ramifications involved in building non accessible products. We'll also answer pressing questions like "How do I know if this thing I built is accessible?" and "

We have all seen rotating cubes and used transformZ(0) for some quick boost in performance. But what else are 3d transforms good for? Let's see how we can construct complex geometry, and build a full first person game rendered entirely in html/css and js! Pushing the limits of what a technology is supposed to do, can unlock a world of creativity and out of the box thinking.

When we start a new project, we are often posed with the task of setting up a data store. The arises the inevitable question "Should I use a SQL based store or NOSQL one". We might tend to lean towards SQL due to it's familiarity and ubiquity; or lean towards NoSQL due to its ease and low setup cost. In this talk, we will look at database choices through a different lens. Taking inspiration from CAP theorem we will understand the ACID/BASE properties of datatbases that will act as guiding princi

As professional developers, we /probably/ don’t deploy code directly to production and we /usually/ test things first. There’s a whole world of tools and best practices like Git Flow, Continuous Integration, and Review Apps to help us build and deploy our apps and websites... but what about the developer tools we use every day? This talk will focus on how to parallel some of these same best-practices when making developer tools and frameworks. Together we will build a CI/CD pipeline for publi

If, like me, you thought that IoT is only for people who have tons of experience with electronics and are geniuses of software development, I want to share with you how that statement is false, and how adventuring with IoT has helped me during the pandemic times.

Modal windows are a complicated yet common UI component. Most helper libraries solve issues like styles, portals, or state. We're going to dig into major accessibility needs for modal windows.

For over 30 years GIFs have brought life to the internet, but some are unable to enjoy their magic, irony and humor. Others simply despise them. Hear how I built a GIF sharing site that attacks that problem head on by building an app that will make GIFs accessible for all, while getting a free SEO boost from Google.

Use the current web platform to live in a build step free future today.

Developers are mostly humans that run the same "hardware". Therefore most performance differences, especially the ones we can control, are down to our "OS" - our conscious prioritization and processing - and "firmware" - our unconscious personality and reactions. What can we do to better take care of our "hardware", and what does running better "software" look like?

Software supply chain attacks have exploded in the past year, and open source components are increasingly used as a vector. Come hear some of the wilder stories and what you can do to protect your apps.

React Hooks are powerful primitives for adding functionality to React components, but they can be confusing and difficult to manage. Luckily, there's a pattern that fixes this: encapsulation. Learn how to apply encapsulation to your React Hooks.

We’re always told to learn JavaScript before learning React. But what does that really mean? How much JavaScript should you know? And what specific JavaScript knowledge should you have before learning React? This talk will answer these questions and more. You'll walk away knowing the JavaScript concepts you need to understand in order to successfully dive into React.

Interactive maps are a powerful tool to visualize data and tell a compelling story. To be done effectively, we must consider performance, user experience, state management, and much more. In this talk I'll share some challenges, surprises, and insights I've encountered while working with large datasets in the browser, and how putting data on a map can be both creative and impactful.

The years-long quest to replace a single function at Netflix, and what it can teach us about legacy code, maintainable systems, and how to handle our biggest headaches.

Over a decade has passed since Responsive Web Design arrived in 2010, and now we're asking for more: for our components to adapt to their own dimensions (not just screen size)! In this talk, we'll explore current methods for building responsive components: CSS layout tricks and JS ResizeObserver. We'll also dig into container queries: the future of responsive components!

Thanks to the wonderful approachability of the web, I remade Super Mario Bros. in HTML5 and got taken down by Nintendo. We'll cover the journey of how I started that project, what made it successful, and how a modular game engine in TypeScript is emerging from its ashes.

We've all written your standard link to open a page in a new tab - <a href="/" target="_blank">Click me!</a>. But what happens when you make a fatal typo: forgetting the underscore?

Learn how to detect whether someone is wearing a mask or not in a serverless video application using the ml5.js library.

Web3, blockchains, edge computing, and commons networks. They all conjure up images of Elon Musk shilling cryptocurrencies. Is that all these technologies are good for? Is there more to the hype than economics? It can be daunting to know what to even look for, let alone get started. In this talk, Brooklyn will take you through the broad landscape of web3, the problems that they solve, and show how some of these techniques can open up new ways of solving Web 2.0 problems today.

WebAssembly has seen some interesting developments around running JS inside of WebAssembly. We'll explore why running JS inside of WebAssembly is helpful for running third-party and untrusted code! Also, how we can use these new technologies today!

How a writing challenge inspired an experiment to practice meditation through writing small daily software programs and what was learned throughout the journey.

Most JS developers accept that once something is online, it can't really be private. But not all our users know that, and the same technology that reduces their privacy already could also be used to keep them safer.

Keeping a frontend application fast is no easy feat these days - especially as teams grow and feel overwhelmed by the constant pressure to ship new features. What are ways we can be effective agents of change within our teams to help our peers realize the value of frontend performance? Join us as we share some insights changing our culture at Lyft through a group we called the Frontend Performance Force.

Working with TypeScript can sometimes feel like you are on a jungle expedition, but instead of animals, there are types. Let me be your guide on a TypeScript safari, where I break down some of the biggest, scariest TypeScript types I've found out there in the wild.

Developer Experience (DX) can help unlock the productivity of your internal developers and teams. When should you start thinking about this, what are some best practices and practical ways to get started?

Lighthouse is the go-to tool for improving the quality of web, specially performance. Learn how to add Lighthouse in your toolbox and make a better user experience to people

What if we could improve the coding experience by going beyond the keyboard and build tools to allow different kinds of interactions? Let's look into how we can use gaze detection in JavaScript to enable hands-free coding.

The explosion of web technologies in the 2010s was community lead and reshaped modern web development. Every week there was a new javascript library testing a new idea for how to create websites. The "creative coding" field can go through the same transformation and needs your help.