انیمیشن صفحه فرود: چالش جلویی

Summarize this content to 400 words in Persian Lang
این ارسالی برای Frontend Challenge نسخه 24.07.24، Glam Up My Markup: Recreation است.

چیزی که من ساختم

در این چالش، من به طور خاص روی قسمت انیمیشن تمرکز کرده ام. قاعده عدم ویرایش قالب html داده شده را به شدت رعایت کنید. هدف این پروژه این است که قالب html داده شده را با استفاده از css و جاوا اسکریپت (دستکاری dom) کمی جذاب کند.

نسخه ی نمایشی

در بالا یک اسکرین شات پیوست شده است که نشان می دهد صفحه فرود اصلی چگونه به نظر می رسد. با این حال، اگر می خواهید انیمیشن را ببینید، باید به صفحه مراجعه کنید. من پروژه را در github میزبانی کرده ام. می توانید مخزن و همچنین صفحه میزبانی شده را در صفحات github بررسی کنید.

سفر

این اولین بار است که در چنین مسابقه ای شرکت می کنم. من از 2-3 سال گذشته وارد توسعه وب هستم. اما، هرگز عمیقاً وارد انیمیشن‌های css نشدید. من کمی دیر متوجه این چالش شدم. بنابراین، من حدود 2 روز وقت گذاشتم تا این را از ابتدا بسازم. بازنگری تمام انیمیشن های css، ویژگی های انتقال و دستکاری dom با استفاده از جاوا اسکریپت واقعاً سرگرم کننده بود.

فکر می کنم مهم ترین چیزی که به خاطر این چالش یاد گرفتم اضافه کردن مجوز به کد است. این پروژه تحت مجوز عمومی GNU نسخه 3.0 مجوز دارد. منتظر مسابقات بیشتری از این دست هستیم.