Web Dev Simplified Courses

Can I Create This Very Complex CSS Animation?

Recreate the Prettier logo animation using complex CSS techniques, including load and slide effects, with step-by-step guidance and practical coding examples.

• YouTube
• 1 hour 7 minutes
• On-Demand
• Free Video

Bootstrap 5 Crash Course

Comprehensive guide to Bootstrap 5, covering grid system, components, and utility classes. Learn to create responsive layouts and stylish interfaces efficiently.

• YouTube
• 1 hour 11 minutes
• On-Demand
• Free Video

How to Build a Full Stack Nested Comments System

Learn to build a full-stack nested comments system with React, connecting backend, database, and frontend. Covers Prisma setup, server creation, React Router, custom hooks, and advanced comment functionalities.

• YouTube
• 2 hours 2 minutes
• On-Demand
• Free Video

Learn React Router V6 in 45 Minutes

Comprehensive guide to React Router v6, covering essential concepts from basic setup to advanced navigation techniques for efficient routing in React applications.

• YouTube
• 46 minutes
• On-Demand
• Free Video

Creating an Animated CSS Review Card

Learn to create an animated CSS review card with advanced features, focusing on ecommerce design, problem-solving, and debugging techniques for web developers.

• YouTube
• 1 hour 14 minutes
• On-Demand
• Free Video

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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• Free Video