Learn With Jason Courses

Better Images in Next.js with Cloudinary

Learn to optimize images in Next.js using Cloudinary's powerful APIs. Explore image transformations, background removal, text overlays, and Open Graph image generation for enhanced web performance and user experience.

• YouTube
• 1 hour 25 minutes
• Self-Paced
• Free Video

Build Web Standards-Based Sites With Enhance

Explore Enhance, a lightweight framework for building flexible web applications using web standards. Learn its core concepts, elements, routing, and API integration through hands-on coding.

• YouTube
• 1 hour 30 minutes
• Self-Paced
• Free Video

How to Add Component Tests to Web Apps

Learn to add component tests to React apps using Cypress. Covers setup, configuration, writing tests in Mocha, and practical examples like building and testing a login form.

• YouTube
• 1 hour 30 minutes
• Self-Paced
• Free Video

Build a Scalable Design System for Enterprise Websites With Payload CMS & Next.js

Learn to create a scalable enterprise design system using Payload CMS and Next.js. Explore cohesive building, Figma integration, block spacing, layout flexibility, accessibility, versioning, and maintenance tips.

• YouTube
• 1 hour 27 minutes
• Self-Paced
• Free Video

React Router

Explore React Router 6.4's new features with Ryan Florence, including data loading, mutations, and skeleton UIs. Learn implementation techniques and best practices for modern web app development.

• YouTube
• 1 hour 29 minutes
• Self-Paced
• Free Video

Fun With Slack ChatOps

Explore ChatOps by building a Slack slash command and Notion integrations. Learn to create efficient workflows, automate tasks, and enhance team communication using popular tools.

• YouTube
• 1 hour 27 minutes
• Self-Paced
• Free Video

Build a Reactive Backend for a Web App

Learn to create a reactive backend for web apps using Convex, a JS-powered database that automatically updates when data changes. Explore endpoints, queries, and authentication in this comprehensive tutorial.

• YouTube
• 1 hour 29 minutes
• Self-Paced
• Free Video

Smooth Page Transitions with Astro & the Shared Element Transition API

Learn to create smooth page transitions in multi-page apps using Astro and the Shared Element Transition API, mimicking single-page app behavior with enhanced performance and user experience.

• YouTube
• 1 hour 28 minutes
• Self-Paced
• Free Video

Custom Media Players with Media Chrome

Learn to build custom video player UIs using Media Chrome, an open-source web component library. Explore key features, components, and customization options for creating versatile media players.

• YouTube
• 1 hour 32 minutes
• Self-Paced
• Free Video

Build a Dynamic Links Page for Social Bios

Create a dynamic, auto-updating "link in bio" page with profile stats using Astro, Netlify, and HTMLRewriter. Learn to build a custom solution for showcasing your online presence efficiently.

• YouTube
• 1 hour 30 minutes
• Self-Paced
• Free Video

Advanced TypeScript- Let's Learn Generics!

Dive into TypeScript generics with expert Matt Pocock. Learn advanced concepts, solve practical problems, and gain a deeper understanding of this powerful feature for more flexible and reusable code.

• YouTube
• 1 hour 31 minutes
• Self-Paced
• Free Video

Make Static Pages Dynamic With Netlify Edge Functions

Explore dynamic web pages using Netlify Edge Functions and Uniform. Learn personalization techniques, geo-targeting, and how to enhance static sites without complex JavaScript or server-side rendering.

• YouTube
• 1 hour 27 minutes
• Self-Paced
• Free Video

Build Custom Interfaces Using CSS Open Props

Discover how to create stunning interfaces and animations using CSS Open Props, a versatile design system. Learn implementation techniques, color management, and advanced features like gradients and masks.

• YouTube
• 1 hour 31 minutes
• Self-Paced
• Free Video

What's New in Astro V1

Explore Astro v1 with creator Fred Schott: MPAs vs. SPAs, partial hydration, MDX, and more. Learn about the new features, project structure, and optimization techniques in this comprehensive overview.

• YouTube
• 1 hour 31 minutes
• Self-Paced
• Free Video

Visual Page Building With Plasmic

Learn to build production-grade web applications using Plasmic's drag-and-drop visual page builder. Explore component creation, code export, and API integration for efficient web development.

• YouTube
• 1 hour 28 minutes
• Self-Paced
• Free Video