چندین تسک ساده برای یک پروژه ی جاوااسکریپت درنظر گرفته شده که باید انجام داده بشه . توضیحات رو در زیر مینویسم :
بودجه : 500 هزار تومان
هدف: ایجاد و بهبود یک برنامه وب واکنشپذیر با استفاده از محتوای پویا و ویژگیهای تعاملی با استفاده از JavaScript و jQuery، اجرای اعتبارسنجی قوی برای فرمها، و پردازش دادهها از طریق درخواستهای AJAX به منابع JSON یا XML. این پروژه با هدف نشان دادن درک عمیقی از اسکریپتهای سمت کلاینت، بازیابی دادهها به صورت ناهمزمان، و استفاده عملی از ادغام API خارجی برای ایجاد تجربه وب غنی و کاربرپسند طراحی شده است.
استفاده از یک قالب برای این پروژه دوم خوب است تا ببینید چطور یک قالب از قبل تمام شده را دانلود و ویرایش میکنید (این اجباری نیست، میتوانید با پروژه اول خود ادامه دهید). برای این کار میتوانید به دنبال چند قالب یا قالب bootstrap بگردید.
این قالبها طراحی رابط کاربری دارند که میتوانید آن را ویرایش و محتوای خود را اضافه کنید. هنگامی که یک قالب را دانلود کردید، باید فایلها و پوشههایی که نیاز ندارید را حذف کنید.
1. گالری تعاملی: ایجاد یک گالری تصویر تعاملی که کاربران میتوانند بر روی تصاویر کوچک کلیک کنند تا نسخه بزرگتر تصویر را مشاهده کنند. پنجرههای مودال برای مشاهده تصاویر اجرا کنید.
2. تغییر محتوا: اضافه کردن دکمهها یا لینکهایی که هنگام کلیک، قسمتهایی از محتوا را قابل مشاهده/پنهان میکنند (مانند سوالات متداول، توضیحات محصول).
3. تغییر تم: اجرای ویژگی امکان تغییر بین رنگها یا اندازههای فونت مختلف برای وبسایت.
4. منوی آکاردئون: ایجاد منوی آکاردئون برای سوالات متداول یا دستهبندیهای محصول که هنگام کلیک باز/بسته میشود.
5. اعتبارسنجی فرم پیشرفته: افزودن فیلدهای جدید به فرم تماس (مانند انتخاب تاریخ، نشانگر قدرت رمز) و اجرای اعتبارسنجی دقیق (مانند فرمت ایمیل معتبر، معیارهای رمز، فیلدهای لازم). برای این کار از کتابخانه اعتبارسنجی jQuery استفاده میکنیم.
6. محتوای محرک داده: بارگذاری محتوا (مانند مطالب وبلاگ، نظرات کاربر، لیست محصولات) به برنامه وب با استفاده از فایلهای JSON یا XML از طریق AJAX. این عمل شبیه به بازیابی داده از یک سرور یا API است.
7. ارسال فرم با AJAX: ارتقاء فرم برای ارسال داده با استفاده از AJAX، نمایش پیام موفقیت یا خطا بدون بارگذاری مجدد صفحه.
8. اطلاعرسانیها: پیادهسازی پیامهای toastr برای پیامهای موفقیت یا خطا.
9. برنامه وب تک برگ: پیادهسازی برنامه وب تک برگ. ما یاد میگیریم چطور از spapp استفاده کنیم.
10. مشاهده بیشتر: پیادهسازی گزینه مشاهده بیشتر برای باز کردن جزئیات در یک صفحه جدید.
11. گزینههای ویرایش و حذف: پیادهسازی گزینههای ویرایش و حذف برای یک موجودیت از فای
ل JSON بازیابی شده.
12. اختیاری: ادغام API RESTful خارجی: ادغام یک API RESTful خارجی (مانند OpenWeatherMap برای دادههای آب و هوا، News API برای مقالات خبری) برای بازیابی و نمایش دادهها به صورت دینامیک. اطمینان از پردازش خطا برای درخواستهای ناموفق یا نبود دادهها.
لطفا از انجام این پروژه مطمئن بشید و سپس پیشنهاد بدید