In this talk, I'll walk the audience through the process of protecting their API keys in production ...

In this talk, I'll walk the audience through the process of protecting their API keys in production mode. We all know how the process of setting our API keys as environment variables doesn't really keep them from being visible on the client side. Anyone that has a little knowledge of how the dev tools of their preferred browser can get access to the API key. When we deploy such applications on platforms like netlify. The API isn't served in the production build, due to the fact that it wasn't in the git commit history. With Nextjs API routes, we can write server-side API calls in the same codebase and we do not have to worry about our credentials getting into the wrong hands.

Fundamentals of and explorations into web3 from a web dev's perspective.

Fundamentals of and explorations into web3 from a web dev's perspective.

Users on mobile devices benefit the most from appropriate system keyboard suggestions and help, but ...

Users on mobile devices benefit the most from appropriate system keyboard suggestions and help, but they're also the same users who often suffer the most when form fields are deployed built poorly. In this talk, we'll learn how to build mobile-friendly forms, to improve accessibility and to reduce user frustration and bounce rate. We'll cover basics, like input type, as well as a number of more advanced HTML attributes to control iOS/Android features for user convenience. You'll leave this talk equipped to build form fields that are tailored for mobile accessibility.

Why the current state of the JavaScript ecosystem scares the 💩 out of me. We'll explore what's wron...

Why the current state of the JavaScript ecosystem scares the 💩 out of me. We'll explore what's wrong and how we can help fix this and other open source sustainability issues.

One of front-end development's biggest challenges has always been creating scalable, reusable CSS pa...

One of front-end development's biggest challenges has always been creating scalable, reusable CSS patterns. The abundance of preprocessors (SCSS, LESS, Stylus) and methodologies (BEM, OOCSS, SMACSS, etc) are all a testament to the complexity of the problem and the many ways to approach it. In this talk I go into my own journey of styling the web over the last twenty-six years and how I've settled on what I think is the ideal solution of atomic, utility first CSS - at least for now.

One of the single most popular feature requests for the Node.js platform is the implementation of th...

One of the single most popular feature requests for the Node.js platform is the implementation of the standardized Fetch API, and while that API itself looks simple on the surface, the underlying implementation is much more complicated. Within the project we've been working on all of the necessary bits including an implementation of the WHATWG Streams API. Here I'll be talking about the long road to having Web streams within Node.js, how they work, how they were implemented, and what they're going to be used for.

Ever wonder how clouds, landscapes or flow fields are generated for video games and special effects?...

Ever wonder how clouds, landscapes or flow fields are generated for video games and special effects? The answer is noise! Noise appears to be a simple tool but, it has so many applications. I've used it to generate one-of-a-kind profile images. A confetti greeting card. Animated blobs. Ghost planets. And even drawings of flow fields. This talk takes a deep dive into the world of generative art with JavaScript! I'll show you how to use noise to create organic-looking effects and all kinds of wild imagery right in your browser.

I've been in So Cal tech for over 15 years having built, scaled and advised engineering organization...

I've been in So Cal tech for over 15 years having built, scaled and advised engineering organizations at both small startups and large internet companies such as Yahoo!, MySpace and Verizon Digital Media Services; most recently Signal Sciences. In that time, I've worked across a variety of office models relative to different remote environments. From Split Remote, Hybrid Remote, to Remote-First, I'd like to talk about my experience working with and managing teams in each as well as what I learned in terms of trade-off and challenge.

Over the past two months, I’ve been working with the UCLA Library’s team of seven developers, teachi...

Over the past two months, I’ve been working with the UCLA Library’s team of seven developers, teaching them how to build their massive new library website in Nuxt and connect it to several different API's. I’ll be sharing some lessons learned from teaching this new framework to their team, the major decisions made along the way, and how to best train a team of developers at scale.

“Deliver more, high-quality features that customers love faster.” Is the mantra of the Remo engineer...

“Deliver more, high-quality features that customers love faster.” Is the mantra of the Remo engineering team. But how do we do that without breaking everything? I’ll take you through my journey from working on the assembly line at a car factory, to NFL.com, to pushing multiple releases a day while thousands of people are attending live events. It turns out we already have the time to do proactive work as engineers, without hiring more people or working overtime.

I'd like to talk about how JavaSript/Node.js development could benefit from low-code. It used to be...

I'd like to talk about how JavaSript/Node.js development could benefit from low-code. It used to be that we measured programmers’ productivity by counting lines of code. Yet, in a recent interview, Elon Musk declared that the best developers accomplish their goals with as little code as possible. Having less code certainly does increase flexibility and reduces technical debt! But how do you get things done by writing less code rather than more? In this session, I'd like to explore the new Low-code / No-code movement and why the idea of writing less code might just make sense for you!

I like building things but I know nothing about getting people to use them. How I built and grew 24...

I like building things but I know nothing about getting people to use them. How I built and grew 24hourhomepage.com as an experiment in strengthening my sales and marketing skills.

I asked myself - would it be possible to make screen recordings on my computer without the results b...

I asked myself - would it be possible to make screen recordings on my computer without the results being a large video file? Perhaps it wouldn't be possible for everything, but perhaps it could work for just websites. This talk will be about how a friend and I built a way to create screen recordings of websites that look like videos, but which are really moving websites. We call it Capsule https://capsule.click/. With a Capsule screen recording, you can actually use your mouse inside the recordings! The recording now actually feels just like you're on the original website instead of it feeling like you're watching a video. In this talk, I want to talk about how this is possible, and why it's great.

I want to talk about how I built a real-time trivia application using Stimulus Reflex (https://docs....

I want to talk about how I built a real-time trivia application using Stimulus Reflex (https://docs.stimulusreflex.com/). The way I'd plan on structuring my talk: 1. What I wanted to do: add real-time functionality to a trivia application so users could play against each other live, with a host controlling the game. 2. What made this challenging: I was working on traditional Rails application, didn't have a lot of experience with collaborative real-time web apps. 3. How I discovered Stimulus Reflex; a high level description of how it works and its component parts (StimulusJS, a minimal JS library from the makers of Rails, Cable Ready, a WebSocket library, and morphdom, a lightweight DOM diffing/patching library) 4. How I used Stimulus Reflex to create a real-time multiplayer trivia application. Overview of the architecture, some challenges encountered, lessons learned. (A video of the product I built is available here: https://www.trivvy.co/live-games.) tl;dr Stimulus Reflex lets you build SPA-like apps without the complexity of a traditional SPA.

We built our own programming language, Polar: hear why and what we learned along the way. At the be...

We built our own programming language, Polar: hear why and what we learned along the way. At the beginning of 2020, we set out to build a system to help developers add authorization to their apps. Part of this includes modeling authorization logic, like who's allowed to do what. We tried a handful of approaches, and ultimately landed on building our own programming language to represent these patterns called, Polar, which is based on Prolog but looks more like Javascript and Python. In this talk, Sam Scott will share how we built Polar and client libraries for 5 languages – including Node.JS using WASM – our growing pains, and what you should know if ever you decide to scratch the language itch too.

Do you want to know how to get the maximum benefit of good documentation with the minimum amount of ...

Do you want to know how to get the maximum benefit of good documentation with the minimum amount of effort? Then this talk is for you! Learn about the four types of documentation, how to solve problems with docs, how to understand the impact better docs can have on your internal and external projects, and how to get over the three worries devs have about creating docs. We'll also include a roundup of tools and other resources!

When engineers start developing on node.js, they'll quickly start using a framework like Express, Ha...

When engineers start developing on node.js, they'll quickly start using a framework like Express, Hapi, Koa, etc. As their applications mature, they'll realize that their framework becomes more of a burden than a blessing. This talk will discuss: - The history behind Express, Connect, and Koa, which I helped maintain for a while - How they work with node.js' http servers - Their underlying libraries in jshttp and pillarjs (The Build-Your-Own-Framework Framework) - How you could build your own framework with these libraries - Examples of feature requests that should not be part of the framework - Examples of composing applications of different frameworks

I'd like to talk about handling difficult people and effective communication at work. Having been on...

I'd like to talk about handling difficult people and effective communication at work. Having been on many different teams with a variety of characters, I've learned a lot about emotional triggers, setting boundaries, and personality types. As a former frontend engineer, I know the ins and outs of working in tech, and would like to be a resource for anyone who's struggling at work or life in general. I specialize in assertiveness training and overcoming toxic beliefs that keep us stuck.

The story of my trials and tribulations of 3 years, trying to completely rewrite REXhomes.com from a...

The story of my trials and tribulations of 3 years, trying to completely rewrite REXhomes.com from a legacy AngularJS website to a brand spanking new React Server Side rendered performant site, all while keeping my sanity and still shipping features.

The interaction design and development pedagogy of ArtCenter College of Design and why we decided on...

The interaction design and development pedagogy of ArtCenter College of Design and why we decided on Javascript as our preferred language. I will walk through the process of the classes and show end results that were built in NextJS + GraphQL.