Dave Gray Courses

Animated Hamburger Icon, Mobile Menu & Responsive Navbar with Tailwind CSS

Learn to create an animated hamburger icon and responsive mobile menu using Tailwind CSS, enhancing your web design skills with practical, interactive UI elements.

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

Tailwind CSS Project - TailwindCSS Tutorial

Learn advanced Tailwind CSS techniques to build a responsive website, including custom media queries, pseudo-elements, and various CSS styles for testimonials, contact forms, and footers.

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

MERN Stack Full Tutorial and Project - Complete All-in-One Course

Comprehensive 8-hour tutorial on building a full-stack web application using MongoDB, Express, React, and Node.js. Covers project setup, middleware, database integration, state management, authentication, and deployment.

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

Build a Website with Tailwind CSS - Project Tutorial

Learn to build a responsive website using Tailwind CSS, covering media queries, light/dark mode, and various CSS styles through class names. Hands-on project tutorial for practical implementation.

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

How to Build a Multi-Page Form with React Hooks - Multi-Step Tutorial

Learn to build a multi-page form using React hooks in this step-by-step tutorial. Covers context creation, custom hooks, component structure, and form validation for an efficient multi-step process.

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

Tailwind CSS Introduction, Basics & Guided Tutorial

Learn Tailwind CSS basics, setup, and create a project in this guided tutorial. Covers configuration, compilation, tools, and practical examples for efficient styling.

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

Deploy a Full Stack App - React, Node.js, Express, Mongo - MERN Tutorial

Step-by-step guide to deploying a full-stack MERN application, covering frontend and backend deployment, security considerations, and essential configuration steps for a smooth launch on Render.com.

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

Code Refactoring in React, Node.js, Express, MongoDB - MERN Stack Project

Optimize MERN stack project through code refactoring, enhancing backend and frontend performance. Learn techniques for efficient data handling, error management, and component optimization in React and Node.js.

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

User Role-Based Access Control & Permissions in React JS - MERN Stack

Implement user role-based access control in React, creating protected routes and features for managers and admins in a MERN stack project.

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

JWT Authentication - Persist Login State on Refresh - MERN Stack

Implement JWT authentication and persistent login state in a MERN stack project, covering access tokens, refresh tokens, and state management with Redux and RTK Query.

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

Login Authentication in React.js with Redux - MERN Stack Project

Comprehensive tutorial on implementing login authentication in React using Redux and RTK Query, covering user stories, Redux setup, API integration, and component creation.

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

MERN Stack Authentication with JWT Access, Refresh Tokens, Cookies

Comprehensive guide to implementing secure MERN stack authentication using JWT tokens, covering route setup, controller methods, middleware creation, and API testing with Postman.

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

React Forms with Redux & RTK Query - MERN Stack Tutorial

Learn to build React forms with Redux and RTK Query in this MERN stack tutorial. Covers CRUD operations, pre-populating forms, maintaining subscriptions, and prefetching data for efficient web development.

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

MERN Stack Project With React Redux and RTK Query

Build a MERN stack project integrating React, Redux, and RTK Query. Learn to create API slices, configure Redux store, and develop user and note components for efficient data management and display.

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

React.js App Project - MERN Stack Tutorial

Learn to build a React.js frontend for a MERN stack project. Set up routing, create nested routes, and structure your application for efficient development and scalability.

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