Learn With Jason
8 seasons
416 episodes
Live pair programming. Learn something new in 90 minutes with tech industry experts.
72 episodes
Release year: 2019
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.
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.
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.
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.
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.
S2.E6
Multi-language Websites with GraphCMS & Gatsby
Learn how to build an internationalized website using GraphCMS and Gatsby.
S2.E7
Add Authentication to your Apps using Okta
Learn how to add user accounts to your app using Okta and Gatsby.
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.
S2.E9
Create Realtime Web Apps with Hasura & Gatsby
Learn how to add realtime updates to your apps using Hasura and Gatsby.
S2.E10
Add Auth0 to Your Gatsby App
In this stream, we learn how to integrate Auth0 to add authentication to your Gatsby apps.
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.
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.
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!
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.
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.
S2.E16
How to Use Ionic with React
Mike Hartington teaches us how to use the Ionic framework with React.
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.
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.
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.
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.
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.
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!
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.
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!
S2.E25
Building Your First Gatsby Theme
Join Emma Bostian as she pairs with Jason to build her first Gatsby theme!
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
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.
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
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
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
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
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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*.)
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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!
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!)
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.