סטודנטים/ות יקרים/ות!

הפוסט הנ"ל הינו סיכום קצר של השיעור בנקודות + מכיל את הקבצים שתורגלו בכיתה במהלך השיעור.
אם החומר לא מובן, אפשר לשלוח לי מייל או להתקשר : 050-555-6693 (אשתדל לענות, אם לא שלחו SMS ואחזור אליכם)

זכרו כי המפתח להצלחה הינו תרגול

javascript שיעור 9 , localStorage,JSON

שלום לכולן,

בתחילת השיעור עבדתן על ה JSON הבא:  https://gist.githubusercontent.com/dpetersen/1237910/raw/6ceb2161f756d4b4d5c22754d1ed8d869249f186/product_grid.js

הצגתם את המוצרים בדף html בכרטיסיות עם המוצר , תמונה, וקישור.

לאחר מכן למדנו על LOCALSTORAGE, ולמה צריך את זה.

ראינו איך שומרים נתונים ב localstorage ואיך משתמשים בהם.

והכרנו את הפונקציות הבאות :  JSON.parse , JSON.stringify  שנותנות לי להפוך json ל string וההפך.

 

שיעורי בית:

צרו בבקשה את הרשימת קניות הבאה כמו שכבר עשינו בעבר , ושמרו את הנתונים ב LocalStorage.

הכוונה – צריך ליצור מערך שיכיל את כל הרשימה. כל פעם להוסיף אליו נתונים, ולשמור אותו מחדש ב LocalStorage. עם שימוש ב json parse ו json stringify .

שימו לב לנקודות הבאות:

  1. עדכון מערך גלובלי של פריטים , להוסיף לו את השם החדש של המוצר
  2. הוספה של המוצר ל html , לאותו איזור שבו יש את שאר המוצרים (לרשימה)
  3. שמירה של המערך בלוקלסטורג' במקום המערך הישן.

בהצלחה!

 

קבצי השיעור להורדה

סגירת תפריט