egghead.io Courses

The Beginner's Guide to Vue 3

Build a comedy ticket app in Vue 3: use directives like v-if, v-for, v-on and v-model, components with props and emits, and Axios data fetching.

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

Add Github Login to Your Web App with OAuth 2.0

Add GitHub login to a web app: register an OAuth application, exchange auth codes for access tokens, fetch protected data, and identify users with JWTs.

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

Styling React Applications with Styled Components

Style React apps with styled-components: write CSS in template literals, adjust styles from props, add animations, themes, global styles, pseudo-selectors, and the css, as, and attrs props.

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

Advanced TypeScript Fundamentals

Apply modern TypeScript features: optional chaining, nullish coalescing, the unknown type with assertion functions, private class fields, read-only tuples, const assertions, conditional and template literal types.

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

Build a Serverless API with Cloudflare Workers

Build and deploy a serverless JSON API with Cloudflare Workers: scaffold with wrangler, handle requests, store secrets, add CORS headers, and consume it from React.

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

React Hooks: Revisited

Work through React's standard hooks: hold state with useState and useReducer, control side effects with useEffect, and optimize renders with useMemo, useRef, and useCallback.

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

Create a Landing Page with CSS Grid and Flexbox

Build a responsive landing page layout: decide between CSS Grid and Flexbox, create columns with auto-fit, center an image and caption, and wrap variable-width content.

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

Creating a Digital Garden CLI with Rust

Build a Rust CLI for a digital garden: scaffold a Cargo crate, add structopt subcommands and global flags, and integration test with assert_cmd and assert_fs.

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

Build Modern Layouts with CSS Grid

Build a responsive landing page with CSS Grid: define rows, columns and gaps, use fr units, repeat(), minmax(), grid-template-areas, and media queries.

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

Getting Started with Recoil in React

Build a simple React game with Recoil: set up atoms, read values with useRecoilValue, compute derived state with selectors, and write custom hooks and async selectors.

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

Declarative UIs without CSS with elm-ui

Build Elm interfaces without CSS using elm-ui: center elements, model layouts with rows, columns and padding, style text, and add inputs, dropdowns and responsiveness.

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

Introduction to Cloudflare Workers

Build a localization engine on Cloudflare Workers: set up Wrangler, write and publish serverless functions, render HTML, read request.cf region data, and deploy to a custom domain.

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

Tic Tac Toe with CSS and SVG

Build a working Tic Tac Toe game with no client-side JavaScript: generate markup with Pug, drive game logic with HTML forms, and animate SVG with CSS.

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

Sync State Across Components with Recoil in React

Manage React state with Recoil: share state across components via atoms, read values with the useRecoilValue hook, and compute derived data using selectors.

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

Create an eCommerce Store with Next.js and Stripe Checkout

Build a custom e-commerce store with Next.js and Stripe Checkout: product grids, dynamic routes, cart state via React Hooks and Context, local storage, deployment to Vercel.

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