آموزش انیمیشن جاوااسکریپت: 9 پروژه بدون استفاده از کتابخانهها - آخرین آپدیت
دانلود JavaScript Animation : 9 Projects Without Libraries
آموزش ساخت انیمیشنهای جذاب با جاوااسکریپت خالص
سلام و خوش آمدید!
من Jayanta Sarkar هستم و بسیار خوشحالم که در این سفر جدید در دنیای انیمیشنهای خالص جاوااسکریپت با من همراه هستید. جایی که خلاقیت با کد ادغام میشود و اسکریپتهای ساده به صفحات وب شما جان میبخشند!
در این دوره، مستقیماً به سراغ ۱۲ پروژه عملی و منحصر به فرد انیمیشنی میرویم که فقط با جاوااسکریپت خالص ساخته شدهاند. بدون استفاده از کتابخانهها و میانبرها، فقط قدرت خالص جاوااسکریپت!
ما با جلوههای بصری خیرهکننده مانند انیمیشنهای متن درخشان و عنوانهای متحرک رنگارنگ شروع میکنیم تا حال و هوای خوبی ایجاد کنیم. سپس، تجربههای تعاملی مانند اسکرول پارالاکس و انیمیشنهای فعالشده با اسکرول را بررسی میکنیم تا وبسایتهای شما را واقعاً پویا کنیم.
شما همچنین عناصر UI سرگرمکننده و جذاب زیر را خواهید ساخت:
-
چشمهای متحرکی که مکان نما را دنبال میکنند
-
انتقالهای مبتنی بر Clip-path
-
و انواع استایلهای منوی تعاملی، از جمله منوهای دایرهای، عملکرد ضامن و منوی محبوب 9-نقطه ای ضامن.
اما این تمام ماجرا نیست - ما با انیمیشنهای محیطی مانند ستارههای چشمکزن، یک انیمیشن جادهای در حالت شب و حتی یک افکت متن موجی که بازدیدکنندگان شما را مجذوب میکند، به وب جان میبخشیم.
هر پروژه به گونهای طراحی شده است که نه تنها مهارتهای انیمیشنسازی شما را افزایش دهد، بلکه درک اصلی شما از جاوااسکریپت را نیز تقویت کند - از دستکاری DOM گرفته تا مدیریت رویدادها، از توابع زمانبندی تا ادغام CSS.
در پایان این دوره، شما یک نمونه کار قدرتمند از افکتهای انیمیشنی و یک پایه محکم در ساخت عناصر وب تعاملی و بصری جذاب با استفاده از فقط جاوااسکریپت خواهید داشت.
یادگیری انیمیشن با جاوااسکریپت
این دوره برای کسانی مناسب است که میخواهند با استفاده از جاوااسکریپت خالص، انیمیشنهای حرفهای و جذاب برای وبسایت خود ایجاد کنند. با ما همراه باشید تا دنیای انیمیشنهای جاوااسکریپتی را کشف کنید!
درسها Lessons
-
مقدمه Introduction
-
انیمیشن متن جاوا اسکریپت با جلوه درخشان قسمت ۱ JavaScript text animation with glowing effect part 1
-
انیمیشن متن جاوا اسکریپت با جلوه درخشان قسمت ۲ JavaScript text animation with glowing effect part 2
-
افکت پارالاکس وبسایت قسمت ۱ Website parallax Effect Part 1
-
افکت پارالاکس وبسایت قسمت ۲ Website parallax Effect part 2
-
چشمان متحرک دنبالکننده نشانگر ماوس Animated Eyes Follow Mouse Cursor
-
چشمان متحرک دنبالکننده نشانگر ماوس با افزودن جاوا اسکریپت Animated Eyes Follow Mouse Cursor adding javascript
-
انیمیشن متن رنگارنگ Colorful text animation
-
انیمیشن کلیپ پث با استفاده از جاوا اسکریپت قسمت ۱ Clip Path animation using JavaScript Part 1
-
انیمیشن کلیپ پث با استفاده از جاوا اسکریپت قسمت ۲ Clip Path animation using JavaScript Part 2
-
انیمیشن اسکرول تریگر قسمت ۱ Scroll Trigger animation part 1
-
انیمیشن اسکرول تریگر قسمت ۲ Scroll Trigger animation part 2
-
انیمیشن اسکرول تریگر قسمت ۳ Scroll Trigger animation part 3
-
انیمیشن ستاره چشمکزن با استفاده از جاوا اسکریپت قسمت ۱ Blinking star animation using JavaScript part 1
-
انیمیشن ستاره چشمکزن با استفاده از جاوا اسکریپت قسمت ۲ Blinking star animation using JavaScript part 2
-
انیمیشن جاده حالت روز – حالت شب قسمت ۱ Day mode night mode Road animation part 1
-
انیمیشن جاده حالت روز – حالت شب قسمت ۲ Day mode night mode Road animation part 2
-
منوی ناوبری دایرهای با استفاده از جاوا اسکریپت Circular navigation menu using javascript
https://donyad.com/d/7bc2c4
Jayanta Sarkar
سلام، من جایانتا هستم.
پس از فارغ التحصیلی و اخذ مدرک در رشته "فناوری اطلاعات"، حرفه حرفه ای من آغاز شد، شروع به توسعه وب و حرفه طراحی گرافیک در سال 2018، من هرگز از یادگیری مهارت های برنامه نویسی جدید دست نکشیدم.
من مهارت های توسعه وب و طراحی گرافیک را در آرنا انیمیشن می آموزم. اما بیشتر مهارت های من مهارت های خودآموز است. بهعنوان یک توسعهدهنده و طراح گرافیک خودآموخته، این شانس را داشتم که با معنی شرکتهای فناوری اطلاعات محلی کار کنم تا وبسایتهایشان را بسازم و کارمندانشان را در زمینه برنامهنویسی وب آموزش دهم.
نمایش نظرات