آموزش دوره کامل GSAP برای سال 2021
The Complete GSAP Course for 2021
آنچه خواهید آموخت
- مفاهیم اساسی 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
https://donyad.com/d/597b
Martin Yanev
مهندس نرم افزار
اسم من مارتین یانف یک مهندس نرم افزار هوافضا بین المللی تحسین شده است.
من یک مدرک لیسانس در مهندسی هوانوردی و دو مدرک کارشناسی ارشد در دینامیک هوافضا و مهندسی نرم افزار دارم. من عضو وابسته انجمن سلطنتی هوانوردی در بریتانیا هستم. من دارای گواهینامه ISTQB با تجربه قوی در تست/ادغام سیستم هستم.
من مهارت های برنامه نویسی قوی خود را در 7 سال گذشته با توسعه و آزمایش الگوریتم های نرم افزاری پیچیده برای برنامه های هوافضا به دست آورده ام. من در حال حاضر در پروژه آسمان واحد اروپایی هستم که هدف آن افزایش ظرفیت فضای هوایی اروپا با استفاده از پیشرفته ترین سیستم های مدیریت ترافیک هوایی است.
در مورد هر موضوع مرتبط با علوم کامپیوتر و مهندسی هوافضا با من تماس بگیرید زیرا من واقعاً به این زمینه ها علاقه دارم.
امیدوارم از دوره های من لذت ببرید و پیشرفت شغلی خود را با آنها بهبود بخشید.
Plamen Yanev
Petya Yaneva
Front-End Web Developer سلام ، اسم من پتیا یانوا است. من 24 ساله هستم و توسعه دهنده وب Front-End هستم. من در ساختن وب سایت و تمام فناوری هایی که با آن کار می کنند مهارت های خوبی دارم. در صورت تمایل با من در مورد هر موضوع مرتبط با توسعه وب تماس بگیرید زیرا من واقعاً به این زمینه علاقه دارم.
نمایش نظرات