Web Dev Simplified Courses

Learn Socket.io

3 ratings

Learn to build persistent client-server communication with Socket.IO using events, rooms, namespaces, middleware, authentication, and reconnection handling.

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

Learn React Query

1 rating

Learn to manage asynchronous API state in React with TanStack Query, including caching, mutations, pagination, infinite scrolling, prefetching, and placeholder data.

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

Learn Prisma in 60 Minutes

1 rating

A 60-minute hands-on guide to building Prisma schemas and using its type-safe client for database CRUD, filtering, relationships, and migrations.

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

How to Create This Unbelievable CSS Scroll Animation

Learn to create an impressive CSS scroll animation using minimal JavaScript, covering variable setup, section scrolling, image effects, and IntersectionObserver implementation.

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

How to Create a Social Media App Using the T3 Stack - Next.js, React, Tailwind, Prisma, TypeScript

Build a social media app using Next.js, React, Tailwind, Prisma, and TypeScript. Learn T3 stack implementation, authentication, deployment, and key features like tweeting, liking, and following.

• YouTube
• 2 hours 28 minutes
• Self-Paced
• Free Video

How to Create the YouTube Home Page With Tailwind, React, and TypeScript

Learn to build YouTube's complex home page using TailwindCSS, React, and TypeScript. Master intricate interactions and design elements while enhancing your web development skills.

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

Learn tRPC in 45 Minutes

Learn how tRPC uses TypeScript to provide type safety and autocomplete between web clients and APIs, including routers, procedures, middleware, and subscriptions.

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

How to Build a Google Docs Clone With React, Socket.io, and MongoDB

Build a collaborative Google Docs-style editor with React, Socket.io, Quill, and MongoDB, including real-time synchronization and document persistence.

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

How to Build a Better Spotify With React

Create a React Spotify clone that adds automatic lyric lookup to song search and playback.

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

I Drew Myself With CSS

Create a self-portrait with CSS while practicing layout, positioning, borders, transforms, and pseudo-elements.

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

How to Build a Google Drive Clone with Firebase

Build a Google Drive clone with React and Firebase, including authentication, folders, file uploads, download views, permissions, and duplicate handling.

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

How to Build a Simple Card Game with JavaScript

Build a browser-based War card game while practicing JavaScript planning, card objects, dynamic rendering, and game logic.

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

How to Design a YouTube Clone With HTML-CSS

Clone the YouTube homepage with HTML and CSS while practicing video cards, category sections, headers, CSS Grid, and Flexbox.

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

How to Build a Photo Editor with React and CSS Filters

Build a Photoshop-like photo editor with React and CSS filters, using sliders to adjust brightness, contrast, saturation, grayscale, sepia, hue, and blur.

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

How to Use Web Audio API to Play the Guitar

Build a browser-based guitar audio interface with the Web Audio API, including an EQ-controlled visualizer and support for microphone or other audio sources.

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