سطح متوسطدر حال برگزاری40 ساعت ویدیو و کارگاه410 دانشجو
مهندسی فرانت‌اند خلاق با Next.js 15، Three.js و GSAP
ساخت وب‌سایت‌های برنده جوایز جهانی با گرافیک ۳ بعدی WebGL، شیدرها و داستان‌سرایی اسکرولی
ویدیوی معرفی دوره و پیش‌نمایش رایگانمدت: ۱۴:۱۰
مبحث در حال پخش:
نحوه ساخت لوگوی سه‌بعدی PBR ویکاد و اتصال آن به اسکرول صفحه
مدرس: مهندس کیوان نیازی — مدیر هنری و معمار فرانت‌اند ویکاد
28%
دستاوردهای عملی شما در پایان این دوره
آموزش گام‌به‌گام ترکیب معماری مدرن Next.js App Router با صحنه‌های سه‌بعدی Three.js، نورپردازی استودیویی PBR و انیمیشن‌های دقیق ScrollTrigger بدون افت امتیاز سئو و پرفورمنس.
- مدیریت چرخه حیات WebGL در React بدون نشت حافظه و افت فریم
- ساخت متریال‌های واقع‌گرایانه فلز برس‌خورده، شیشه مات و نورپردازی استودیویی
- هماهنگ‌سازی حرکت دوربین سه‌بعدی با اسکرول کاربر توسط GSAP ScrollTrigger
- بهینه‌سازی Core Web Vitals و رندرینگ تطبیقی برای موبایل و مرورگرهای ضعیف
ساختار درختی سرفصل‌ها و کارگاه‌ها
- 1.1ساختار صحنه، دوربین، Tone Mapping و RoomEnvironment در Three.jsپیش‌نمایش آزاد۶۵ دقیقه
- 1.2ساخت احجام سه‌بعدی پیچیده با ExtrudeGeometry و MeshPhysicalMaterial۸۰ دقیقه
- 2.1ریاضیات Exponential Damping و حرکت نرم دوربین با ماوس و اسکرولپیشنمایش آزاد۷۵ دقیقه
- 2.2ترکیب لایه‌های معنایی HTML/Tailwind روی بوم WebGL۷۰ دقیقه