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

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

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

معرفی

این یک پروژه کوچک به نام برنامه دستور العمل ساده است. این یک برنامه وب ساده است که به کاربر اجازه می دهد لیست دستور پخت خود را ذخیره و مدیریت کند. این برنامه با استفاده از 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

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