آموزش انیمیشن وب را به روش ساده بیاموزید: مقدمه ای بر SVG و GSAP

Learn Web Animation the Easy Way: An Intro to SVG and GSAP

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

اگر شما یک توسعه دهنده front-end، طراح UI/UX یا فقط یک علاقه مندان به انیمیشن های وب هستید، از تکنیک های آموزش داده شده در این دوره بهره مند خواهید شد. ما از یک رویکرد مبتنی بر پروژه استفاده می‌کنیم تا شما را با قالب گرافیکی SVG و پلتفرم انیمیشن GreenSock آشنا کنیم - احتمالاً قدرتمندترین و کارآمدترین کتابخانه انیمیشن جاوا اسکریپت موجود امروز.

هنگام ساختن یک کارت تبریک متحرک پیچیده، یاد خواهید گرفت:

•چرا SVG امروز یک کالای داغ است

•مزایای استفاده از SVG

•درباره اشکال SVG و برچسب‌های سفارشی

•نحوه گنجاندن SVG در یک صفحه وب

•نحوه سازماندهی عناصر SVG برای انیمیشن وب

• بستر انیمیشن GreenSock چیست

• بسته‌های مختلف GreenSock و اینکه کدام را باید استفاده کنید، درک کنید

•GreenSock API و شش عملکرد اصلی توئینینگ آن

•همه چیز در مورد جدول زمانی و نحوه عملکرد آنها در GreenSock

•نحوه تقسیم پروژه SVG به صحنه

•نحوه ایجاد انیمیشن های جذاب و چشمگیر تکه تکه

•نحوه استفاده از جدول زمانی برای سازماندهی کل دنباله های انیمیشن خود

•و خیلی بیشتر...

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


سرفصل ها و درس ها

از اینجا شروع کنید Start Here

  • معرفی Introduction

از اینجا شروع کنید Start Here

  • معرفی Introduction

مبانی SVG SVG Basics

  • مروری بر SVG An Overview of SVG

  • SVG Basic Shapes & Primitives SVG Basic Shapes & Primitives

  • SVG Basic Shapes & Primitives SVG Basic Shapes & Primitives

  • چند ویژگی دیگر SVG A Few More SVG Features

  • چند ویژگی دیگر SVG A Few More SVG Features

مبانی SVG SVG Basics

  • مروری بر SVG An Overview of SVG

مبانی GreenSock GreenSock Basics

  • مقدمه ای بر GreenSock Introduction to GreenSock

  • مقدمه ای بر GreenSock Introduction to GreenSock

  • GreenSock عملی - قسمت 1 Hands-on GreenSock - Part 1

  • GreenSock عملی - قسمت 2 Hands-on GreenSock - Part 2

  • GreenSock عملی - قسمت 3 Hands-on GreenSock - Part 3

  • GreenSock عملی - قسمت 3 Hands-on GreenSock - Part 3

  • GreenSock عملی - قسمت 4 Hands-on GreenSock - Part 4

مبانی GreenSock GreenSock Basics

  • GreenSock عملی - قسمت 1 Hands-on GreenSock - Part 1

  • GreenSock عملی - قسمت 2 Hands-on GreenSock - Part 2

  • GreenSock عملی - قسمت 4 Hands-on GreenSock - Part 4

پروژه انیمیشن Animation Project

  • بررسی اجمالی پروژه Project Overview

  • بررسی اجمالی پروژه Project Overview

  • فایل های پروژه و ساختار پوشه Project Files & Folder Structure

  • پروژه انیمیشن - مرحله 1 Animation Project - Step 1

  • پروژه انیمیشن - مرحله 1 Animation Project - Step 1

  • پروژه انیمیشن - مرحله 2 Animation Project - Step 2

  • پروژه انیمیشن - مرحله 2 Animation Project - Step 2

  • پروژه انیمیشن - مرحله 3 Animation Project - Step 3

  • پروژه انیمیشن - مرحله 3 Animation Project - Step 3

  • پروژه انیمیشن - مرحله نهایی Animation Project - Final Step

پروژه انیمیشن Animation Project

  • فایل های پروژه و ساختار پوشه Project Files & Folder Structure

  • پروژه انیمیشن - مرحله نهایی Animation Project - Final Step

نمایش نظرات

نظری ارسال نشده است.

آموزش انیمیشن وب را به روش ساده بیاموزید: مقدمه ای بر SVG و GSAP
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
3 hours
15
Udemy (یودمی) udemy-small
19 آذر 1399 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
2,633
4.5 از 5
دارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Siggy Works Siggy Works

توسعه دهنده جاوا اسکریپت/علاقه مندان به SVG/کاریکاتوریست

Siggy Works Siggy Works

توسعه دهنده جاوا اسکریپت/علاقه مندان به SVG/کاریکاتوریست

Udemy (یودمی)

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

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