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

72 episodes

Release year: 2019

High Performance Images Using Gatsby

S2.E1

Jan 4, 2019

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.

See details and watch now

Build an eCommerce Site Using Stripe + Gatsby

S2.E2

Jan 24, 2019

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

See details and watch now

Build a Portfolio Site with Sanity.io and Gatsby

S2.E3

Jan 31, 2019

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.

See details and watch now

Build a Gatsby Theme

S2.E4

Feb 7, 2019

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.

See details and watch now

Learn How React Hooks Work with Gatsby

S2.E5

Feb 14, 2019

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.

See details and watch now

Multi-language Websites with GraphCMS & Gatsby

S2.E6

Feb 21, 2019

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

See details and watch now

Add Authentication to your Apps using Okta

S2.E7

Feb 28, 2019

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

See details and watch now

Write Tests for Gatsby Sites & Apps

S2.E8

Mar 7, 2019

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

See details and watch now

Create Realtime Web Apps with Hasura & Gatsby

S2.E9

Mar 14, 2019

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

See details and watch now

Add Auth0 to Your Gatsby App

S2.E10

Mar 21, 2019

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

See details and watch now

Build an Accessible, Customer Feedback Widget

S2.E11

Mar 25, 2019

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.

See details and watch now

Convert an Existing Gatsby Site to a Theme

S2.E12

Mar 26, 2019

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.

See details and watch now

What the Heck is Glitch?

S2.E13

Mar 28, 2019

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!

See details and watch now

Let's Learn State Machines!

S2.E14

Apr 4, 2019

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.

See details and watch now

Automated & Manual Accessibility Testing

S2.E15

Apr 19, 2019

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.

See details and watch now

How to Use Ionic with React

S2.E16

Apr 25, 2019

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

See details and watch now

What Can AWS Amplify Do?

S2.E17

May 9, 2019

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.

See details and watch now

Add Algolia Search for Your Gatsby Site

S2.E18

May 16, 2019

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.

See details and watch now

How to use Netlify Identity and Netlify Functions

S2.E19

May 23, 2019

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.

See details and watch now

Use Airtable as a CMS for Gatsby

S2.E20

May 30, 2019

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.

See details and watch now

How to use Kentico Cloud + Gatsby

S2.E21

Jun 6, 2019

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.

See details and watch now

Build a Gatsby Theme for Podcast Websites

S2.E22

Jun 13, 2019

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!

See details and watch now

User Auth and Roles with Hasura

S2.E23

Jun 20, 2019

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.

See details and watch now

Composing and Styling Gatsby Themes

S2.E24

Jul 3, 2019

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!

See details and watch now

Building Your First Gatsby Theme

S2.E25

Jul 8, 2019

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

See details and watch now

MicroFront Ends in Gatsby

S2.E26

Jul 11, 2019

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

See details and watch now

Docs and Examples in Gatsby Themes

S2.E27

Jul 16, 2019

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.

See details and watch now

Build an RSS Feed-Powered Podcast Site

S2.E28

Jul 18, 2019

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

See details and watch now

Gatsby + WordPress with WPGraphQL

S2.E29

Jul 25, 2019

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

See details and watch now

Building Websites with Gatsby

S2.E30

Jul 29, 2019

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

See details and watch now

Build a Gatsby + Drupal Website

S2.E31

Aug 1, 2019

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

See details and watch now

Cron Jobs and Scheduling Gatsby Builds

S2.E32

Aug 5, 2019

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

See details and watch now

Loading and Filtering API Data in Gatsby

S2.E33

Aug 7, 2019

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.

See details and watch now

Serverless GraphQL Functions in AWS

S2.E34

Aug 8, 2019

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.

See details and watch now

Build a Video App With Twilio + Gatsby

S2.E35

Aug 12, 2019

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.

See details and watch now

Design Systems and MDX in Gatsby

S2.E36

Aug 15, 2019

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.

See details and watch now

Data Visualization in React Using Gatsby

S2.E37

Aug 19, 2019

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.

See details and watch now

Using Contentful and Gatsby Together

S2.E38

Aug 22, 2019

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.

See details and watch now

Build Your Own Meme Website

S2.E39

Aug 26, 2019

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.

See details and watch now

Make a Beat from Scratch in Logic Pro X

S2.E40

Sep 3, 2019

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.

See details and watch now

Set up Strapi as a CMS for Gatsby

S2.E41

Sep 4, 2019

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.

See details and watch now

Animation and 3D in react-three-fiber

S2.E42

Sep 5, 2019

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.

See details and watch now

Image & Video Magic with Cloudinary

S2.E43

Sep 6, 2019

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.

See details and watch now

Client-Side GraphQL Using URQL

S2.E44

Sep 9, 2019

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.

See details and watch now

Advanced GraphQL Techniques in Gatsby

S2.E45

Sep 10, 2019

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.

See details and watch now

Introduction to Three.js

S2.E46

Sep 16, 2019

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.

See details and watch now

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

S2.E47

Sep 17, 2019

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.

See details and watch now

Deploy a Gatsby Site + API Using ZEIT Now

S2.E48

Sep 18, 2019

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.

See details and watch now

Build a Gatsby Transformer Plugin for Cloudinary

S2.E49

Sep 19, 2019

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.

See details and watch now

Create Apps Using a Component Library

S2.E50

Sep 23, 2019

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.

See details and watch now

Sketching, Illustration, and Logo Creation

S2.E51

Oct 9, 2019

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.

See details and watch now

Generative Data Visualization Design and Planning

S2.E52

Oct 15, 2019

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.

See details and watch now

Build a Chatbot with GraphQL and Fauna

S2.E53

Oct 25, 2019

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.

See details and watch now

Getting Started With Netlify CMS

S2.E54

Oct 28, 2019

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.

See details and watch now

Fun with Machine Learning pt. 2

S2.E55

Oct 31, 2019

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.

See details and watch now

Fun with Machine Learning pt. 1

S2.E56

Oct 31, 2019

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.

See details and watch now

What the Heck Are Variable Fonts?

S2.E57

Nov 4, 2019

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.

See details and watch now

Taking Action With GitHub Actions

S2.E58

Nov 4, 2019

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*.)

See details and watch now

Build a Gatsby Site With Nest.js

S2.E59

Nov 5, 2019

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.

See details and watch now

Generative Data Visualization Design and Planning, part 2

S2.E60

Nov 8, 2019

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.

See details and watch now

Art Direction for Developers

S2.E61

Nov 11, 2019

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.

See details and watch now

Use Netlify Functions to Build a Sound Board in Gatsby

S2.E62

Nov 14, 2019

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.

See details and watch now

Transform Content With Abstract Syntax Trees

S2.E63

Nov 18, 2019

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.

See details and watch now

More Fun with AST Transformations

S2.E64

Nov 21, 2019

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.

See details and watch now

Build a Cross-Platform Twitch Extension

S2.E65

Nov 25, 2019

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.

See details and watch now

Build a Personal Site Using Gatsby Themes

S2.E66

Nov 26, 2019

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!

See details and watch now

Introduction to Vue

S2.E67

Dec 2, 2019

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.

See details and watch now

Advent of Code: Learn ReasonML

S2.E68

Dec 5, 2019

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.

See details and watch now

Automate Image Performance Using ASTs

S2.E69

Dec 10, 2019

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.

See details and watch now

Let's Learn Svelte!

S2.E70

Dec 11, 2019

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!

See details and watch now

Build a Party Corgi Gatsby Website

S2.E71

Dec 12, 2019

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

See details and watch now

Create a Static Site Using Angular & Scully

S2.E72

Dec 17, 2019

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.

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!