Web Dev Simplified Courses

How to Use Web Audio API to Play the Guitar

Learn to create a guitar audio interface using Web Audio API, covering AudioContext, EQ modification, and audio source connection in this hands-on tutorial for beginners.

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

Learn SQL in 60 Minutes

Comprehensive SQL tutorial covering syntax, database operations, table management, data manipulation, querying, joins, and advanced concepts for beginners and intermediate learners.

• YouTube
• 56 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

Learn React With This One Project

Master React fundamentals by building a todo list app. Learn JSX, state management, component structure, and hooks while creating a practical project in just 43 minutes.

• YouTube
• 43 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 Next.js 13 With This One Project

Explore Next.js 13's server components and actions by building a todo list app, covering new features, data fetching, routing, and practical implementation techniques.

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

How to Build a Chat App with React and Stream

Learn to build a robust chat application using React and Stream Chat API, covering server setup, authentication, and customizing features like channel lists and conversations.

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

How to Build a Weather App in JavaScript Without Needing a Server

Learn to build a JavaScript weather app using APIs, data transformation, and CSS, without server-side code. Covers HTML structure, styling, API integration, and location-based features.

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

Learn Zod in 30 Minutes

Master Zod validation library for TypeScript, covering basic usage, types, validation, and advanced features to enhance type safety and simplify user data handling.

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

The Perfect Advanced React-TypeScript Project - Markdown Supported Note Taking With Categories

Build an advanced React/TypeScript note-taking app with categories, markdown support, and filtering. Learn to create, edit, and manage notes and tags using local storage and React Router.

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

A Great Beginner React-TypeScript Project

Learn to build a Hangman game using React and TypeScript, covering component logic, keyboard functionality, and win/lose conditions in this beginner-friendly tutorial.

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

Multistep Form Custom Hook with React and TypeScript

Learn to create a reusable React hook for converting existing forms into multistep forms using TypeScript. Covers custom hook development, form design, validation, state management, and submission handling.

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

A Fancy Box Shadow Trick Saved Me in This CSS Battle

Explore CSS Battles with advanced techniques like box shadow tricks. Learn to solve complex design challenges and improve your CSS skills through practical examples.

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

The Perfect Project for Your React-TypeScript Resume

Learn to create a custom select component in React using TypeScript, covering single and multi-select functionality, styling, and keyboard accessibility for an enhanced user experience.

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

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
• Self-Paced
• Free Video