שיעור 19 – TASK, JSON, LOCALSTORAGE

שלום לכולם,

השיעור עשינו חזרה על עבודה עם JSON

ולאחר מכן קיבלתם משימה לביצוע בכיתה, משימה עם חומר שטרם הכרתם, במטרה לראות איך אתם מתמודדים.

המשימה היתה לפי העיצוב הבא:

המשימה היתה ליצור תוכנית עם קאנבס, שתאפשר למשתמש להזין ערך שהוא מספר שמייצג רדיוס, וברגע שהוא לוחץ על הכפתור בקאנבס נוצר עיגול עם הרדיוס שהמשתמש הגדיר.

לאחר מכן, למדנו על LOCALSTORAGE.

ראינו איך שומרים בדפדפן של המשתמש ערך מסוג טקסט, ואיך שומרים ערך מסוג אובייקט.

הכרנו את הפקודות JSON.parse / JSON.strigify

שיעורי בית:

אני מבקש ממכם לבנות מחדש את הפרויקט של הפתקים, הפעם כמתכנתים קצת יותר רציניים עם יותר ידע.
כמה דגשים:

1. את האלמנטים תצרו בצורה דינאמית עם שימוש בכל הדרכי גישה ל DOM שלמדנו, כמו createElement
2. תצרו קלאס ב JAVASCRIPT שמייצג פתקית, וכל פעם שמשתמש מוסיף פתק, תצרו אובייקט חדש על בסיס הקלאס.
3. תשמרו את כל הפתקים במערך,  ותשמרו את המערך ב localstorage
4. שעוברים עם העכבר על פתק – יופיע סימן של X – נסו לחקור איך אפשר לעשות מחיקה (נלמד בהמשך)
5. שהדף נטען, תמשכו את המערך עם כל הפתקים מ localstorage , ותציגו למשתמש את הפתקים שהוא יצר מלפני.
6. שמשתמש מוסיף פתק, תדאגו לעדכן את ה localstorage עם הפתק החדש.

בהצלחה!

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