Web Dev Simplified Courses

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

Build a secure file sharing site with Node.js, MongoDB, and Express. Learn to implement password protection, track downloads, and handle file uploads and downloads efficiently.

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

How to Create an Advanced Shopping Cart With React and TypeScript

Build a fully functional shopping cart using React, TypeScript, and Bootstrap. Learn advanced techniques for routing, context management, and local storage in this intermediate-level project.

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

Can I Create a Deck of Cards With CSS

Learn to create a realistic deck of cards using CSS, from basic structure to intricate details like pips and face cards, with live problem-solving and step-by-step guidance.

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

Can I Create This Typing Animation Using TypeScript

Learn to create a customizable typing animation in TypeScript without libraries. Covers class setup, queue management, string manipulation, and configurable options for web developers.

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

How to Create the YouTube Video Player

Learn to clone YouTube's video player, including advanced features like picture-in-picture and timeline scrubbing, using HTML, CSS, and JavaScript in this comprehensive tutorial.

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

How to Create Your Own Implementation of JavaScript Promises

Learn to implement JavaScript Promises from scratch, covering key concepts like then, catch, chaining, and advanced methods. Gain deep understanding of Promise functionality for interviews and practical applications.

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

Creating a Complex 3D Countdown Timer Animation

Learn to create a complex 3D flip countdown timer animation using CSS and JavaScript, covering CSS basics, animations, and JavaScript implementation for a fully functional interactive timer.

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

How to Build Your First TypeScript Project - TODO List Application

Learn to create a complete TODO list application using TypeScript, covering installation, basic and advanced setup, and practical implementation for both beginners and experienced developers.

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

Can I Create Netflix’s Video Carousel UI

Learn to recreate Netflix's iconic video carousel UI in this live coding session. Covers HTML structure, CSS styling, navigation buttons, progress indicators, and wrapping functionality.

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

Creating a Magic CSS Indicator

Learn to recreate a captivating CSS magic indicator for navigation menus. Master techniques for basic navbar structure, animated indicators, and JavaScript integration for a polished, interactive design.

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

Creating a Complete Toast Notification Library

Learn to build a comprehensive toast notification library with features like auto-close, animations, and progress bars. Gain hands-on experience in creating a versatile messaging system for web applications.

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

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

Aprenda a criar o jogo 2048 do zero, explorando lógica avançada de desenvolvimento de jogos e aprimorando suas habilidades de programação.

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

Creating a Simple CSS Hover Animation

Learn to create a complex split text hover animation using CSS, with step-by-step guidance on HTML structure and multiple CSS approaches for achieving the desired effect.

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

Creating a Complex Animated Multistep Form

Learn to build a complex animated multistep form with HTML, CSS, and JavaScript. Covers planning, basic structure, functionality, and animations for an interactive user experience.

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

Creating a Tricky Animated CSS Sidebar

Learn to create a complex, animated CSS sidebar inspired by YouTube's design, covering HTML structure, CSS styling, and JavaScript functionality for a responsive web experience.

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