egghead.io Courses

Use the Callback and Closure Pattern to Build Advanced Async Behaviors

Build operators on top of callbacks and closures in JavaScript to map, filter, pipe, and buffer values, bending broadcasters and listeners to your needs.

• egghead.io
• 22 minutes
• Self-Paced
• Paid Course

Building Live Search Box

Build a live search box in React with useBroadcaster and useListener hooks: filter input, debounce typing, add an ifElse operator, cache requests, and fix race conditions.

• egghead.io
• 30 minutes
• Self-Paced
• Paid Course

Introduction to Tailwind and the Utility First Workflow

Build custom UIs with Tailwind's utility-first workflow: set up PostCSS, add responsive and hover variants, compose utilities with @apply, and strip unused CSS with Purgecss.

• egghead.io
• 1 hour 15 minutes
• Self-Paced
• Paid Course

Introduction to Callbacks, Broadcasters, and Listeners

Learn what closures and callbacks are in JavaScript, compose them into new functions, define broadcaster and listener relationships, and solve callback hell through composition.

• egghead.io
• 21 minutes
• Self-Paced
• Paid Course

Designing GraphQL Schemas

Design GraphQL schemas that last: apply field naming conventions, nullable vs non-nullable choices, the Connection pagination spec, and mutation input and payload structures.

• egghead.io
• 57 minutes
• Self-Paced
• Paid Course

Design and Implement Common Tailwind Components

Build common UI components with Tailwind utility classes: cards, badge-styled spans, SVG icons, object-fit image cropping, fixed aspect ratios, and shadow-based depth.

• egghead.io
• 48 minutes
• Self-Paced
• Paid Course

Build a Responsive Navbar with Tailwind

Style a mobile-first navbar with Tailwind and Flexbox, toggle hamburger menu links with Vue, then add breakpoint prefixes to make it responsive.

• egghead.io
• 23 minutes
• Self-Paced
• Paid Course

Getting Started with Gatsbyjs recipes

Automate Gatsby project setup with Recipes: run them from the CLI, write multi-step recipes, install NPM packages, configure plugins, and create custom files.

• egghead.io
• 6 minutes
• Self-Paced
• Paid Course

CSS Fundamentals

Style a website from a mockup with CSS: selectors, specificity, the cascade, the box model, units, colors, fonts, positioning, media queries, and CSS variables.

• egghead.io
• 37 minutes
• Self-Paced
• Paid Course

Build and Style a Dropdown in Tailwind

Build and style a navbar dropdown with Tailwind: absolute positioning, open/close interactivity in Vue with keyboard accessibility, and an inline redesign for mobile.

• egghead.io
• 39 minutes
• Self-Paced
• Paid Course

Up and running with Svelte 3

Build apps with Svelte 3: create components with props and slots, add styles and transitions, use reactive declarations, each/await blocks, and stores.

• egghead.io
• 26 minutes
• Self-Paced
• Paid Course

How to Livestream Code and Design on Twitch

Start livestreaming coding and design on Twitch: set up an account, build your first OBS scene, test bandwidth, pick gear, and design panel banners.

• egghead.io
• 27 minutes
• Self-Paced
• Paid Course

Build a full-stack app with Prisma

Build a type-safe query layer with Prisma: run PostgreSQL via Docker Compose, define schema models and relations, and perform CRUD queries with Prisma Client.

• egghead.io
• 15 minutes
• Self-Paced
• Free Online Course

Shareable Custom Hooks in React

Refactor a React class component into function components with useState and useEffect, extract a custom hook with create-react-hook, test it, and publish it to npm.

• egghead.io
• 30 minutes
• Self-Paced
• Paid Course

Spring Animation in React with React Spring

Animate React components with react-spring: chain animations and CSS background position with useSpring, build list transitions with useTransition, and add route transitions via React Router.

• egghead.io
• 20 minutes
• Self-Paced
• Paid Course