
لینک کوتاه : https://magicfile.ir/?p=2294
اسکریپت برنامه دستور العمل ساده در جاوا اسکريپت
در این پست برای شما کاربران عزیز وبسایت فایل سحرآمیز یک اسکریپت برنامه دستور العمل ساده در جاوا اسکريپت را آماده دانلود قرار داده ایم.
معرفي
اين يک پروژه کوچک به نام برنامه دستور العمل ساده است. اين يک برنامه وب ساده است که به کاربر اجازه مي دهد ليست دستور پخت خود را ذخيره و مديريت کند. اين برنامه با استفاده از 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
برای شما کاربر عزیز پیشنهاد دانلود داده می شود
فایل های که ممکن است نیاز داشته باشید

دانلود اسکریپت سیستم رزرواسیون پذیرایی آنلاین با استفاده از کد منبع PHP

دانلود اسکریپت کد منبع سیستم مدیریت باغ وحش در PHP با پایگاه داده MySQL

دانلود اسکریپت سیستم مدیریت وقت ملاقات (نوبت دهی) پزشکی با php

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

دانلود اسکریپت سیستم مدیریت تاکسی آنلاین در کد منبع PHP/OOP
