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

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

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

معرفي

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

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