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

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

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

javascript שיעור 9 – נשים וובסקול

שלום לכולן,

השיעור למדנו מספר דברים :

Localstorage – מהו, איך עובדים איתו, איך שומרים בו נתון בודד, אובייקט או מערך.

תרגלנו את העבודה עם ה localstorage במספר תרגילים.

בנוסף- למדנו פונקציות מתקדמות של javascript למיון מערכים, בינהם:

filter

reduce

map

sort

מה כל אחת עושה ומה ההבדלים בינהם.

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

 

שיעורי בית :

  1. כתבו פונקציה שמקבלת מערך שכל התאים בו הם string , ומחזירה לי את המילה הכי ארוכה
  2. כתבו פונקציה שמקבלת מערך מסוג string ומחזירה לי רק את התאים שיש בהם יותר מ 5 אותיות. (השתמשו ב filter)
  3. כתבו פונקציה המקבלת מערך של Numbers ומחזירה לי את הכפל של כל האיברים במערך. (השתמשו ב reduce)
  4. כתבו דף html עם שדה קלט + 2 כפתורים, אחד "הוסף מספר" ואחד "הצג את כל המספרים. שאני אלחץ על "הצג את כל המספרים – אני אקבל אותם ממויינים לפי הסדר (השתמשו ב sort )

5. לרשותכם שירות API שמחזיר תמונה אקראית של חתול ( עבדנו איתו בשיעורים הקודמים – לינק:

https://aws.random.cat/meow ) – (בכל בקשת get מקבלים  אובייקט שמכיל כתובת url של תמונה אקראית של חתול.)

צרו דף html שמציג תמונה אקראית של חתול , וכפתור "איפוס".

אם אני לא לוחץ על הכפתור איפוס, גם אחרי רענון של הדף ובכל מצב אני אראה את אותה תמונה. (רמז : ה url יהיה שמור ב localstorage)

אם לחצתי על הכפתור "איפוס" (מוחק את ה localstorage) , אז יוצג לי תמונה חדשה.

בהצלחה!

 

סגירת תפריט