DesignCourse Courses

Hana 2D - Create Interactive Animations and Hero Sections

Discover Hana 2D's powerful features to build interactive hero sections with 3D projection and liquid glass effects for stunning web animations.

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

Developing Ethereum Smart Contracts for Beginners

Discover Ethereum smart contract development using Solidity, Web3.js, and deployment techniques. Build decentralized apps with variables, functions, events, and user interfaces.

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

React vs Angular vs Vue.js by Example

Explore the core differences between React, Angular, and Vue.js through hands-on examples and build practical applications with each popular JavaScript framework.

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

Angular 2 Intermediate to Advanced Tutorials

Master advanced Angular 2+ concepts through hands-on tutorials covering Firebase authentication, Material Design, reactive forms, chat applications, and SEO optimization techniques.

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

Learning Angular 4 from Scratch

Master Angular 4 fundamentals through hands-on tutorials covering components, templating, data binding, services, animations, and deployment in just over an hour.

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

Angular 2 Fundamentals Course

Master Angular 2 fundamentals through hands-on tutorials covering installation, components, templating, routing, services, data binding, and animations in under 2 hours.

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

Mega Tutorial - Build a Web App

Master full-stack web development by building a complete web application from domain selection and Photoshop design mockups to responsive HTML/CSS and MySQL/PHP backend implementation.

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

PRO LEVEL ShadCN and Cursor Landing Page in 20 Minutes

Master ShadCN, TweakCN, Unicorn Studio, and GSAP to build stunning landing pages with advanced animations and custom components beyond basic AI-generated layouts in just 20 minutes.

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

How to Design a Simple Logo in Adobe Illustrator

Master simple logo design techniques in Adobe Illustrator through a practical brand identity project, focusing on clean, effective approaches for early-stage design development.

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

Working with Three.js Particle Systems - They're Awesome

Explore Three.js particle systems to create stunning visual effects. Learn geometry, materials, and animations for dynamic web graphics.

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

Animated AI Assets for the Web

Learn to create animated AI assets for web UIs using Midjourney and Rive. Master mesh creation, bone rigging, and animation techniques to enhance your designs with unique, eye-catching elements.

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

Impossible Layouts for CSS to Handle

Explore CSS grid techniques for creating brutalist-style layouts, focusing on row and column structures to achieve unique and challenging designs.

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

Creating a Sidebar Navigation with Icons - UI/UX & Frontend

Learn to create a sidebar navigation with icons, from Figma prototyping to HTML/CSS implementation. Enhance your UI/UX and frontend skills with this practical tutorial.

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

The UI-UX of Designing Effective Search Bars

Learn to design effective search bars in Figma, covering interactive states, auto-suggestions, and auto-correct. Gain practical UI/UX skills through hands-on tutorial and create a functional search component.

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

Designing a Squeeze Page - Email Collection in Figma

Learn to design an effective email collection page in Figma, covering layout, interactive prototyping, and mobile optimization for building a strong subscriber base and launching products or services.

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