Learn With Jason

9 seasons

420 episodes

Learn With Jason

Live pair programming. Learn something new in 90 minutes with tech industry experts.

Learn With Jason

67 episodes

Release year: 2022

Marketing Automation With Customer.io + Next.js

S5.E1

Jan 4, 2022

Joel hooks has been building full-featured marketing automation using Nextjs & Customer.io for some of the most popular dev education sites out there. In this episode, he'll share how it's done!

See details and watch now

Build an App With Supabase and NextJS

S5.E2

Jan 12, 2022

Supabase combines database storage and authentication into a powerful workflow for web devs. In this episode, Jon Meyers will teach us how to build a Next.js app with Supabase and deploy it to Netlify!

See details and watch now

What Can You Automate With n8n?

S5.E3

Jan 13, 2022

Used wisely, automation is a huge time saver. In this episode, we'll learn about all the incredible things we can automate using n8n from Harshil Agrawal!

See details and watch now

Make Music With Code

S5.E4

Jan 18, 2022

Code can be used to make art, and Dan Gorelick is an artist that uses code to make music. In this episode, learn how we can generate music on the fly!

See details and watch now

Build Your Own Audio Visualization In a Shader

S5.E5

Jan 20, 2022

Getting into shaders and writing GLSL might sound intimidating, but don't be scared! Char Stiles will teach us to code our own visualizations in the browser.

See details and watch now

Learn About Islands Architecture With Slinkity

S5.E6

Jan 25, 2022

Partial hydration lets you ship zero JS by default. In this episode, Ben Holmes will teach us how Slinkity lets us use any component framework to build low-JS dynamic apps on the Jamstack.

See details and watch now

Set Up a Better Content Editing Experience

S5.E7

Jan 27, 2022

Using a decoupled CMS, we want to add shareable previews, fast search, and keep a great DX. Ondrej Polesny will teach us how Kontent by Kentico, Next.js, and Netlify make it possible!

See details and watch now

Scheduled Functions (Cron Jobs) With Netlify

S5.E8

Feb 1, 2022

Netlify just announced support for scheduled functions, which are basically serverless cron jobs. In this episode, Jason will explore the new functionality and see how it all works!

See details and watch now

Build Neo4j Applications With Node.js

S5.E9

Feb 3, 2022

When and how should you use a graph database? In this episode, Adam Cowley will teach us how Neo4j's JavaScript driver gets us up and running quickly with custom graph DBs.

See details and watch now

Simplify & Unify Data Access With Netlify Graph

S5.E10

Feb 15, 2022

With the new Netlify Graph product, you can read, write, & even subscribe to data from third-party APIs securely — without having to manage auth tokens or complex data fetching logic. Sean Grove teaches us how!

See details and watch now

Build a Color Contrast Checker with Eleventy Serverless

S5.E11

Feb 17, 2022

Eleventy 1.0 has just been released, and with it comes Eleventy Serverless for on-request page generation. Ben Myers will teach us how to get started with Eleventy Serverless by building a color contrast checker with little to no client-side JavaScript.

See details and watch now

AMA and Coding Q&A

S5.E12

Feb 22, 2022

Join Jason for an AMA + coding Q&A! Bring your questions about developer experience, growing your network and career, building for the modern web, and more!

See details and watch now

Visually Create State Machines

S5.E13

Feb 24, 2022

Visualizing app logic is a game changer. In this episode, David Khourshid will teach us how Stately lets us visually create state machines and statecharts, then use them directly in React.js apps.

See details and watch now

Find Your Next Open Source Contribution

S5.E14

Mar 1, 2022

Contributing to open source is a great way to build your career and network, but how do you find a good issue to work on? Brian Douglas has the deets!

See details and watch now

Automatic Image Creation From a Figma Template

S5.E15

Mar 9, 2022

Can your database automatically enrich entries using third-party data and create custom images from a Figma template? Rowy can! Shams Mosowi will teach us how it works.

See details and watch now

Create Playful, Interactive Animations

S5.E16

Mar 10, 2022

Can we make our animations react to user input? We can! Cassie Evans will teach us how to use Greensock to create fun, interactive animations!

See details and watch now

Remix Stacks

S5.E17

Mar 15, 2022

Remix Stacks are a quickstart for building full-stack applications, including a Remix frontend, a database, and more. Kent C. Dodds will teach us how to get started.

See details and watch now

RedwoodJS 1.0

S5.E18

Mar 17, 2022

RedwoodJS calls itself "the JS app framework for startups" — and it's officially hitting v1.0.0! Anthony Campolo will show us what's new and how to get started.

See details and watch now

 Build a Page Speed 100 E-commerce Site

S5.E19

Mar 29, 2022

On e-commerce sites, page performance is everything. In this episode, Håkon Krogh will teach us how to build a web store that aces the Page Speed checks using Remix and Crystallize.

See details and watch now

Let’s Learn CommandBar!

S5.E20

Mar 31, 2022

Adding a ⌘+K shortcut to open a command palette in your app is a great way to give your users more control. CommandBar lets you add powerful search, nav, & custom actions quickly. James Evans will teach us how!

See details and watch now

Let's Learn tRPC!

S5.E21

Apr 5, 2022

The promise of tRPC is end-to-end typesafe APIs. In this episode, Alex / KATT will teach us what that means and how we can get started using tRPC in a React app.

See details and watch now

 Build a Live Voting App

S5.E22

Apr 7, 2022

If you want to create an interactive app that allows people to vote, where should you start? Brandon Roberts will teach us how to build the whole dang thing using Appwrite.

See details and watch now

Build an esbuild plugin

S5.E23

Apr 15, 2022

The speed of esbuild is incredible, but what happens if you need it to do more? Chance Strickland will teach us how to extend esbuild with custom plugins in this episode.

See details and watch now

Generate Dynamic Images with node-canvas

S5.E24

Apr 19, 2022

Creating dynamic images unlocks a whole world of powerful workflows. In this episode, Ulf Schwekendiek will teach us how to use node-canvas to create our own custom, dynamically generated images.

See details and watch now

Deploy a Site With Self-Hosted Analytics

S5.E25

Apr 21, 2022

Add self-hosted analytics to a Next.js site using Umami. Faraz Patankar will teach us how to build, instrument, and deploy an app to Railway.

See details and watch now

Build and Deploy a React App from a Monorepo

S5.E26

Apr 26, 2022

Managing large, complex, and/or multi-team codebases can be simplified by using a monorepo approach. In this episode, Juri Strumpflohner will teach us how to use Nx to build and deploy React apps.

See details and watch now

Build Resumable Apps with Qwik

S5.E27

Apr 28, 2022

Qwik lets us build "resumable apps" by requiring nearly zero JavaScript for pages to become interactive + fine-grained lazy loading to only load what's used. Miško Hevery will teach us how to get started.

See details and watch now

Let’s Learn Netlify Edge Functions

S5.E28

May 3, 2022

In a solo episode, Jason will dig into the new Netlify Edge Functions. Learn what edge computing enables, what you can build with it, and how to get started.

See details and watch now

Convert Markdown & CMS Content Into Type-Safe JSON

S5.E29

May 5, 2022

Contentlayer is an SDK that transforms content from any source (including Markdown) into type-safe JSON. Johannes Schickling will teach us how it works and how we can use it in our own projects.

See details and watch now

Build UI Components With State Machines

S5.E30

May 10, 2022

The new Zag component library offers UI components powered by finite state machines. Segun Adebayo will teach us how it works!

See details and watch now

Build a Custom App Dashboard

S5.E31

May 12, 2022

Retool promises to help us "build internal tools, remarkably fast". In this episode, Hirday Gupta will teach us how to build an app backend and UI quickly.

See details and watch now

Generate Figma UI kits from code

S5.E32

Jun 7, 2022

We've all seen components go from Figma to code, but what about from code to Figma? Thaís Santos will teach us how story.to.design can generate a Figma UI kit directly from your code

See details and watch now

Let's Play With Realtime

S5.E33

Jun 9, 2022

Join Jason to have some fun with realtime coding. Let's see what we can build in 90 minutes — and then let's all test it together!

See details and watch now

Automate Performance Boosts Using Experiments

S5.E34

Jun 15, 2022

WebPageTest just launched new features where you can run a new test with fixes applied to see how they'll affect your Core Web Vitals. Scott Jehl will teach us how it works.

See details and watch now

Let’s Learn Blender!

S5.E35

Jun 21, 2022

Blender is a free and open source 3D creation suite. In this episode, Prince Wilson will teach us how to get started building our own 3D designs.

See details and watch now

Let's Play With Realtime (Using Supabase), pt. 2

S5.E36

Jun 23, 2022

Join Jason to have some fun with realtime coding. Let's finish the app we started together last time with Supabase.

See details and watch now

What Is Edge Computing?

S5.E37

Jun 28, 2022

We’re hearing a lot about “the edge” lately — but what does that mean? In this episode, Sunil Pai will teach us what it means to build modern web applications on the edge.

See details and watch now

Level Up as a Developer Through Practice

S5.E38

Jun 30, 2022

Wilco is a "flight simulator for developers" that offers real world scenarios to help devs level up through practice. CTO Shem Magnezi gives us a tour.

See details and watch now

Use Script Kit to Automate Your Daily Workflows

S5.E39

Jul 7, 2022

Script Kit is an open source tool to optimize developer workflows. Creator John Lindquist will teach us how we can use it to boost our efficiency.

See details and watch now

Personalization Using Storyblok

S5.E40

Jul 19, 2022

Personalization is a top feature request for just about every company with a web presence — but how do you pull it off? Facundo Giuliani will show us how using Storyblok.

See details and watch now

Let's Learn Motion DevTools!

S5.E41

Jul 26, 2022

Build, inspect, edit, and export animations made with CSS and Motion One using this Chrome extension from the Motion team. Matt Perry will show us how it works.

See details and watch now

Visual Page Building With Plasmic

S5.E42

Jul 28, 2022

You can build production-grade web applications using a drag-and-drop visual page builder. In this episode, Yang Zhang will teach us how to do it with Plasmic.

See details and watch now

Build an E-commerce Site with Next.js and Shopify

S5.E43

Aug 2, 2022

Build a modern e-commerce web store using Next.js and Shopify. Jason will tackle building a custom app with a shopping cart in this episode.

See details and watch now

Automate Accessibility Tests With Storybook

S5.E44

Aug 4, 2022

Building UI libraries with StorybookJS is even better when you're confident you're shipping accessible code. Varun Vachhar will teach us how.

See details and watch now

What’s New in Astro v1?

S5.E45

Aug 9, 2022

Astro just hit v1.0.0 and there’s a lot to be excited about. Come join creator Fred Schott as we talk about the trade-offs of MPAs vs. SPAs, partial hydration, MDX, and more!

See details and watch now

Build Custom Interfaces Using CSS Open Props

S5.E46

Aug 11, 2022

Learn how to make a great-looking interface (+ animation!) with ready-to-use CSS variables from Open Props. Open Props is a design system for any tooling. Adam Argyle will teach us how it works.

See details and watch now

PlanetScale Serverless Driver, Netlify Edge Functions, and Next.js

S5.E47

Aug 23, 2022

PlanetScale just released a serverless driver for Netlify Edge Functions that unlocks some very cool possibilities at the edge. Let's spend some time digging in and seeing how it works in this episode.

See details and watch now

Use XState With Netlify Edge Functions

S5.E48

Aug 25, 2022

State machines at the edge? Yes please! David Khourshid is back to show us how to deploy and visualize workflows in real-time!

See details and watch now

Make Static Pages Dynamic With Netlify Edge Functions

S5.E49

Aug 30, 2022

Can you customize someone’s experience without tons of client-side JavaScript or complex SSR? Alex Shyba will show us how Netlify Edge Functions and Uniform make it possible!

See details and watch now

Advanced TypeScript: Let’s Learn Generics!

S5.E50

Sep 6, 2022

If you've never used typescript generics, it can be pretty intimidating. In this episode, Matt Pocock will teach us this advanced TypeScript concept.

See details and watch now

Build a Dynamic Links Page for Social Bios

S5.E51

Sep 8, 2022

Putting a link tree in your social bios is popular, but what if you want it to live update with your stats? In this episode, Jason will build out a custom "link in bio" page with dynamically updating profile stats.

See details and watch now

Custom Media Players with Media Chrome

S5.E52

Sep 27, 2022

Build a custom video player UI that plays video from anywhere using a new, fully open source web component library from the Mux team. Thuy Doan will show us how it works.

See details and watch now

Smooth Page Transitions with Astro & the Shared Element Transition API

S5.E53

Sep 29, 2022

Can you make a multi-page app (MPA) feel like a single-page app (SPA)? Maxi Ferreira says we can and will show us how to do it.

See details and watch now

Build a Reactive Backend for a Web App

S5.E54

Oct 4, 2022

Convex is a JS-powered database and backend for web apps that’s reactive — you can use it to create endpoints and queries that update automatically when data changes. Tom Ballinger will teach us how.

See details and watch now

Fun With Slack ChatOps

S5.E55

Oct 6, 2022

Y'all asked for a real project, so today I’ll be working on some ChatOps ideas I need for my team at Netlify. We'll build out a Slack slash command and some integrations with Notion.

See details and watch now

React Router 6.4

S5.E56

Oct 11, 2022

The latest version of React Router introduces powerful new patterns including data loading, mutations, and pending/skeleton UIs. Ryan Florence will teach us what's new and how we can use it in our own apps.

See details and watch now

Build a scalable design system for enterprise websites with Payload CMS & Next.js

S5.E57

Oct 25, 2022

How do you make the dream of a design system for your company stand up to the reality of other teams actually using it in prod? James Mikrut will show us how.

See details and watch now

How to Add Component Tests to Web Apps

S5.E58

Oct 27, 2022

What are component tests? How do they relate to e2e tests? Do they improve a11y? Ely Lucas will teach us all about them and how we can add component tests using Cypress to a React app.

See details and watch now

Build web standards-based sites with Enhance

S5.E59

Nov 15, 2022

Enhance is “designed to provide a dependable foundation for building lightweight, flexible, and future-proof web applications.” Maintainer Brian LeRoux will show us how it works.

See details and watch now

Better Images in Next.js with Cloudinary

S5.E60

Nov 17, 2022

Cloudinary provides powerful transformation APIs so you don’t have to waste time fiddling with images. Colby Fayock has a new library for Next.js to make it even easier.

See details and watch now

Webauthn (FIDO2) and Project Fugu

S5.E61

Nov 22, 2022

Log in with your fingerprint or Face ID in a browser? Use machine learning directly in the browser? There's a LOT we can do today, & Joyce Park will teach us how.

See details and watch now

Optimize React App Performance

S5.E62

Dec 1, 2022

Building dynamic React.js apps that avoid performance pitfalls can be challenging. Shaundai Person will show us how to optimize our components, hooks, and more.

See details and watch now

Qwik City for Resumable, Dynamic Apps

S5.E63

Dec 6, 2022

Qwik City is a metaframework that adds routing and other app-like features on top of Qwik resumable components. Miško Hevery will teach us how to ship less JavaScript without sacrificing interactivity.

See details and watch now

Port a Blog to Astro

S5.E64

Dec 8, 2022

For many devs, writing blogs with Markdown/MDX is still preferred. In this episode, Jason (a Markdown True Believer™) will be working on an in-progress port of the Learn With Jason blog to Astro.

See details and watch now

Let's Learn Auth0 Actions!

S5.E65

Dec 13, 2022

We can extend our identity code using Auth0 Actions. Will Johnson will teach us how to use serverless and a drag-and-drop interface to build custom identity flows.

See details and watch now

Coworking Session with Jason Lengstorf

S5.E66

Dec 20, 2022

Grab your current project and work along with Jason as he tackles his todo list. This is a casual session, so bring questions!

See details and watch now

TanStack Query v4

S5.E67

Dec 22, 2022

State management is hard. TanStack Query aims to take the pain out of data fetching, caching, parallelization, and much more. Maintainer Dominik Dorfmeister will teach us all about it.

See details and watch now

Sometimes the easiest way to see how a software tool or product works is to watch someone else build with it. In Learn With Jason, host Jason Lengstorf pair programs with experts from around the tech industry to learn new tools by doing.

Improving our skills as software engineers requires two forms of growth:

  1. Explicit Knowledge — expanding our knowledge of the available tools and how to use them through education, documentation, and other information
  2. Tacit Knowledge — building wisdom and technique through experience, observation of our peers, and unconscious, hard-to-describe habits

Most educational materials address explicit knowledge, but it's increasingly difficult to find opportunities to improve our tacit knowledge. Learn With Jason is an attempt to make tacit knowledge transfer possible at scale, by giving audiences the opportunity to watch experienced developers build real applications from scratch.

No polished demos, no edited out mistakes, no pulling a fully baked turkey out of the oven at the end.

By watching experts work through new tools, you're able to observe (and absorb) their techniques for breaking down a problem, getting unstuck when things don't work, and the small shortcuts that they've picked up throughout their experience. This is the stuff that is almost impossible to teach explicitly, and in a world where it's harder and harder to find opportunities to sit next to an experienced developer in real life, Learn With Jason aims to make it possible for developers everywhere to have the experience of pair programming with brilliant engineers from the community.

Episodes are recorded live, so you can follow along and ask questions as we build!