Learn With Jason

Learn With Jason

8 seasons

416 episodes

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

Start watching episode 1

72 episodes

Release year: 2019

Emma Bostian on a title card that reads, "High Performance Images Using Gatsby"

S2.E1

High Performance Images Using Gatsby

Emma Bostian and Jason Lengstorf work on converting Emma’s portfolio page to use `gatsby-image` for better performance and user experience. Along the way they talk about StaticQuery, GraphQL, and how Emma designs websites.

Watch now

Thor 雷神 on a title card that reads, "Build an eCommerce Site Using Stripe + Gatsby"

S2.E2

Build an eCommerce Site Using Stripe + Gatsby

In this video, Thor 雷神 teaches Jason how to build an e-commerce store using the new Stripe Checkout.

Watch now

Espen Hovlandsdal on a title card that reads, "Build a Portfolio Site with Sanity.io and Gatsby"

S2.E3

Build a Portfolio Site with Sanity.io and Gatsby

Espen Hovlandsdal teaches Jason Lengstorf how to build a portfolio site using Sanity.io and Gatsby. Along the way, there are some really mind-blowing moments for content editing, including real-time collaboration, live updates, and image editing.

Watch now

John Otander on a title card that reads, "Build a Gatsby Theme"

S2.E4

Build a Gatsby Theme

Gatsby Themes are the Next Big Thing™ for building web sites and apps. In this stream, John Otander teaches Jason Lengstorf how to build a Gatsby theme from scratch, how to use it, and how to create child themes.

Watch now

Sidhartha Chatterjee on a title card that reads, "Learn How React Hooks Work with Gatsby"

S2.E5

Learn How React Hooks Work with Gatsby

Learn all about React Hooks and how they change the way we write components. Sidhartha Chatterjee teaches Jason Lengstorf what it means to write and refactor code with React Hooks, and shows off some new hooks that were just added to Gatsby.

Watch now

Jesse Martin on a title card that reads, "Multi-language Websites with GraphCMS & Gatsby"

S2.E6

Multi-language Websites with GraphCMS & Gatsby

Learn how to build an internationalized website using GraphCMS and Gatsby.

Watch now

Aaron Parecki on a title card that reads, "Add Authentication to your Apps using Okta"

S2.E7

Add Authentication to your Apps using Okta

Learn how to add user accounts to your app using Okta and Gatsby.

Watch now

Kent C. Dodds on a title card that reads, "Write Tests for Gatsby Sites & Apps"

S2.E8

Write Tests for Gatsby Sites & Apps

Make sure your Gatsby sites and apps are reliable and high quality with a good testing strategy.

Watch now

Vladimir Novick on a title card that reads, "Create Realtime Web Apps with Hasura & Gatsby"

S2.E9

Create Realtime Web Apps with Hasura & Gatsby

Learn how to add realtime updates to your apps using Hasura and Gatsby.

Watch now

Ado Kukic on a title card that reads, "Add Auth0 to Your Gatsby App"

S2.E10

Add Auth0 to Your Gatsby App

In this stream, we learn how to integrate Auth0 to add authentication to your Gatsby apps.

Watch now

Marcy Sutton on a title card that reads, "Build an Accessible, Customer Feedback Widget"

S2.E11

Build an Accessible, Customer Feedback Widget

We want to capture feedback from the community on our documentation to make sure we’re meeting people’s needs and constantly improving. Marcy Sutton teaches Jason Lengstorf how to build an accessible feedback widget using React.

Watch now

Greg Rickaby on a title card that reads, "Convert an Existing Gatsby Site to a Theme"

S2.E12

Convert an Existing Gatsby Site to a Theme

How do you convert an existing Gatsby site to a Gatsby theme? In this screencast, Greg Rickaby converts his site, https://gregrickaby.dev, to a Gatsby theme.

Watch now

Potch on a title card that reads, "What the Heck is Glitch?"

S2.E13

What the Heck is Glitch?

What is Glitch, and what does it mean for community, development, and learning? In this podcast, Potch teaches Jason how Glitch works and how you can use it for Gatsby projects and a whole lot more!

Watch now

David Khourshid on a title card that reads, "Let's Learn State Machines!"

S2.E14

Let's Learn State Machines!

What are state machines? How are they helpful? In this episode, David Khourshid walks us through refactoring a React component to use xstate, which helps us clear up some bugs and add more predictability.

Watch now

Marcy Sutton on a title card that reads, "Automated & Manual Accessibility Testing"

S2.E15

Automated & Manual Accessibility Testing

Making websites accessible is a great way to make sure we’re always building great experiences for everyone. In this episode, Marcy Sutton teaches us how to automate accessibility (a11y) testing, and walks through tools for manually checking the most critical sections of our apps.

Watch now

Mike Hartington on a title card that reads, "How to Use Ionic with React"

S2.E16

How to Use Ionic with React

Mike Hartington teaches us how to use the Ionic framework with React.

Watch now

Nader Dabit on a title card that reads, "What Can AWS Amplify Do?"

S2.E17

What Can AWS Amplify Do?

Follow along as Nader Dabit teaches us how to create a GraphQL API using AWS Amplify (specifically AppSync), build a Gatsby site using that GraphQL API, then deploy it using AWS Amplify.

Watch now

Bram Adams on a title card that reads, "Add Algolia Search for Your Gatsby Site"

S2.E18

Add Algolia Search for Your Gatsby Site

Adding custom search to your site doesn’t need to be hard! Bram Adams from the Algolia team will teach us how to implement a custom search on a Gatsby site.

Watch now

Shawn Wang on a title card that reads, "How to use Netlify Identity and Netlify Functions"

S2.E19

How to use Netlify Identity and Netlify Functions

Want to add authentication and dynamic actions to your Gatsby sites with very little setup? Shawn Wang shows us how Netlify Identity gives us a quick way to set up authentication, then teaches us how to send requests to a database using serverless (also called "lambda") functions.

Watch now

Giovanni Briggs on a title card that reads, "Use Airtable as a CMS for Gatsby"

S2.E20

Use Airtable as a CMS for Gatsby

Airtable is like Excel with rocket boosters. Learn along with Jason as Giovanni Briggs from Airtable teaches us how to build a Gatsby site using Airtable as the CMS.

Watch now

Ondrej Polesny on a title card that reads, "How to use Kentico Cloud + Gatsby"

S2.E21

How to use Kentico Cloud + Gatsby

Kentico Cloud promises to deliver “omnichannel experiences” as a headless CMS. I have no idea what that means, but we’ll find out during this episode! Ondrej Polesny teaches us how to build a blog using Kentico Cloud and Gatsby.

Watch now

Henry Zhu on a title card that reads, "Build a Gatsby Theme for Podcast Websites"

S2.E22

Build a Gatsby Theme for Podcast Websites

Learn along with Henry Zhu and Jason Lengstorf as we extend Amberley Romo’s podcast theme. We dive into modifying the Syntax.fm podcast player to work with Gatsby themes!

Watch now

Vladimir Novick on a title card that reads, "User Auth and Roles with Hasura"

S2.E23

User Auth and Roles with Hasura

Learn how to set up user authentication and role-based permissions in Hasura from Vladimir Novick. We dive into how to use Hasura to manage data, Auth0 to manage authentication and roles, and how to tie those together in Hasura for a really great developer experience.

Watch now

Brent Jackson on a title card that reads, "Composing and Styling Gatsby Themes"

S2.E24

Composing and Styling Gatsby Themes

Gatsby themes open up a lot of incredible opportunities, and theme-ui might just be the perfect tool for making themes composable, interoperable, and even more powerful. Brent Jackson will teach us how to build even better Gatsby themes with theme-ui!

Watch now

Emma Bostian on a title card that reads, "Building Your First Gatsby Theme "

S2.E25

Building Your First Gatsby Theme

Join Emma Bostian as she pairs with Jason to build her first Gatsby theme!

Watch now

Chris Biscardi on a title card that reads, "MicroFront Ends in Gatsby"

S2.E26

MicroFront Ends in Gatsby

If you work on a large team or a complex app, you may have used a microservices architecture or the newer microfrontend architecture. In this stream, Chris Biscardi teaches Jason how to use Gatsby as the orchestration layer for complex and/or large-team apps. Discuss this video on Twitter: https://jason.af/lwj-microfrontends

Watch now

Horacio Herrera on a title card that reads, "Docs and Examples in Gatsby Themes"

S2.E27

Docs and Examples in Gatsby Themes

How do you create clear, helpful documentation and demos for Gatsby themes? In this livestream, Horacio Herrera pairs with Jason to add documentation and an example to a theme.

Watch now

Amberley Romo on a title card that reads, "Build an RSS Feed-Powered Podcast Site"

S2.E28

Build an RSS Feed-Powered Podcast Site

Join Amberley Romo and Jason as they build out support for a podcast theme to take a podcast RSS feed and turn it into a full website. This episode digs into Gatsby source plugin internals, linking between data nodes, and debugging Gatsby APIs. Discuss on Twitter: https://jason.af/lwj-rss

Watch now

Jason Bahl on a title card that reads, "Gatsby + WordPress with WPGraphQL"

S2.E29

Gatsby + WordPress with WPGraphQL

Did you know WordPress & Gatsby are great together? In this stream, Jason Bahl teaches us how to use WordPress with Advanced Custom Fields and WPGraphQL to create an powerful, flexible admin dashboard, then query and display that data in a Gatsby site. Discuss on Twitter: https://jason.af/lwj-wpgraphql

Watch now

Laurie Barth on a title card that reads, "Building Websites with Gatsby"

S2.E30

Building Websites with Gatsby

Join Laurie Barth as she pairs with Jason to learn more about what Gatsby can do to make building your website fun and fast! Discuss on Twitter: https://jason.af/lwj-laurie

Watch now

Grant Glidewell on a title card that reads, "Build a Gatsby + Drupal Website"

S2.E31

Build a Gatsby + Drupal Website

If you work with Drupal and need a high-performance front-end, Gatsby is a great option! In this stream, Grant Glidewell teaches us how to use Decoupled Drupal with Gatsby to build flexible, high-performance websites and apps. Discuss on Twitter: https://jason.af/lwj-drupal

Watch now

Kelly Vaughn on a title card that reads, "Cron Jobs and Scheduling Gatsby Builds"

S2.E32

Cron Jobs and Scheduling Gatsby Builds

How do you schedule a post to go live in the future when using Gatsby? In this stream, Kelly Vaughn pairs with Jason to dive into scheduled content with cron jobs, webhooks, and other strategies for postdated content. Discuss on Twitter: https://jason.af/lwj-cron

Watch now

Brittney Ball on a title card that reads, "Loading and Filtering API Data in Gatsby"

S2.E33

Loading and Filtering API Data in Gatsby

How does Gatsby load data from other platforms and sources? And how do we actually use that data once it’s loaded? On this episode, Brittney Ball pairs with Jason to create a source plugin and build a site using its data.

Watch now

Kurt Kemple on a title card that reads, "Serverless GraphQL Functions in AWS"

S2.E34

Serverless GraphQL Functions in AWS

Learn how serverless functions work with GraphQL on AWS. Kurt Kemple will teach us how to set up our own serverless GraphQL functions and use them with a Gatsby site.

Watch now

Nathaniel Okenwa on a title card that reads, "Build a Video App With Twilio + Gatsby"

S2.E35

Build a Video App With Twilio + Gatsby

Did you know you can create collaborative video chat apps *really fast* using Twilio and Gatsby? Nathaniel Okenwa teaches us how to integrate Twilio's developer-friendly APIs with Gatsby to create an interactive video chat app.

Watch now

Kathleen McMahon on a title card that reads, "Design Systems and MDX in Gatsby"

S2.E36

Design Systems and MDX in Gatsby

Creating design systems with great documentation and examples can be a pain. MDX makes it *far* less painful — on this episode, Kathleen McMahon joins to teach us how to create excellent documentation for a design system using MDX and Gatsby.

Watch now

Swizec Teller on a title card that reads, "Data Visualization in React Using Gatsby"

S2.E37

Data Visualization in React Using Gatsby

How can you create data visualization that works well in progressive web apps? On this episode, Swizec Teller joins to teach us how to use D3, React, and Gatsby to create SSR-friendly data visualizations for high performance dataviz.

Watch now

Khaled Garbaya on a title card that reads, "Using Contentful and Gatsby Together"

S2.E38

Using Contentful and Gatsby Together

Contentful provides a flexible, powerful content management back-end, which pairs really well with Gatsby. In this episode, Khaled Garbaya will teach us how to use Contentful to power Gatsby sites.

Watch now

Sara Vieira on a title card that reads, "Build Your Own Meme Website"

S2.E39

Build Your Own Meme Website

Sara Vieira is the queen of memes. On this episode, she joins to teach us how to build a fun, silly website to showcase her many amazing memes and make them interactive.

Watch now

Steel Tipped Dove on a title card that reads, "Make a Beat from Scratch in Logic Pro X"

S2.E40

Make a Beat from Scratch in Logic Pro X

How do beats get made? In this episode, Joe, a.k.a. Steel Tipped Dove joins to teach us how to create beats in Logic Pro X using samples and built-in instruments.

Watch now

David Kartuzinski on a title card that reads, "Set up Strapi as a CMS for Gatsby"

S2.E41

Set up Strapi as a CMS for Gatsby

Strapi is an open source, self-hosted Node.js headless CMS, which makes it a great option for setting up a Gatsby site. On this episode, David Kartuzinski joins to teach us how to set up Strapi from scratch to power a Gatsby site.

Watch now

Paul Henschel on a title card that reads, "Animation and 3D in react-three-fiber"

S2.E42

Animation and 3D in react-three-fiber

3D animation in the browser can be super intimidating. In this episode, Paul Henschel joins to teach us how to use react-three-fiber to create high-performance 3D animations and shapes in the browser.

Watch now

Tessa Mero on a title card that reads, "Image & Video Magic with Cloudinary"

S2.E43

Image & Video Magic with Cloudinary

Managing images and video for the web can be a pain: resizing, color adjustment, switching file formats, cropping, and so many other small adjustments add up to a large hassle. On this episode, Tessa Mero joins to teach us how Cloudinary makes media management quick and painless using their image and video APIs.

Watch now

Phil Pluckthun on a title card that reads, "Client-Side GraphQL Using URQL"

S2.E44

Client-Side GraphQL Using URQL

GraphQL is one of the most powerful advances in accessing and managing data in a long time. On this episode, Phil Pluckthun and Jovi De Croock will teach us how to set up a GraphQL-powered front-end using URQL, a customizable, extendable GraphQL client.

Watch now

Mikhail Novikov on a title card that reads, "Advanced GraphQL Techniques in Gatsby"

S2.E45

Advanced GraphQL Techniques in Gatsby

Can a GraphQL node get data from two different places? Can we use GraphQL to normalize data form different sources? Mikhail Novikov teaches us advanced GraphQL patterns with Gatsby so you can create extremely powerful apps and websites.

Watch now

Sarah Drasner on a title card that reads, "Introduction to Three.js"

S2.E46

Introduction to Three.js

3D rendering can be intimidating — but it doesn’t have to be! On this episode, Sarah Drasner joins to give us an intro to 3D rendering in three.js.

Watch now

Marisa Morby on a title card that reads, "Turning an App Idea into a Plan with UX Design, Workflows, and Prototypes"

S2.E47

Turning an App Idea into a Plan with UX Design, Workflows, and Prototypes

When you have a new idea for an app, where should you start? On this episode, Marisa Morby will teach us how to take an idea from zero to actionable using UX design techniques like user workflows and lo-fi prototyping.

Watch now

Leo Lamprecht on a title card that reads, "Deploy a Gatsby Site + API Using ZEIT Now"

S2.E48

Deploy a Gatsby Site + API Using ZEIT Now

How simple can it be to create a website, get a custom domain, build a serverless API, configure automatic deployments, and take the whole thing live? With ZEIT’s suite of tools, it can be pretty dang simple. On this episode, Leo Lamprecht teaches us how it works.

Watch now

Jason Lengstorf on a title card that reads, "Build a Gatsby Transformer Plugin for Cloudinary"

S2.E49

Build a Gatsby Transformer Plugin for Cloudinary

In a marathon solo stream, Jason builds out most of a Gatsby transformer plugin to upload local files to Cloudinary and add support for using Cloudinary images in gatsby-image.

Watch now

Marquet Reid on a title card that reads, "Create Apps Using a Component Library"

S2.E50

Create Apps Using a Component Library

How can you get started quickly with building professional-looking apps? On this episode, Marquet Reid joins to teach us how to quickly create websites and apps using Material UI.

Watch now

Maggie Appleton on a title card that reads, "Sketching, Illustration, and Logo Creation"

S2.E51

Sketching, Illustration, and Logo Creation

Creating a memorable logo for your app or company is challenging. On this episode, Maggie Appleton joins to share her techniques for creating, sketching, and illustrating incredible logos.

Watch now

Shirley Wu on a title card that reads, "Generative Data Visualization Design and Planning"

S2.E52

Generative Data Visualization Design and Planning

Shirley Wu creates art from data. In this episode, Shirley teaches us how to approach creating a beautiful data visualization and shares her process for making complex data into stunning, understandable designs.

Watch now

Summer Schrader on a title card that reads, "Build a Chatbot with GraphQL and Fauna"

S2.E53

Build a Chatbot with GraphQL and Fauna

Fauna is a database that's friendly to start with for serverless apps. In this episode, Summer Schrader and Bruno Quaresma teach us how to use Fauna to power a Twitch chatbot.

Watch now

Benaiah Mischenko on a title card that reads, "Getting Started With Netlify CMS"

S2.E54

Getting Started With Netlify CMS

Netlify CMS is a way for developers to manage site content through Git, but with a UI. And with new support for open authoring in GitHub, getting a community contribution is more approachable than you might think. Benaiah Mischenko teaches us how to get started with Netlify CMS and walks us through setting up Open Authoring.

Watch now

Gant Laborde on a title card that reads, "Fun with Machine Learning pt. 2"

S2.E55

Fun with Machine Learning pt. 2

In the second installment of this two-part special Halloween episode, Gant Laborde teaches us how to use machine learning to add spooky masks to photos with face-api.js, a facial recognition library powered by TensorFlow.

Watch now

Gant Laborde on a title card that reads, "Fun with Machine Learning pt. 1"

S2.E56

Fun with Machine Learning pt. 1

In the second installment of this two-part special Halloween episode, Gant Laborde teaches us how to use machine learning to add spooky masks to photos with face-api.js, a facial recognition library powered by TensorFlow.

Watch now

Jason Pamental on a title card that reads, "What the Heck Are Variable Fonts? "

S2.E57

What the Heck Are Variable Fonts?

Variable fonts have been quietly making the web more capable and performant for a couple years now, but there’s a good chance we haven’t noticed. In this episode, Jason Pamental teaches us how variable fonts work and how we can use them *right now* to add better art direction and performance to our web projects.

Watch now

Brian Douglas on a title card that reads, "Taking Action With GitHub Actions"

S2.E58

Taking Action With GitHub Actions

One of the more exciting features GitHub has released is GitHub Actions. On this episode, Brian Douglas joins to teach us what GitHub Actions can do. (Hint: they can do a *lot*.)

Watch now

Ryan Chenkie on a title card that reads, "Build a Gatsby Site With Nest.js"

S2.E59

Build a Gatsby Site With Nest.js

What is Nest.js, and how does it make building APIs easier? In this episode, Ryan Chenkie teaches us how to create a GraphQL API using Nest.js, then builds a Gatsby site using the data.

Watch now

Shirley Wu on a title card that reads, "Generative Data Visualization Design and Planning, part 2"

S2.E60

Generative Data Visualization Design and Planning, part 2

Shirley Wu creates art from data. In this episode, Shirley takes the decisions we made in part one of this miniseries and teaches us how to turn them into gorgeous, computer-generated data visualizations.

Watch now

Tatiana Mac on a title card that reads, "Art Direction for Developers"

S2.E61

Art Direction for Developers

Whether you’re working with a team, a client, or both, any project you build will likely end up with a long list of things that need to be included on the page. How do you fit it all in while keeping the page readable, uncrowded, and pleasing to look at? In this episode, Tatiana Mac teaches us how to add art direction into our development projects.

Watch now

Jason Lengstorf on a title card that reads, "Use Netlify Functions to Build a Sound Board in Gatsby"

S2.E62

Use Netlify Functions to Build a Sound Board in Gatsby

In this video, Jason adds Netlify Functions to his Gatsby site to enable dynamic functionality on a Jamstack app. We start by setting up an Express API, then go through writing serverless functions to send button clicks to that API.

Watch now

Jason Lengstorf on a title card that reads, "Transform Content With Abstract Syntax Trees"

S2.E63

Transform Content With Abstract Syntax Trees

What are abstract syntax trees (ASTs)? How can we use them to make changes to files? In this episode, Jason dives into the world of ASTs and writes his first transformation using unified, remark, and rehype.

Watch now

Jason Lengstorf on a title card that reads, "More Fun with AST Transformations"

S2.E64

More Fun with AST Transformations

In this follow-up to the previous stream on abstract syntax trees (ASTs), Jason dives deeper and tries to figure out how to rewrite HTML image tags to use srcSets, cloud image processing, and other performance optimizations.

Watch now

Darrik Moberg on a title card that reads, "Build a Cross-Platform Twitch Extension"

S2.E65

Build a Cross-Platform Twitch Extension

If you want to show specific information on a Twitch profile, how do you do that? In this episode, Learn With Jason moderator Darrik Moberg teaches us how to create custom extensions for Twitch that work on both the website and apps.

Watch now

Will Johnson on a title card that reads, "Build a Personal Site Using Gatsby Themes"

S2.E66

Build a Personal Site Using Gatsby Themes

Now that Gatsby Themes have been launched, where should you start with a new site? In this episode, Will Johnson pairs with Jason to work on his personal Gatsby site. Follow along to learn how you can get started with Gatsby and Gatsby Themes today!

Watch now

Divya Sasidharan on a title card that reads, "Introduction to Vue"

S2.E67

Introduction to Vue

When people talk about modern web frameworks, Vue is almost always included on the list. In this episode, Divya Sasidharan teaches us how we can get started with Vue for building web apps and sites.

Watch now

Jason Lengstorf on a title card that reads, "Advent of Code: Learn ReasonML"

S2.E68

Advent of Code: Learn ReasonML

Advent of Code is a great opportunity to try out new languages for fun, even if you may never use them for work. In this episode, Jason will try to teach himself ReasonML while working through the first few Advent of Code challenges.

Watch now

Phil Hawksworth on a title card that reads, "Automate Image Performance Using ASTs"

S2.E69

Automate Image Performance Using ASTs

To get the best possible website performance, we should be optimizing our images, generating different sizes for different viewport resolutions, and adding support for lazyloading. That’s a lot of work — unless you automate it. In this episode, Phil Hawksworth teaches us how to improve image performance automatically using AST transformations.

Watch now

Rich Harris on a title card that reads, "Let's Learn Svelte!"

S2.E70

Let's Learn Svelte!

Svelte is a powerful framework that compiles code to framework-less app vanilla JavaScript. In this episode, Svelte‘s creator, Rich Harris teaches us what that means and how we can get started with Svelte today!

Watch now

Chris Biscardi on a title card that reads, "Build a Party Corgi Gatsby Website"

S2.E71

Build a Party Corgi Gatsby Website

What’s better than a corgi? A Party Corgi! On this episode, Papa Party Corgi himself, Chris Biscardi, joins to build the Party Corgi official website using Gatsby. (The Party Corgi Network is a community of livestreamers and stream watchers. You should join!)

Watch now

Tara Z. Manicsic on a title card that reads, "Create a Static Site Using Angular & Scully"

S2.E72

Create a Static Site Using Angular & Scully

Did you know that Angular can generate static sites now? With Scully, it’s now possible! In this episode, Tara Z. Manicsic teaches us how to create Jamstack sites with Angular and Scully.

Watch now