آموزش افکت های انیمیشنی با JavaScript + نمونه‌های عملی | فرادرس
close icon جشنواره سال نو
۱۲ثانیه
:
۴۱دقیقه
:
۰۵ساعت
:
۰۱روز

آموزش افکت های انیمیشنی با JavaScript + نمونه‌های عملی

Poster
volume high icon
پخشplay video icon
۰۰:۰۰
play video icon
volume high icon
/
۱x
quality video icon
pip video iconfullscreen icon

جاوا اسکریپت چیست؟

جاوا اسکریپت (JavaScript) نوعی زبان برنامه‌نویسی سطح بالا است که برای توسعه وب و ایجاد تعاملات پویا در صفحات وب استفاده می‌شود. این زبان برنامه‌نویسی با ویژگی‌هایی مانند ایجاد امکان کلیک کردن روی دکمه‌ها، ارسال فرم‌ها و تغییر محتوا به‌صورت زنده، به کاربران امکان می‌دهد تا با عناصر مختلف وب‌سایت‌ها ارتباط برقرار کنند. جاوااسکریپت می‌تواند در کنار HTML و CSS، یک تجربه کاربری جذاب و پویا را برای بازدیدکنندگان سایت‌ها ایجاد کند.

اهمیت یادگیری  ایجاد افکت‌های انیمیشنی با جاوا اسکریپت چیست؟

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

در این فرادرس چه چیزی یاد می‌گیریم؟

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

مفید برای
  • طراحان سایت
  • طراحان گرافیک
مشاهده بیشترangle down icon
graduate student icon

۱۰۸دانشجو

case icon

۵۸۶+ فرصت‌ شغلی مرتبط

در مطرح‌ترین سایت‌های کاریابی
محتوای این آموزش
file video icon

۲ ساعت آموزش ویدئویی

setting icon

فایل برنامه‌ها و پروژه‌ها

question icon

تالار پرسش‌ و ‌پاسخ

سرفصل‌ها
۱۱ درس در قالب ۵ فصلبستن همه فصل‌ها
فصل ۱. انیمیشن‌های مقدماتی
angle icon
video icon
نوشته‌های درخشان۱۴:۰۵
play icon
video icon
افکت اسکرول – آموزش Clip Path۰۹:۲۳
lock icon
video icon
افکت حرکت دادن پس‌زمینه با اسکرول۰۸:۴۵
lock icon
فصل ۲. انیمیشن برای اشیای تعاملی
angle icon
video icon
افکت کارت‌های قابل گسترش۱۴:۲۶
lock icon
video icon
ساخت منوهای مدور۰۷:۲۸
lock icon
video icon
طراحی منو ناوبری۰۹:۰۲
lock icon
فصل ۳. انیمیشن‌های حرفه‌ای
angle icon
video icon
طراحی بنر صفحه فرود۱۲:۰۷
lock icon
video icon
افکت‌های پیچیده – طراحی بنر صفحه فرود۰۵:۴۸
play icon
video icon
ساخت انیمیشن موازی برای سایت‌ها۰۹:۵۹
lock icon
فصل ۴. راهنمایی ادامه مسیر
angle icon
video icon
جمع‌بندی و نتیجه مباحث۰۴:۳۹
lock icon
video icon
ادامه یادگیری۰۲:۵۴
lock icon
فصل ۵. تمرین‌ها
angle icon
فایل‌های همراه
angle icon
مدرس
ساسان سلطان احمدی
ساسان سلطان احمدی

دانشجوی کارشناسی ارشد هوش مصنوعی

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

نرم‌افزارهای مرتبط با آموزش

warranty icon تضمین کیفیت

کیفیت این آموزش توسط فرادرس تضمین شده است. در صورت عدم رضایت از آموزش به انتخاب شما:

  • badge check icon۱۰۰ ‌درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
  • badge check icon۷۰ ‌درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.
توضیحات بیشترarrow left icon
comment icon نظرات
star border۵(میانگین امتیاز کاربران)
دسته‌بندی موضوعی:جاوااسکریپت
برچسب‌ها:clip path|آموزش افکت های انیمیشنی با جاوا اسکریپت|افکت اسکرول با جاوا اسکریپت|افکت پارالکس با جاوا اسکریپت|افکت روی نوشته با جاوا اسکریپت|انیمیشن برای اشیای تعاملی|انیمیشن حرفه ای با جاوا اسکریپت|انیمیشن موازی برای سایت|طراحی بنر صفحه فرود|طراحی منو ناوبری
festival icon
۰۵:۴۱:۱۱
یک روز +
تا پــایـــان تخفیــــــــف
%۷۵۶۹۰,۰۰۰
۱۷۲,۵۰۰تومان