Egghead.io

Awesome lessons on modern web tools that you use to get work done.

• discord: Deploy a Discord.js Bot for Production
• discord: Conditionally Disable a Custom Discord Button
• discord: Add Roles to Users using a Discord.js Collector
• discord: Create Dynamic Channels and Roles with a Discord Bot
• discord: Create Custom Discord Buttons with ActionRowBuilder and ButtonBuilder
• discord: Display Relative Time in a Discord Embedded Message
• discord: Have a Discord Bot Respond with Embedded Messages
• discord: Receive and Respond to Input From Users with Discord.js Slash Commands
• discord: Create Your First Discord.js Slash Command
• node: Setup for Discord.js Slash Commands
• discord: Create your first Discord.js Bot Message Command
• discord: Send your first Discord.js Bot Event
• discord: Create and Configure a Bot using the Discord Developer Portal
• discord: Introduction to Build a Book Club Bot with Discord.js
• [Course] discord: Build a Book Club Bot with Discord.js
• [Course] typescript: Build Full Stack Web Applications with Angular and Firebase
• firebase: Deploy an Angular Web Application Powered by Firebase to Firebase Hosting
• angular: Restrict File Uploading to Firebase Cloud Firestore with Cloud Storage Security Rules
• firebase: Download Files from Firebase Cloud Storage in Angular
• ionic: Save and Display Tasks Files Utilizing Firebase Cloud Storage getDownloadUrl
• angular: Upload Files to Firebase Cloud Storage with AngularFire storage uploadBytes
• firebase: Refactor Firebase Security Rules to Use Functions for Easier Reading
• angular: Break Up Firebase Security Rules Into Different Actions Depending on Operation Performed
• firebase: Secure your Firestore Data with Security Rules
• angular: Query and Filter Documents from Firestore by userId with query()
• firebase: Store the User's ID in the Task Documents That are Saved in Firestore
• firebase: Show Protected Pages only to Authenticated Users with AngularFire Authentication Guard
• ionic: Send a Password Reset Email Using Firebase Authentication with sendPasswordResetEmail
• angular: Create New Users in Firebase Authentication and Store within the Database
• angular: Sign in Users to Your Application with AngularFire Auth
• ionic: Create an Authentication Page Template with Ionic Page Generation
• ionic: Delete a Document with a Confirmation Step from Firestore
• firebase: Avoid Duplicating Documents in Firestore
• angular: Add New Properties to an Existing Document in Firebase through a Ionic Action Sheet
• firebase: Navigate Users to a Tasks Detail Page and Load Task via Route Param
• ionic: Notify Users Their Database Operation Worked with a Toast Alert
• angular: Add a New Document to a Collection in Firestore from Angular with Firestore addDoc
• ionic: Create a New Task Form Page Template with Ionic
• angular: Create a New Task Page with Angular CLI ng generate
• angular: Dynamically Display a Task Status with ngSwitch
• firebase: Fetch a List of Firebase Documents with Firestore collectionData
• angular: Explore and Prepare the Firebase Services We'll Use in the Firebase Console
• firebase: Set up a new Firebase project and connect it to your Angular application
• firebase: Intro to Full Stack Development with Angular and Firebase
• egghead: Understanding Accessible Name Computation
• aria: Create a Semantic Checkbox vs an ARIA Checkbox
• redux: Delete Unused Redux Code After Migrating to RTK Query
• redux: Debug RTK Query Applications with the Redux DevTools Chrome Extension
• redux: Prefetch Data in Response to User Interactivity with RTK Query's usePrefetch hook
• redux: Prefetch Data in RTK Query using an Endpoint's initiate() Method
• redux: Customize Query and Mutation Headers in RTK Query with prepareHeaders
• redux: Undo an Optimistic Update in RTK Query with queryFulfilled
• redux: Perform Optimistic Updates in RTK Query by Dispatching the updateQueryData Action
• redux: Refetch Data on Focus And Reconnect with RTK Query's setupListeners
• redux: Invalidate RTK Query Cache Entries Automatically using providesTags and invalidateTags
• redux: Invalidate the RTK Query Cache using keepUnusedDataFor
• redux: Manually Refetch Data After an RTK Query Mutation with unwrap() and refetch()
• redux: Migrate a Thunk in a Redux Application to an RTK Query Mutation
• redux: Access the RTK Query Cache in a Memoized Selector Using an Endpoint's select() Method
• redux: Transforming RTK Query Data before Caching with transformResponse
• redux: Transform Cached RTK Query Data before Rendering with useMemo
• redux: Migrate a Redux Thunk to RTK Query
• redux: Handle Form Submission States with RTK Query's isLoading and isSuccess Values
• redux: Migrate a POST Request in a Redux App to an RTK Query Mutation
• redux: Handle Loading and Error States in RTK Query with isLoading and Error Values
• redux: Migrate a GET Request with a Dynamic URL to RTK Query with builder.query()
• redux: Pass RTK Query Data into Redux Selectors
• redux: Migrating a fetch() Call from Redux to RTK Query with builder.query()
• redux: Define an RTK Query API with createApi
• redux: Review a Redux App that will be Converted to RTK Query
• redux: Understand the RTK Query Mental Model Compared to Redux Thunks
• [Course] zag: Statechart Driven UI Components with Zag.js
• react: Refactor Zag.js State Machine Powered Pin Component Functionality to a Custom React Hook
• zag: Submit Pin Input Values in a Form with a Hidden Input
• zag: Trigger Side Effects using Zag.js computed and watch Properties
• zag: Implement Conditional Logic in a Zag.js Action to Enforce a Single Character Per Input
• zag: Spread Values Across a Pin Input Field in a Zag.js State Machine
• zag: Schedule Input Focus with requestAnimationFrame to Handle Multiple DOM Mutations in Zag.js
• zag: Trigger Side Effects in a Zag.js State Machine with the watch Property
• zag: Implement a State Machine Action for Setting Input Focus in Zag.js
• react: Connect Zag.js Machine Logic to React UI through the useMachine Hook
• typescript: Create and Visualize a Pin Input State Machine with TypeScript and Zag.js
• css: Style a Pin Input through Data Attributes in React
• react: Set up a React + Zag.js Project with Vite
• zag: Model the Basic Events, Actions, and Transitions of a Pin Input Component
• zag: Model Finite Number of State and Events with State Machines
• zag: Introduction: Statechart Driven UI Components with Zag.js
• aria: Debug Computed Accessibility Properties with Chrome Dev Tools
• aria: Debugging Accessible Contrast with Chrome Dev Tools
• node: Redirect User After Login with Auth0 Actions
• node: Add NPM Packages and Store Secrets with Auth0 Actions
• node: Add a Custom Claim To Auth0 JWT Id Token
• auth0: Write Action To Add Metadata To A New User Profile
• auth0: Add Action from Auth0 Marketplace To Restrict Access By Country
• node: Create New Auth0 Application and Download Quickstart
• auth0: Install and Connect the Auth0 CLI to Auth0 account
• auth0: Create an Auth0 Account
• a11y: Introduction to Creating a Custom Accessible Audio Player with React
• a11y: Using a forwardRef to Create External Controls
• a11y: Create a Dropdown Menu for Rates
• a11y: Create a Human Readable Time Formatter
• a11y: Using Aria-Label as a Solution for Overly Complex Markup
• aria: Design Accessible Buttons Using Icons
• a11y: Implementing a Volume Range with an onChange Event
• a11y: Creating a Toggle Button for Muting and Unmuting an Audio Element in React
• a11y: Creating a Playback Rate Button
• a11y: Add Fast-Forward and Rewind 15 Second Buttons
• aria: Add Play and Pause Events to the Audio Player
• aria: Create the Audio Scrubber to Control Playback Position
• aria: Tracking Audio Playback Progress by Adding Elapsed Time
• aria: Implementing a Duration State
• a11y: Creating a Toggle for Playing and Pausing the Audio
• a11y: Setup Native Audio and Plan our Audio Player Code
• remix: Deploy a Remix Application to Vercel from a GitHub Repository
• supabase: Subscribe to Database Changes with Supabase Realtime
• remix: Securely Mutate Supabase Data with Remix Actions
• remix: Keep Data in Sync with Mutations Using Active Remix Loader Functions
• remix: Make Cookies the User Session Single Source of Truth with Supabase Auth Helpers
• supabase: Restrict Access to the Messages Table in a Database with Row Level Security (RLS) Policies
• github: Implement Authentication for Supabase with OAuth and Github
• supabase: Generate TypeScript Type Definitions with the Supabase CLI
• remix: Query Supabase Data with Remix Loaders
• remix: Setting Up a Remix Project
• [Course] typescript: Build a Realtime Chat App with Remix and Supabase
• supabase: Create a Supabase Project with a Table and Example Data
• redux: Refactor RTK Query to Use a Normal Redux Toolkit Store
• redux: Explore Redux Devtools to Understand Your RTK Query App Data Fetching Behavior
• redux: Convert a RTK Query Application to TypeScript
• redux: Refactor baseQuery to use RTK Query fetchBaseQuery
• redux: Refactor RTK Query Endpoints to use baseQuery to Remove Code Duplication
• redux: Pass Query Arguments to RTK Query Hooks
• redux: Fetch Data from a Live Endpoint with RTK Query
• redux: Set up RTK Query with createAPI and ApiProvider that Serve Fake Data
• redux: Course Introduction and Application Walk through for RTK Query Basics
• [Course] redux: RTK Query Basics: Query Endpoints, Data Flow and TypeScript
• strapi: Create a Strapi Project From the Terminal
• strapi: Creating a Collection Type for Posts in Strapi
• strapi: Configuring API End User Permissions in Strapi
• strapi: Querying the Strapi GraphQL API
• next: Creating a Next.js project
• next: Query an entry from Strapi in Next.js using Apollo, cross-fetch, and GraphQL
• next: Create a BlogList component in Next.js
• next: Create Next.js dynamic pages
• next: Build a Template for Dynamic Pages
• react: Install and Use React Markdown in a Next.js Application
• strapi: Installing and Configuring the Strapi Cloudinary Provider
• strapi: Deploy a Strapi Application to Heroku
• next: Deploy a Next.js Application to Vercel
• vue: Test a Component Rendering Within Different Router Locations in Cypress Component Test
• vue: Rewrite Cypress mount() Command to Provide a Default Store to all Components
• vue: Mutate Application State Properties Directly with Pinia’s storeToRefs()
• cypress: Call Pinia Store Actions From Within a Cypress Component Test
• vue: Use Cypress cy.spy() Function to Test a Vue 3 Component’s Emitted Events
• vue: Render a Vue 3 Component with and Test its Content Properties
• vue: Pass Properties Into a Vue 3 Component Within a Cypress Test
• vue: Setup Global CSS Properties for Cypress Component Tests
• vue: Mount and Test a Vue 3 Component in Cypress
• vue: Setup Vue 3 Component Testing in Cypress
• javascript: Formatting Lists of Items With the Intl Javascript API
• javascript: Getting Relative Time Dates That Are Locale Sensitive With Javascript Intl API
• javascript: Format Numbers as Currencies Using Javascript Intl API
• javascript: Displaying Compact Format Numbers Using Intl Javascript API
• javascript: Displaying Language Sensitive Dates With Javascript Intl API
• turborepo: What is Turborepo?
• turborepo: Install Turborepo in an Existing Monorepo
• turborepo: Migrate NPM Scripts to Turborepo Pipelines
• turborepo: Understand Turborepo Local Cache
• turborepo: Create Repository Specific Turborepo Pipelines
• turborepo: Generate a Dependency Graph for Monorepos Using Turborepo
• turborepo: Filter Pipeline Tasks Using Turborepo
• turborepo: Prevent Turborepo Exiting Early on Failing Tasks
• turborepo: Preview Turborepo Tasks at the Pipeline Level
• turborepo: Shorten Turborepo Logs using --output-logs
• turborepo: Enable Remote Caching in Vercel
• turborepo: Deploy the Client-Side Apps in a Turborepo Monorepo to Vercel
• turborepo: Enable Github Actions with Turbporepo Remote Caching
• turborepo: Migrate a VueJS Application to an Existing Turborepo Monorepo
• nx: Introduction to Build High-Speed Monorepos with Nx and pnpm Workspaces
• nx: Distribute Your Cache with Nx Cloud
• nx: Further Optimize Your Nx Workspace with Affected Commands
• nx: Use the Nx Graph to Visualize Your Workspace
• nx: Use the Nx Task Pipeline to Run Commands Within Local Dependencies
• nx: Use Nx Named Inputs to Reuse Glob Patterns Across Inputs
• nx: Configure Nx Cache to Ignore Changes to Specified Files
• nx: Configure the Nx Cache Output Location
• nx: Configure Nx Caching
• nx: Use Nx run-many to Run Commands in Multiple Projects
• nx: Run Commands with Nx
• nx: Install Nx to Start Optimizing Your pnpm Workspace
• nx: Recursively Run Scripts in All pnpm Workspace Projects
• nx: Add a Local Package as a Dependency to an App Within a pnpm Workspace
• nx: Create a Shared Library in a pnpm Workspace
• nx: Use pnpm Filter Commands to Run App Scripts From the Workspace Root
• remix: Add a Remix App to a pnpm Workspace Monorepo
• nx: Create a pnpm Workspace
• [Course] monorepo: Build High-Speed Monorepos with Nx and pnpm Workspaces
• ethereum: Introduction to Introduction to Smart Contracts with Ethereum and Solidity
• egghead: Understand what are Data Structures
• [Course] solidity: Full Stack Web3 and Blockchain Development on Ethereum with SvelteKit
• solidity: Deploy your Smart Contract to Goerli Test Network and App to Vercel