
لینک کوتاه : 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 و SQLite

دانلود اسکریپت فروشگاه آنلاین کتاب به زبان PHP

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

نمونه اسکریپت شبکه اجتماعی شبیه به توییتر با پی اچ پی( social network script similar to Twitter with PHP )
