آموزش اسلایدر تصویر با جاوا اسکریپت
Image Slider with JavaScript
در این کلاس ما می خواهیم یاد بگیریم که چگونه یک لغزنده تصویر چرخ فلک بسازیم، این یک پروژه عالی برای آزمایش مهارت های Front End شما و فرصتی عالی برای غنی سازی وب سایت نمونه کارها شما است.
برای اینکه این کلاس را دنبال کنید و بهترین استفاده را از آن ببرید، باید دانش اولیه ای در این زمینه داشته باشید:
- HTML
- CSS
- جاوا اسکریپت
اما نگران نباشید، من همه چیز را با سرعت بسیار آهسته پوشش می دهم و هر مرحله از فرآیند را توضیح می دهم، اگر سؤالی دارید، آنها را پست کنید و ما خوشحال می شویم به شما کمک کنیم :)
اکنون که یاد گرفتید چگونه یک نوار لغزنده تصویر چرخ فلک بسازید، با فلش های قابل کلیک، چالشی را به شما پیشنهاد می کنم.
یک پروژه مشابه این پروژه بسازید، اما با تغییر اسلایدهای تصویر به طور خودکار.
برای شروع، به شما راهنمایی می‌کنم، باید از یک تابع جاوا اسکریپت setTimeout استفاده کنید، و می‌توانید اطلاعات بیشتری در مورد آن در پیوند زیر بیابید.
https://www.w3schools.com/jsref/met_win_settimeout.asp
پروژه خود را پست کنید، و آن را با همه به اشتراک بگذارید، و اگر سوالی دارید، همه ما اینجا هستیم تا به شما کمک کنیم :)
درس ها Lessons
-
اتصال جاوا اسکریپت به Slider Dots Connecting JavaScript to Slider Dots
-
Css Transitions Css Transitions
-
اضافه کردن فلش های لغزنده Adding Slider Arrows
-
مقدمه Intro
-
اتصال جاوا اسکریپت Connecting JavaScript
-
بدنه HTML HTML Body
-
اضافه کردن نقاط لغزنده Adding Slider Dots
-
اتصال فلش های اسلایدر با جاوا اسکریپت Connecting Slider Arrows with JavaScript
درس ها Lessons
-
اضافه کردن فلش های لغزنده Adding Slider Arrows
-
اتصال جاوا اسکریپت به Slider Dots Connecting JavaScript to Slider Dots
-
اتصال فلش های اسلایدر با جاوا اسکریپت Connecting Slider Arrows with JavaScript
-
اتصال جاوا اسکریپت Connecting JavaScript
-
Css Transitions Css Transitions
-
اضافه کردن نقاط لغزنده Adding Slider Dots
-
مقدمه Intro
-
بدنه HTML HTML Body
https://donyad.com/d/67c8f4
Telmo Sampaio
من Telmo Sampaio هستم، یک توسعه دهنده وب کامل از منچستر، انگلستان. من دوست دارم آنچه را که می دانم از طریق دوره های آموزشی، تدریس و سخنرانی در کانال یوتیوب خود به اشتراک بگذارم. هر گونه سوالی با من در تماس باشید، دوست دارم شما را ملاقات کنم!
نمایش نظرات