اسکریپت برنامه دستور العمل ساده در جاوا اسکریپت

توضیحات کوتاه و لینک دانلود
در این پست برای شما کاربران عزیز وبسایت فایل سحرآمیز یک اسکریپت برنامه دستور العمل ساده در جاوا اسکریپت را آماده دانلود قرار داده ایم.

دانلود - Download

لیست فایل های مشابه

توضیحات کامل در مورد فایل

اسکریپت برنامه دستور العمل ساده در جاوا اسکریپت

در این پست برای شما کاربران عزیز وبسایت فایل سحرآمیز یک اسکریپت برنامه دستور العمل ساده در جاوا اسکریپت را آماده دانلود قرار داده ایم.

معرفی

این یک پروژه کوچک به نام برنامه دستور العمل ساده است. این یک برنامه وب ساده است که به کاربر اجازه می دهد لیست دستور پخت خود را ذخیره و مدیریت کند. این برنامه با استفاده از HTML، CSS و جاوا اسکریپت توسعه یافته است. ویژگی های این پروژه با کتابخانه jQuery به دست آمد. این برنامه از Bootstrap v5 Framework برای طراحی استفاده می کند. این می تواند به کاربر کمک کند تا به راحتی لیست دستور پخت خود را ذخیره، بازیابی و مدیریت کند. رابط کاربری ساده و دلنشینی دارد و قابلیت های کاربرپسندی دارد.

من این پروژه را با استفاده از موارد زیر توسعه دادم:

  • HTML
  • CSS
  • جاوا اسکریپت
  • بوت استرپ نسخه 5
  • فونت - عالی

این برنامه ساده ساده شامل عملیات CRUD یا (ایجاد، خواندن، به روز رسانی، و حذف) عملکردها است. این اپلیکیشن یک اپلیکیشن تک صفحه ای است به این معنی که تمامی ویژگی ها و قابلیت های پروژه بدون خروج از صفحه یا بارگذاری مجدد صفحه کار می کند. با استفاده از کتابخانه jQuery، کدهای دستکاری DOM جاوا اسکریپت کاهش می یابد. برنامه فقط از LocalStorage به عنوان پایگاه داده یا به عنوان ذخیره سازی داده استفاده می کند. این برنامه همچنین دارای ویژگی های جستجو و مشاهده است. هر بار که کاربر چیزی را در کادر جستجو وارد می کند یا وارد می کند، ویژگی جستجو فعال می شود.

در اینجا، می‌توانید نحوه دستکاری DOM در جاوا اسکریپت را بیاموزید و در مورد نحوه مدیریت داده‌های آرایه یا JSON در جاوا اسکریپت اطلاعاتی خواهید داشت. رابط کاربری اپلیکیشن با فریم ورک bootstrap v5 توسعه یافته است. همچنین حاوی یک اعتبارسنجی ساده پس از تولید رمز عبور با مقدار فیلدهای فرم نامعتبر است.

امکانات

  • اپلیکیشن تک صفحه ای
  • افزودن دستور العمل جدید
  • لیست همه دستور العمل ها
  • به روز رسانی جزئیات دستور غذا
  • مشاهده جزئیات دستور غذا
  • حذف جزئیات دستور غذا
  • دستور غذا را از لیست جستجو کنید
  • به صورت پویا مواد را در هر دستور غذا اضافه و حذف کنید

کد منبع فقط برای اهداف آموزشی ایجاد شده است. می توانید کد منبع را به روشی که می خواهید تغییر دهید.

نمونه عکس از برنامه

نحوه اجرا

فایل زیپ کد منبع ارائه شده را دانلود کنید. (دکمه دانلود در زیر قرار دارد)
فایل فشرده کد منبع دانلود شده را در محل مورد نظر خود استخراج کنید.
برنامه Simple Recipe را در مرورگر مرور کنید. یعنی file:///C:/users/default/desktop/recipe_app/index.html

برای شما کاربر عزیز پیشنهاد دانلود داده می شود

برای دریافت ( اسکریپت برنامه دستور العمل ساده در جاوا اسکریپت ) کلیک فرمایید

نظرات کاربران

ارسال کننده نظر آرمينه - 2023/2/02 12:49:22 am
تشکر مي کنم از استاد از اينکه اين فايل رو قرار داديد دانلود کردم خوب و کامل بود
 
پاسخ پشتیبانی فایل سحر آمیز
سلام نظر لطف شماست
 
ارسال کننده نظر پرنيان - 2023/1/05 9:55:36 pm
خسته نباشيد عزيز من اين فايل رو دانلود کردم بسيار عالي بود
 
پاسخ پشتیبانی فایل سحر آمیز
سلام خواهش ميکنيم