جشنواره "سال نو، مهارت نو" با 50 درصد تخفیف تا 15 فروردین را از دست ندهید!
مشاهده دوره ها
ثانیه
دقیقه
ساعت
روز

آموزش انیمیشن سازی برای فرانت‌اند با GSAP و Three.js

دوره Three.js سبزلرن به شما یاد می‌دهد چطور گرافیک‌های سه‌بعدی جذاب با استفاده از این کتابخانه بسازید. این دوره به شما کمک می‌کند به سادگی انیمیشن‌ها و طراحی‌های تعاملی ایجاد کنید.

50% پیشنهاد شگفت انگیز
0 روز
0 ساعت
0 دقیقه
0 ثانیه
1,400,000 700,000 تومانءء
وضعیت دوره درحال برگذاری
مدت زمان دوره 13 ساعت
آخرین بروزرسانی 1404/01/11
روش پشتیبانی آنلاین
پیش نیاز تسلط به HTML /CSS /JS
نوع مشاهده بصورت آنلاین
توضیحات

اگر به‌دنبال خلق بازی‌های ساده، انیمیشن‌های سه بعدی و تصاویر جذاب در دنیای وب هستید، یادگیری کتابخانه Three.js جاوا اسکریپت قطعا برای شما مفید خواهد بود. در دوره آموزش Three.js یاد می‌گیرید که چطور گرافیک‌های سه بعدی ثابت و متحرک در محیط وب بسازید. این کتابخانه در واقع یک رابط کاربری ساده روی WebGL فراهم می‌کند و می‌توانید بدون مشکل کدنویسی اشکال مورد نظر را طراحی کنید. با شرکت در دوره Three.js می‌توانید صفر تا صد استفاده از این کتابخانه را یاد بگیرید و بدون درگیر شدن با جزئیات پیچیده در WebGL، برنامه‌های جذاب طراحی کنید. در این دوره از آکادمی سبزلرن آموزش‌ها با بیان پروژه‌های کاربردی است تا دانشجویان دوره بتوانند در مدت زمان‌ کوتاه‌تری استفاده از این ابزار را یاد بگیریند.

چه مطالبی را می‌توان با شرکت در دوره آموزش Three.js سبزلرن یاد گرفت؟

دوره آموزش Three.js به کمک برنامه‌نویسان آمده تا بتوانند با این ابزار کاربردی و توابع آماده، فرآیند ساخت گرافیک‌های سه‌بعدی را ساده‌تر انجام دهند. با یاد گرفتن کتابخانه سه بعدی ساز جاوا اسکریپت Three.js می‌توانید اشکال هندسی متنوع ایجاد کنید و سپس با حرکت‌گذاری، تغییر رنگ و نور تصاویر جذابی را خلق نمایید. با یادگیری نحوه کار با تری جی اس دیگر نیاز نیست زمان زیادی را برای کدنویسی با WebGL هدر دهید و کدهای پیچیده بنویسید. به‌صورت کلی سرفصل‌های اصلی این دوره شامل موارد زیر است:

  • آشنایی با Three.jsو مفاهیم پایه این کتابخانه جاوااسکریپت
  • آموزش ایجاد اشکال هندسی سه‌بعدی مانند مکعب، کره، استوانه و دیگر اجسام هندسی
  • یادگیری نحوه اعمال متریال‌ها، تکسچر ها و نورپردازی برای ایجاد جلوه‌های بصری حرفه‌ای
  • پیاده‌سازی انیمیشن‌ها برای حرکت اشکال یا تغییر خصوصیات آن‌ها
  • اضافه کردن رویدادهایی مانند کلیک یا حرکت موس برای ایجاد تعامل با محیط سه‌بعدی

کاربردهای Three.jsچیست؟

کتابخانه Three.js یکی از محبوب‌ترین ابزارهایی است که می‌تواند برای ساخت طرح‌های گرافیکی سه بعدی و انیمیشن‌های ساده از آن استفاده کرد. از دیگر کاربردهای تری جی اس در دنیای برنامه‌نویسی تحت وب نیز عبارتند از:

  • بازی‌سازی سه‌بعدی و تعاملی
  • ایجاد جلوه‌های بصری جذاب و تعاملی در وبسایت‌ها
  • شبیه‌سازی‌های آموزشی مانند نمایش ساختار اتم یا حرکت سیارات
  • ارائه نمای ۳۶۰ درجه سه بعدی از محصولات در فروشگاه‌های آنلاین
  • ساخت مدل‌های سه‌بعدی ساختمان‌ها و طراحی‌های قابل تغییر
  • خلق آثار هنری و گالری‌های آنلاین
  • استفاده در نقشه‌ها، آمارها و داده‌های جغرافیایی
  • توسعه تجربه‌های VR/AR در مرورگر

دوره آموزش Three.js برای چه کسانی مناسب است؟

دوره آموزش Three.js آکادمی سبزلرن یک دوره جامع برای یادگیری این کتابخانه جاوا اسکریپت است که برنامه نویس‌ها و توسعه دهندگان اپلیکیشن‌های مختلف می‌توانند از آن استفاده کنند. علاقه‌مندان به طراحی گرافیک سه‌بعدی و بازی‌سازی نیز می‌توانند با یادگیری این ابزار، تصاویر و انیمیشن‌های جذابی خلق کنند. شرکت در این دوره آموزشی آنلاین و پروژه محور، برای افرادی ایدئال است که به‌دنبال یادگیری ابزارهای ساده‌تر برای کار با WebGL هستند.

چرا این دوره بهترین گزینه برای شروع یادگیری کتابخانه Three.js است؟

دوره آموزش Three.js آکادمی سبزلرن بهترین گزینه برای شروع یادگیری کتابخانه تری جی اس است، زیرا به صورت آنلاین و با هزینه‌ای اقتصادی‌تر از دوره‌های مشابه ارائه می‌شود. در این دوره آنلاین آموزش‌ها از مفاهیم پایه آغاز شده و دانشجویان دوره با تمرین روی پروژه‌های واقعی، یاد می‌گیرند چطور از تری جی اس برای طراحی گرافیکی استفاده کنند. جامع بودن محتوا و تمرکز بر کاربردی‌ترین تکنیک‌ها، این دوره را به انتخابی عالی برای یادگیری سریع و موثر کتابخانه Three.js تبدیل کرده است.

با شرکت نکردن در دوره آموزش Three.js چه چیزی را از دست می‎دهید؟

با شرکت نکردن در دوره Three.js، فرصت یادگیری طراحی و پیاده‌سازی گرافیک‌های سه‌بعدی حرفه‌ای را از دست می‌دهید. این مهارت می‌تواند کیفیت پروژه‌های شما را ارتقا دهد و امکان ساخت برنامه‌ها و وب‌سایت‌هایی با طراحی اختصاصی و جلوه‌های گرافیکی خاص را فراهم کند، چیزی که می‌تواند شما را در بازار رقابتی متمایز کند. همچنین عدم شرکت در این دوره باعث می‌شود تا شما فرصت یادگیری یک ابزار جایگزین برای کار راحت با WebGL را نیز از دست بدهید.

آیا با شرکت در دوره آموزش Three.js می‌‌توان به درآمد رسید؟

شرکت در دوره آموزش Three.js شاید به‌صورت مستقیم باعث رسیدن شما به درآمد نشود، اما یک برنامه‌نویس مسلط به تری جی اس قطعا می‌تواند پروژه‌های جذاب‌تری طراحی کنید و با قیمت بیشتر به مشتریان ارائه دهد. بنابراین شرکت در این دوره راهی برای افزایش درآمد و گرفتن پروژه‌های بهتر است. همچنین با شرکت در دوره آموزش Three.js و یادگیری ساخت گرافیک‌های سه‌بعدی، می‌توانید مهارت‌های خود را برای ورود به بازار کار و انجام پروژه‌های پرسود تقویت کنید.

چطور می‌‌‎توان از این دوره بهترین نتیجه را گرفت؟

دنبال کردن مباحث دوره به‌صورت مرتب و با برنامه مشخص می‌تواند روند یادگیری تری جی اس را تسریع کند. در این دوره پروژه محور، مدرس دوره تمرین‌هایی را نیز به دانشجویان می‌دهد تا با انجام آن‌ها مهارت عملی خود را تقویت کنند. یکی از راه‌های کسب نتیجه مطلوب از شرکت در دوره Three.js اجرای پروژه‌های پیشنهادی در طول دوره است که به یادگیری بهتر کمک می‌کند. این دوره با پشتیبانی کامل و پاسخگویی سریع به سوالات، شما را در مسیر یادگیری یکی از کاربردی‌ترین کتابخانه‌های جاوا اسکریپت همراهی می‌کند.

مدرس دوره آموزش Three.js کیست؟

تدریس دوره Three.js نیز مانند اغلب دوره‌های آموزشی کتابخانه‌های جاوا اسکریپت در آکادمی سبزلرن، توسط استاد «مهرشاد براتی» انجام می‌شود. استاد براتی یکی از با تجربه برنامه‌نویسی جاوا اسکریپت هستند که خودشان تجربه حضور در پروژه‌های مختلفی را داشته‌اند. وی علاوه‌بر تسلط کامل به Three.js، مهارت‌های آموزش آنلاین و تدریس مطالب پیچیده را نیز به صورت ساده و قابل فهم دارد. ایشان تضمین می‌کنند که دانشجویان این دوره آنلاین با انجام کامل تمرین‌ها و همگام بودن با کلاس می‌توانند از گذراندن دوره آموزش Three.js بهترین نتیجه را بگیرند.

پیش نیاز دوره آموزش Three.js

برای شرکت در دوره آموزشی Three.js علاوه‌بر تسلط کافی به زبان جاوا اسکریپت باید در زمینه HTML و CSS نیز دانش کافی داشته باشید تا بتوانید مباحث دوره را به‌خوبی یاد بگیرید.

اگر تسلط کامل به این موارد را ندارید می توانید از لینک های زیر اقدام به مشاهده دوره های پیش نیاز بکنید:

جمع‌بندی دوره آموزش Three.js

دوره آموزش Three.js آکادمی سبزلرن فرصتی طلایی برای یادگیری ساخت گرافیک‌های سه‌بعدی در مرورگر است که با رویکردی پروژه‌محور، مفاهیم پایه و پیشرفته در آن آموزش داده می‌شود. با خرید این دوره از سبزلرن، علاوه‌بر دسترسی به محتوای با کیفیت، می‌توانید از پشتیبانی و راهنمایی‌های ویژه مدرس دوره نیز برای رفع اشکالات خود بهره‌مند شوید. اگر به‌دنبال فرصتی برای ارتقای مهارت‌های کدنویسی خود هستید، شرکت در این دوره می‌تواند به پیشرفت سریع‌تر شما در خلق پروژه‌های ابتکاری کمک کند.

سرفصل ها
پروژه نمایشگاه نظامی
پروژه نمایشگاه ماشین (تمرین)
04:00
کتابخانه gsap
06:47
44:29
vr in react
18:53
parallax
پروژه‌های عملی بیشتر....
نظرات
دانشجوی عزیز؛ سوالات مرتبط به پشتیبانی دوره در قسمت نظرات تایید نخواهد شد، لطفا در بخش مشاهده آنلاین هر ویدیو سوالات خود را مطرح کنید.
ثبت نظر جدید

لطفا پرسش مربوط به هر درس یا ویدئو دوره را در صفحه همان ویدئو مطرح کنید.

behnnam | دانشجو
1404/01/12

سلام
خسته نباشن
میشه واسه ar هم یه پروژه بزنین دستتون درد نکنه

mahan1385 | دانشجو
1403/12/27

سلام خسته نباشید کی ضبط دوره کامل میشه؟

مهرشاد براتی | مدرس
1403/12/27

سلام من به زودی

mahdimangeli | دانشجو
1403/12/26

سلام خدا قوت
ایا این دوره بیشتر از 12 ساعت میشه یا نه

مهرشاد براتی | مدرس
1403/12/28

سلام دوست عزیز هدفم بیشتر روی موارد خوب و کاربردی هست و قطعا هنوز مواردی هست گفته خواهد شد در قالب پروژه

behnnam | دانشجو
1403/12/24

سلام
خسته نباشین
تو سرفصل های دوره بازی هم بود تو ادامه قرار پروژه بازی هم کار کنین؟

مهرشاد براتی | مدرس
1403/12/25

سلام دوست عزیز ، بازی خیر ،ولی قابلیت این رو داره با فریمورک های بازی سازی ترکیب بشه

Agreed | کاربر
1403/12/23

سلام خسته نباشید بنده میخواستم بدونم ایا امکان داره توی وردپرس هم پیادش کنم یا نه

مصطفی احمدی | دانشجو
1403/12/14

استاد براتی عزیز
ممنون از آموزش روان و سریعتون . فقط کی ادامه دوره رو میزارید ؟؟ الان دوره نصفه هست . ممنون میشم زیاد منتظرمون نزارید . سپاس

مهرشاد براتی | مدرس
1403/12/15

سلام دوست عزیز ، امروز تا فردا

علیرضا خیاطپور | کاربر
1403/12/10

استاد براتی عزیز
من میخوام یک سایت املاک طراحی کنم که قابلیت واقعیت مجازی داشته باشه یعنی از قسمت های مختلف مکان عکسبرداری بشه و با سه بعدی کردن آن یک تور مجازی درست بشه آیا کتابخانه threejs کافی است برای ساخت این کار و با این دیدن این دوره امکان طراحی این چنین سایتی مهیا میشه ؟
مثل سایت زیر :
https://vrhouse.ir/tours.php

مهرشاد براتی | مدرس
1403/12/15

سلام ، خود تری جی اس مدل سه بعدی مثال اون خونه واقعی رو ایحاد نمیکنه ، شما باید عکس از محیط خونه بگیرید تبدیل به سه بعدی کنید ، بله اون‌موقع تری جی اس لودش میکنه و میتونی روی اون حرکت کنی

AmirHosseinMirzanezhad | کاربر
1403/12/10

من در نظر دارم یک سایت وردپرسی با استفاده از قالب Phlox Pro (فولکس پرو) راه‌اندازی کنم که در حوزه هوش مصنوعی فعالیت داشته باشد. طراحی مورد نظر من، کاملاً مشابه سایت ompfinex.com است و شامل ویژگی‌های زیر می‌باشد:

ساختار صفحه اصلی به ۱۶ بخش تقسیم شده به‌طوری که کاربر با ۱۶ بار اسکرول به پایین (تا فوتر) برسد.
بک‌گراند پویا و تعاملی: در هر بار اسکرول، پس‌زمینه با یک انیمیشن زیبا تغییر می‌کند.
افکت ذرات شن آبی‌رنگ: در هر بخش، ذرات شن به آرامی حرکت می‌کنند؛ با هر بار اسکرول، این ذرات ساختار فعلی را از بین می‌برند و در بخش بعدی ساختاری جدید ایجاد می‌کنند.
می‌خواستم بپرسم:
بعد از دوره شما میتونم این کارو کنم؟

مهرشاد براتی | مدرس
1403/12/15

سلام دوست عزیز ، این با gasp هست ، تمام موارد برای کار با مدل های سه بعدی و gsap گفته شده ، دیگه این خلاقیت خود شما هست که میتونید این موارد رو بچینید کنار هم

mohamadvahidi | کاربر
1403/12/01

کاشکی بخش بندی دوره رو واضح تر قرار میدادید .میخام دوره رو برای gsap خریداری کنم ولی نمیدونم کدوم یکی از این بخش بندیا برای gsapع

ahoora89 | کاربر
1403/11/30

سلام استاد مدت زمان این دوره تا چقد میره؟

مهرشاد براتی | مدرس
1403/11/30

سلام در این مدت تا ۱۴ ساعت ، در آپدیت های بعدی تا ۲۰ ساعت