Web Dev Simplified Courses

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

Creating a Tricky Animated CSS Sidebar

Recreate YouTube’s animated sidebar while debugging the CSS layout, JavaScript toggle behavior, and transitions behind its expanding and collapsing design.

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

How to Create a Budget App with React

Build a budgeting CRUD app in React with custom hooks, context, local storage, and expense and budget management features.

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

How to Create Your First Game - JavaScript

Build a playable Chrome Dinosaur game clone in JavaScript, including scrolling terrain, an update loop, speed scaling, jumping, and collision-based game-over logic.

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

Creating a Tricky CSS Vertical Timeline

Build a flexible notification-style vertical timeline from scratch while watching a live CSS problem-solving process.

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

Beginner JavaScript Game Dev Project

Build a beginner-friendly Pong clone in JavaScript with CSS animations, computer AI, and scaling difficulty.

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

Mongoose Crash Course - Beginner Through Advanced

Learn Mongoose from database connections and schemas through validation, queries, virtuals, methods, and middleware in Node.js.

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

Simple JavaScript Game Dev Project

Build a simple Flappy Bird clone while learning JavaScript game-development concepts like update loops, gravity, and collision detection.

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

How to Create an Ocean with CSS-JavaScript

Build an animated CSS ocean with floating trash, JavaScript cleanup, and live TeamSeas donation data.

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

MongoDB Crash Course

Learn MongoDB through essential CRUD commands, database navigation, complex queries, updates, and deletions using the mongosh shell.

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

How to Create a Hastebin Clone

Build a beginner-friendly Hastebin clone that shares code snippets through unique URLs with a JavaScript frontend, Express server, and database.

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

Learn Express JS

Build an Express.js server with routing, middleware, rendering, and request-data parsing in a concise hands-on tutorial.

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