Brian Design Courses

Make a React Website with Animations - Responsive React Project Real Estate Design

Create a responsive React website with animations for a real estate design using hooks, styled components, and React Router. Learn to build a navbar, hero image slider, dropdown menu, and info section.

• YouTube
• 2 hours 1 minute
• Self-Paced
• Free Video

How to Make a React Website with Page Transitions Using Framer Motion

Create a React website with animated page transitions using Framer Motion, React hooks, and styled components. Learn to enhance user experience through smooth route changes and engaging animations.

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

Build a React Image Slider Carousel from Scratch Tutorial

Step-by-step tutorial on building a React image slider carousel with navigation arrows using hooks. Covers project setup, data creation, image display, and styling.

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

React Sidebar with Dropdown Menu Tutorial - Create Sub Navigation

Learn to build a React sidebar with dropdown menu using hooks, styled-components, and React Router. Covers component creation, data management, and page routing for an interactive sub-navigation system.

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

How to Make a Website Using Editor X

Learn to create a responsive travel website using Editor X's advanced design tools, including stacking, grids, and animations, without coding. Explore business solutions and custom features.

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

How to Make a Website Using HTML, CSS, Javascript & GSAP - Responsive With Animations

Create a responsive website with HTML, CSS, JavaScript, and GSAP animations. Learn to build various sections, implement a mobile menu, and add dynamic effects for an engaging user experience.

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

How to Make a Website from Scratch Using Webflow

Build a professional website without coding using Webflow. Learn to create navbars, logos, hero sections, image galleries, contact forms, and more in this step-by-step tutorial for beginners.

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

Build a Responsive Website Using React, Gatsby, and GraphQL

Create a responsive website with React, Gatsby, and GraphQL. Learn to optimize images, implement animations, and use styled components for a fully functional and visually appealing design.

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

Build a React Website Using Styled Components - Responsive Ecommerce Restaurant Design

Create a responsive React restaurant website with styled components, covering navbar, hero section, sidebar, products, and footer components in a beginner-friendly tutorial.

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

Build a Responsive Website Using HTML & SASS-SCSS Tutorial

Create a responsive website homepage using HTML and SASS/SCSS. Learn to structure content, style with SASS, and implement a navbar and hero section for an attractive, mobile-friendly design.

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

React Modal Tutorial Using Hooks and Styled Components

Create a simple React Modal Popup using Hooks and styled components, with click-outside and ESC key closing functionality.

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

React Navbar Tutorial Responsive - 3 Designs

Create responsive React navbars with three customizable designs. Learn step-by-step implementation, including mobile dropdown menus, for seamless integration into your projects.

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

Responsive HTML CSS Portfolio Website Using Flexbox and Grid

Build a responsive portfolio website using HTML, CSS Flexbox, and Grid. Learn to create and style hero, about, services, portfolio, contact, and footer sections for a professional online presence.

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

React Website Using Styled Components and Smooth Scroll - Beginner Project Fully Responsive

Build a responsive React website with styled components, smooth scroll, and reusable sections. Learn React Hooks, Router, and advanced styling techniques for a modern web development project.

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

HTML CSS Javascript Website Tutorial - Responsive Beginner JS Project with Smooth Scroll

Build a responsive website with HTML, CSS, and JavaScript, featuring smooth scroll and dynamic navbar. Learn step-by-step from setup to advanced features in this comprehensive tutorial.

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