egghead.io Courses

Create Amazing Animations with GreenSock

Animate elements with GreenSock: build timeline steps, control playback with progress and isActive, tween between CSS classes, and spin elements in shared 3D perspective.

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

Advanced Bash Automation for Web Developers

Automate developer chores with bash: write git hooks with exec redirection, query JSON with jq, build getopts scripts, and schedule jobs with launchd.

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

Just Enough Functional Programming in JavaScript

Learn functional programming in JavaScript: write higher order and pure functions, avoid mutations, refactor with currying and partial application, and build features through function composition.

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

Building Forms with React and Formik

Convert traditional React forms to Formik, write validation rules with Yup, and integrate third-party component libraries instead of wiring up state and change handlers.

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

Image Loading and Optimization in Gatsby with gatsby-image

Add optimized images to a Gatsby site with gatsby-image: configure plugin options, source and query local images via GraphQL, and display traced-SVG or blurred-up placeholders.

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

Build Performant and Progressive Angular Applications

Speed up Angular apps with route-level code splitting, custom preloading strategies, performance budgets, change detection tuning, CDK virtual scrolling, and service worker precaching.

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

React Context for State Management

Build an email client with the React Context API: pass data without prop drilling, display notifications, use useContext and contextType, test providers, and tune rendering performance.

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

Create Smooth, Performant Transitions with React Transition Group v2

Animate React components in and out of the DOM with React Transition Group v2: CSSTransition, appear/enter/exit props, lifecycle props, list and page transitions.

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

The Beginner's Guide to Figma

Learn Figma from scratch: build mobile, tablet and desktop frames, reusable components, typography, color and effect styles, then prototype screen transitions and export frames.

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

Practical Advanced TypeScript

Apply advanced TypeScript features: numeric separators, strict property initialization, type guards, mapped type modifiers, self-referencing types, custom iterators, conditional types, and class decorators.

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

Exploring Common Algebraic Data Types Used in Functional Programming

Build common algebraic data types in JavaScript: an Identity functor, Maybe, Semigroups tested for associativity, and Monoids with a generalized fold, following Fantasy Land.

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

Sprinkle declarative, reactive behaviour on your HTML with Alpine JS

Add declarative, reactive behaviour to HTML with Alpine's directives — x-on, x-show, x-for, x-model, x-ref, x-init — plus modifiers and magic properties like $refs and $watch.

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

Reusable State and Effects with React Hooks

Add state and side effects to React function components using useState, useEffect, useRef, useReducer, useContext and useMemo, and write custom hooks to share logic.

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

Get Started with Dart

Learn Dart syntax and ecosystem: define interfaces with mixins, handle Futures and Streams, manage dependencies with Pub, and add extension methods to built-in classes.

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

Simplify React Apps with React Hooks

Refactor a class-based React codebase into function components: useState, useEffect, useRef, useContext, custom hooks, and dynamic imports with React.lazy and Suspense.

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