آموزش دوره کامل GSAP برای سال 2021

The Complete GSAP Course for 2021

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: ایجاد صفحات وب متحرک از Scratch با GSAP

آنچه خواهید آموخت

  • مفاهیم اساسی GSAP را بیاموزید
  • ایجاد انیمیشن های تحت وب
  • نحوه استفاده از GSAP با CSS ، HTML و JavaScript را بیاموزید
  • ایجاد یک صفحه وب متحرک کاملاً کاربردی
  • نمایش SVG را در وب سایت خود زنده کنید
  • در زیر گرافیک نشانگر ایجاد کنید

در این دوره شما GSAP قوی ترین کتابخانه پویانمایی جاوا اسکریپت با کارایی بالا در این سیاره را بررسی می کنید ، که توسط Google برای انیمیشن های مبتنی بر JS توصیه شده است و هر شبکه تبلیغاتی اصلی آن را از محاسبات اندازه فایل حذف می کند. انیمیشن جاوا اسکریپت HTML5 که برای متخصصان ساخته شده است ، GSAP دارای ویژگی هایی است که اکثر موتورهای دیگر را شبیه اسباب بازی های ارزان قیمت می کند. رنگ ها ، beziers ، ویژگی های css ، آرایه ها ، پیمایش ها و موارد دیگر را متحرک کنید. مقادیر گرد ، به آرامی معکوس می شوند () ، از مقادیر نسبی استفاده می کنند ، به طور خودکار توابع getter/setter را تطبیق می دهند ، تقریباً هر معادله ای را به کار می گیرند.

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

این دوره به شما یک بنیاد عالی برای ساخت وب سایت های متحرک از ابتدا می دهد. حتی اگر شما باید مبتدی کامل باشید نگران نباشید! ما برای هر قطعه نرم افزاری که نیاز به استفاده از GSAP دارید، به راحتی می توان بخش های مقدماتی را درک کرد. شما زبان های توسعه وب اصلی مانند CSS، HTML و جاوا اسکریپت را یاد خواهید گرفت.

GSAP ساخت انیمیشن های حرفه ای را در صفحه وب شما بسیار آسان می کند. در واقع در چند سال گذشته ، وب سایت هایی که جایزه سالانه "بهترین وب سایت سال" را دریافت می کنند ، همه بر روی GSAP نوشته شده اند.

با GSAP می توانید:

- ایجاد اشیاء تصادفی متحرک

- تقلید از طراحی دستی فایل های SVG

- ایجاد انیمیشن های دنبال کننده مکان نما

- صفحات متحرک صفحه وب

- حرکات سهولت مختلف

این دوره برای چه کسانی است:

  • مبتدیان برنامه نویس توسعه دهنده
  • توسعه دهندگان وب مبتدی
  • حرفه ای هایی که مایلند انیمیشن های GSAP را به وب سایت خود اضافه کنند
  • دانشجویان توسعه وب
  • توسعه دهندگان حرفه ای Front End
  • صاحبان مشاغل

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

معرفی Introduction

  • نکات مهم و ناوبری دوره Important Notes and Course Navigation

  • کد منبع Source Code

مقدمه ای بر HTML5 Introduction to HTML5

  • ایجاد فایلهای HTML Create HTML Files

  • برچسب ها و ساختار صفحه HTML Tags & HTML Page Structure

  • سرفصل ها و متن ها Headings and Texts

  • Inline ، Block Level Elements و پیوندها Inline, Block Level Elements and Links

  • ویژگی های زمینه: پیام ، ایمیل ، سن ، تاریخ Field Attributes: Message, Email, Age, Date

  • دکمه ها ، بارگذاری تصویر و اندازه Buttons, Image Upload and Sizing

  • نقل قول ها ، نقل قول ها و اختصارات Quotations, Citations and Abbreviations

  • تغییر صفحه Page Switching

مقدمه ای بر CSS Introduction to CSS

  • راه اندازی یک پروژه CSS Set Up a CSS Project

  • تنظیم رنگ با CSS Set Colors with CSS

  • قلم های خود را با CSS طراحی کنید Design Your Fonts with CSS

  • شناسه ها و ظروف IDs and Containers

  • جعبه حاشیه ، حاشیه و پدینگ Box Margin, Border and Padding

  • ایجاد فرم با CSS Creating Forms with CSS

  • صفحه اول CSS خود را ایجاد کنید Create Your First CSS Page

مقدمه ای بر جاوا اسکریپت Introduction to JavaScript

  • انواع داده ها و بیانیه های کنسول Data Types and Console Statements

  • روش ها و آرایه ها Methods and Arrays

  • حلقه ها: For ، while ، If و Switch Loops: For, While, If and Switch

  • توابع و کلاس ها Functions and Classes

  • از عناصر HTML در جاوا اسکریپت استفاده کنید Use HTML Elements in JavaScript

انیمیشن های وب GSAP GSAP Web Animations

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

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

  • یک انیمیشن ساده GSAP A Simple GSAP Animation

  • راه اندازی پروژه HTML و CSS HTML and CSS Project Set Up

  • جنبش GSAP GSAP Movement

  • انواع تندرست Bouncing Types

  • افزودن شی دوم Adding Second Object

  • ظاهر GSAP GSAP Appearance

  • همگام سازی چند شیء Multiple Objects Synchronization

  • همگام سازی پیشرفته Advanced Synchronization

ایجاد صفحه وب GSAP Building a GSAP Web Page

  • راه اندازی و مرور پروژه Project Set Up and Overview

  • طراحی یک شی متحرک تصادفی Design Randomly Movable Object

  • اندازه را ترک کنید Leave Size

  • برگ های درون خطی Inline Leaves

  • تغییر اندازه پس زمینه وب سایت Resize Website Background

  • ظاهر مکان نما Cursor Appearance

  • ترسیم SVG Drawing an SVG

نمایش نظرات

Udemy (یودمی)

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

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

آموزش دوره کامل GSAP برای سال 2021
جزییات دوره
4h 10m
39
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
9,075
از 5
ندارد
ندارد
ندارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Martin Yanev Martin Yanev

مهندس نرم افزار

اسم من مارتین یانف یک مهندس نرم افزار هوافضا بین المللی تحسین شده است.

من یک مدرک لیسانس در مهندسی هوانوردی و دو مدرک کارشناسی ارشد در دینامیک هوافضا و مهندسی نرم افزار دارم. من عضو وابسته انجمن سلطنتی هوانوردی در بریتانیا هستم. من دارای گواهینامه ISTQB با تجربه قوی در تست/ادغام سیستم هستم.

من مهارت های برنامه نویسی قوی خود را در 7 سال گذشته با توسعه و آزمایش الگوریتم های نرم افزاری پیچیده برای برنامه های هوافضا به دست آورده ام. من در حال حاضر در پروژه آسمان واحد اروپایی هستم که هدف آن افزایش ظرفیت فضای هوایی اروپا با استفاده از پیشرفته ترین سیستم های مدیریت ترافیک هوایی است.

در مورد هر موضوع مرتبط با علوم کامپیوتر و مهندسی هوافضا با من تماس بگیرید زیرا من واقعاً به این زمینه ها علاقه دارم.

امیدوارم از دوره های من لذت ببرید و پیشرفت شغلی خود را با آنها بهبود بخشید.

Plamen Yanev Plamen Yanev

Petya Yaneva Petya Yaneva

Front-End Web Developer سلام ، اسم من پتیا یانوا است. من 24 ساله هستم و توسعه دهنده وب Front-End هستم. من در ساختن وب سایت و تمام فناوری هایی که با آن کار می کنند مهارت های خوبی دارم. در صورت تمایل با من در مورد هر موضوع مرتبط با توسعه وب تماس بگیرید زیرا من واقعاً به این زمینه علاقه دارم.