Web Dev Simplified Courses

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

How to Create a Budget App with React

Build a React budget app with CRUD functionality, covering key concepts like components, context, hooks, and state management for a comprehensive learning experience.

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

How to Create Your First Game - JavaScript

Learn to build the Chrome dinosaur game using JavaScript, covering HTML, CSS, game logic, and essential game development concepts for beginners.

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

Creating a Tricky CSS Vertical Timeline

Live coding demonstration of creating a vertical timeline layout in CSS, covering HTML structure, card styling, timeline design, and header formatting.

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

Beginner JavaScript Game Dev Project

Learn to create a classic Pong game using JavaScript. Master game development basics, including HTML structure, CSS styling, and JavaScript logic for ball movement, paddle control, and game mechanics.

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

Mongoose Crash Course - Beginner Through Advanced

Comprehensive guide to Mongoose for Node.js developers, covering basics to advanced features like schema types, validation, querying, methods, virtuals, and middleware.

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

Simple JavaScript Game Dev Project

Learn to build a Flappy Bird clone while exploring essential game development concepts and JavaScript-specific techniques. Gain hands-on experience in creating interactive elements, game loops, and physics simulations.

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

How to Create an Ocean with CSS-JavaScript

Create an interactive ocean using CSS and JavaScript, while learning about API integration and dynamic content display for an engaging web development project.

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

MongoDB Crash Course

Comprehensive guide to MongoDB essentials: basic operations, querying, updates, and deletions. Ideal for beginners looking to quickly grasp NoSQL database fundamentals.

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

How to Create a Hastebin Clone

Learn to build a Hastebin clone in this beginner-friendly full-stack project. Covers frontend development, styling, and database integration for a code-sharing application.

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

Learn Express JS

Comprehensive guide to ExpressJS, covering setup, routing, data handling, middleware, and more. Master the popular Node.js framework for building robust web servers efficiently.

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

How to Create a Simple React Clone With Hooks

Learn to build a React clone with hooks, gaining in-depth understanding of component rendering, useState, useEffect, and useMemo while enhancing your JavaScript skills.

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

Redis Crash Course

Comprehensive introduction to Redis, covering installation, commands, data structures, and practical implementation in Node.js. Learn to leverage this powerful caching tool for web development.

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

Create Your Own Postman

Learn to build a Postman clone using plain JavaScript, covering setup, form creation, response handling, and JSON editors. Gain insights into API testing tool development.

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

Enhance Your Productivity With The Notion API

Learn to integrate Notion API into web development, creating a video suggestion site with features like form submission, data rendering, and upvoting functionality.

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