آموزش تقویت UI های وب با Parallax Scrolling

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

Origins of Styling Scroll The Origins of Styling Scroll

• منشأ پیمایش و محتوای دوره آینده The Origins of Scrolling and the Upcoming Course Content

تکنیک های ساده CSS Simple CSS Techniques

• روش ثابت موقعیت Position Fixed Method

• پیوست پس زمینه روش ثابت Background Attachment Fixed Method

تکنیک پیشرفته CSS Advanced CSS Only Technique

• اصول ساخت عناصر با نرخ های مختلف پیمایش کنید The Basics of Making Elements Scroll at Different Rates

• ایجاد صحنه منظره با توهم عمق Creating a Landscape Scene with the Illusion of Depth

تکنیک ساده جاوا اسکریپت Simple JavaScript Technique

• معرفی JavaScript و ارتباط آن با پیمایش Intro to JavaScript and How It Relates to Scrolling

• ایجاد عناصر منظره که به عنوان پیمایشهای صفحه ظاهر می شوند Creating Landscape Elements That Appear as the Page Scrolls

استفاده از GSAP برای پیمایش Using GSAP for Scrolling

• مقدمه استفاده از کتابخانه جاوا اسکریپت GSAP Intro to Using the GSAP JavaScript Library

• مبانی ایجاد توئین مشترک The Basics of Creating a Common Tween

• بررسی انیمیشن وب سایت نمایشی ایجاد شده با GSAP Examining the Demo Website Animation Created with GSAP

بررسی و الهام بخش Review and Inspiration

• مرور تکنیک ها و وب سایت های الهام بخش Review of Techniques and Inspirational Websites