DesignCourse Courses

Learn UI-UX Design & Figma - Interactive Crash Course

Learn UI design fundamentals by creating a complete website interface in Figma, from layout grids and components to interactive prototypes and animations.

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

Build & Deploy a Personal Portfolio with TailwindCSS - 2022 Edition

Build a responsive personal portfolio with Tailwind CSS, then deploy it through GitHub with automatic updates on Hostinger.

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

Creating Touch-Friendly Parallax Effects with Atropos.js

Create touch-friendly parallax effects for mobile interfaces with Atropos.js using HTML, CSS, and JavaScript.

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

Create an Awesome Animated Full Screen Navigation

Build an animated full-screen navigation from scratch with HTML, CSS, and JavaScript, using GSAP to create smooth overlay transitions.

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

Getting Started with Bootstrap 5 for Beginners - Crash Course

Build and deploy a responsive, mobile-first website with Bootstrap 5, using Parcel for development and Bootstrap utilities and components for customization.

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

ThreeJS Displacement & AlphaMaps - Create a 3D Terrain

Build an interactive 3D mountainous terrain effect in Three.js using textures, displacement maps, alpha maps, and mouse interaction.

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

Getting Started with Three.js in 2021

Begin learning Three.js by building an interactive 3D browser scene with WebGL, textures, lighting, and scroll-based movement.

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

Full Stack Development Tutorial - The Full Process

Build a cryptocurrency tracking app from scratch while following the full MEVN workflow from branding and UI/UX design through backend development and VPS deployment.

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

HTML and CSS Tutorial for 2021 - Complete Crash Course

Build a modern, fully responsive web design from an Adobe XD mockup using HTML, CSS, and a small amount of JavaScript.

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

Building an Awesome Button Micro-interaction - Frontend Dev

Implement a button micro-interaction in the browser with HTML, CSS, JavaScript, and GSAP, including a multi-part animation triggered by a click.

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

The Figma Crash Course by Example

Use Figma to design a multi-page website prototype with UI fundamentals, hover interactions, page transitions, and Smart Animate.

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

Animating SVG with the Awesome GSAP

Animate an SVG landing-page illustration in the browser with GSAP timelines, easing, transforms, and responsive layout adjustments.

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

Building a Real Web Component from Scratch - Tutorial

Build a customizable tooltip as a reusable Web Component with Shadow DOM, slots, and configurable attributes.

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

Design a Highly Interactive Prototype with Figma & ProtoPie

Designing an app onboarding interface around a video background, with a navigation bar, menu, and additional slides.

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

Prototyping on Roids

Turn a Figma design into an animated ProtoPie prototype with a video background, interactive menu, scrolling, Lottie animations, and pagination.

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