ניסוי #27: פפראצי באמצעות Object.observe

מטרת הניסוי לרגל אחר סלבריטאים ולהדפיס התראה כאשר הם נצפים במקום חדש. הציוד הדרוש עורך טקסט, דפדפן כרום קנארי. רקע מהי הפונקציה Object.observe? פונקציה אשר מרגלת אחר שינויים באובייקטי JS. מה כוללת הפונקציה Object.observe? הארגומנט השני של הפונקציה (ה-callback), כולל מידע אודות השינויים שבוצעו באובייקט אחריו אנו מרגלים. מה מאפשרת הפונקציה Object.observe? הפונקציה מאפשרת כריכה …המשך לקרוא

ניסוי #26: פונקציות איטרטיביות ב-ECMAScript 6

מטרת הניסוי להדפיס סדרה של מספרים זוגיים באמצעות פונקציות איטרטיביות ב-ECMAScript 6. הציוד הדרוש עורך טקסט, דפדפן נתמך. רקע מהי פונקציה איטרטיבית? פונקציה המחזירה ערך, אשר נשמר לצורך הקריאה הבאה לפונקציה. מהם היתרונות של פונקציה איטרטיבית? פונקציה איטרטיבית מבצעת מה שמספר פונקציות רגילות מבצעות, כך שהיא משפרת את הביצועים והופכת את הקוד לקריא יותר. עבור …המשך לקרוא

ניסוי #25: לוח משחקי המונדיאל בעזרת React.js

מטרת הניסוי לבנות רכיב באמצעות React.js אשר יציג את לוח משחקי מונדיאל 2014. הציוד הדרוש עורך טקסט, דפדפן. רקע מה זה React.js? ספריית ג׳אווה סקריפט מבית פייסבוק, המאפשרת בניית ממשקי משתמש. מהן תכונות הספרייה? עדכון אוטומטי של הממשק, בתגובה לשינוי המידע אליו הוא מקושר – משתנה (מכאן שמה – React). עדכון מינימלי של ה-DOM – …המשך לקרוא

ניסוי #24: הגדרת משתנים מקומיים ב-ECMAScript 6

מטרת הניסוי להגדיר שעה מקומית לפי מדינה, באמצעות משתנה ב-ECMAScript 6, מבלי שערכו ישתנה מחוץ לתחום (scope) בו הוא מוגדר. הציוד הדרוש עורך טקסט, דפדפן נתמך. רקע באיזה תחום (Scope) נמצאים משתנים שמוגדרים בעזרת var? בתחום הגלובלי (בדפדפן זהו האובייקט window). בדוגמה הבאה המשתנה color יהיה בעל ערך red בתוך התנאי ומחוצה לו: זאת מפני …המשך לקרוא

ניסוי #23: הגדרת קבועים ב-ECMAScript 6

מטרת הניסוי להגדיר זמנים (שנים, ימים…) באמצעות קבועים (Constants) בגרסה החדשה של ג'אווה סקריפט – ECMAScript 6. הציוד הדרוש עורך טקסט, דפדפן. רקע מהם השימושים הנפוצים בקבועים? בהגדרת מאפיינים לקריאה בלבד ובלתי-ניתנים לשינוי. בכתובות של אתרים ושירותי API או CDN, אשר אליהם מתבצעות קריאות. בסדרת מאפיינים (enum), בהם המפתח והערך יהיו קבועים (למשל צבעים ומידות). …המשך לקרוא