Web Dev Simplified Courses

Creating an Animated CSS Review Card

Build an animated ecommerce review widget from scratch with HTML, CSS, and JavaScript while following the design process and debugging along the way.

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

How to Create a Password Protected File Sharing Site With Node.js, MongoDB, and Express

Build a password-protected file-sharing site with Node.js, MongoDB, and Express, including uploads, downloads, and download tracking.

• YouTube
• 33 minutes
• Self-Paced
• Free Video

How to Create an Advanced Shopping Cart With React and TypeScript

Build a functional shopping cart with React and TypeScript using scalable project structure, routing, shared cart state, and persistent local storage.

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

Can I Create a Deck of Cards With CSS

Build a responsive deck of playing cards with HTML and CSS, using CSS Grid and JavaScript to generate card details and suit-specific designs.

• YouTube
• 1 hour 1 minute
• Self-Paced
• Free Video

Can I Create This Typing Animation Using TypeScript

Build a TypeScript typewriter animation library from scratch using queued strings, timed typing, deletion, pauses, and configurable options.

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

How to Create the YouTube Video Player

Build a YouTube-style video player from scratch with JavaScript, including scrubbing, captions, playback controls, responsive modes, and keyboard support.

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

How to Create Your Own Implementation of JavaScript Promises

Reimplement JavaScript’s complete Promise API from scratch, including chaining, error handling, and static methods.

• YouTube
• 34 minutes
• Self-Paced
• Free Video

Creating a Complex 3D Countdown Timer Animation

Build a 3D flip countdown timer from scratch while debugging CSS animation and JavaScript timing logic.

• YouTube
• 55 minutes
• Self-Paced
• Free Video

How to Build Your First TypeScript Project - TODO List Application

Build a TypeScript TODO list application while learning basic and bundler-based setup, DOM typing, event handling, and local-storage persistence.

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

Can I Create Netflix’s Video Carousel UI

Follow a live first attempt to recreate Netflix’s video carousel, from slider markup and styling to buttons, progress indicators, and responsive behavior.

• YouTube
• 1 hour 1 minute
• Self-Paced
• Free Video

Creating a Magic CSS Indicator

Build a CSS navbar animation live, using proportional variables, JavaScript, and transitions to move a magic indicator between navigation items.

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

Creating a Complete Toast Notification Library

Build a plain JavaScript toast notification library with auto-close, dismissal, animations, progress tracking, and pause-on-hover or focus loss.

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

If You Want to Be an Advanced Game Developer Build This Project

Build a working 2048 clone with JavaScript classes, CSS animations, input handling, tile movement, merging, and game-over logic.

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

Creating a Simple CSS Hover Animation

Create a split-text hover animation using only CSS and one HTML element per text item, working through the design and debugging process.

• YouTube
• 42 minutes
• Self-Paced
• Free Video

Creating a Complex Animated Multistep Form

Build a multistep web form live with HTML, CSS, JavaScript, validation, and animated transitions while following the debugging process.

• YouTube
• 40 minutes
• Self-Paced
• Free Video