הנדסה אזרחית & הנדסה מבנית
דוגמה בעולם האמיתי: בניית אפליקציה ל-Douic To-do עם Javascript ו- Local Storage
Table of Contents
יצירת אפליקציית רשימת to-do היא פרויקט משותף ללמידה JavaScript. זה עוזר להבין כיצד לתמרן את ה-DOM, לטפל באירועים ולאחסן נתונים באופן מקומי.שימוש באחסון מקומי מאפשר לאפליקציית לזכור משימות גם לאחר סגירת הדפדפן.
הקמת מבנה HTML
האפליקציה דורשת פריסת HTML פשוטה עם קלט למשימות חדשות, כפתור להוסיף משימות, ורשימה להציג אותן.
מבנה דוגמה:
וידוי: דיד ="app" >
וידוי: סוג ="טקסט" id="taskInput" בעל המקום ="Enter משימה חדשה" >
וידוי: Button id="ad Button" >Add Task </button >
וידוי: id="taskList" & gt; <
אנגלית:div & gt;
יישום פונקציות JavaScript
JavaScript מנהלת הוספה, הסרת ואחסון משימות.זה מטיס משימות מאחסון מקומי על עומס דף ומעדכן את התצוגה בהתאם.
פונקציות מפתח כוללות:
- (ב) ויקרא י"ד: "וַיְּהִיא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא הוּא .
- (ב) ,0) ,(ב) ,(ב) ,(ב) ,(ב) ,(ה) ,הופנה מהדף מסירה משימה מהרשימה ומחסימת האחסון.
- (ב) ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇
מאזינים לאירוע מחוברים לטיפול בלחצנים וביטלי משימה.
שימוש באחסון מקומי
אחסון מקומי מאחסן משימות כמחרוזת JSON. כאשר האפליקציה נטען, היא משחזרת ומפצה נתונים אלה כדי להציג משימות קיימות.כל תוספת או הסרת עדכונים הנתונים המאוחסנים.
גישה זו מבטיחה עקשנות נתונים ללא אחסון בצד השרת, מה שהופך את היישום פשוט ויעיל למטרות למידה.