ניסוי #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), בהם המפתח והערך יהיו קבועים (למשל צבעים ומידות). …המשך לקרוא

ניסוי #22: הכנת תשתית ל-Twitter Bootstrap בעזרת Yeoman

רקע מה זה Twitter Bootstrap? אוסף כלים עיצוביים (רכיבים, פונטים ואייקונים) שניתן לשלב בקלות באתר שלנו. מהי תשתית לאתר? סט קבצים הנדרשים לעבודה עם החלקים השונים באתר. איזה תפקיד ממלאת התשתית? בכל פרויקט ישנן פעולות עליהן אנו חוזרים פעם-אחר-פעם כמו: יצירת תיקיות (js, css, images…). העתקת ספריות עזר (jquery, modernizr…). Framework (AngularJS, EmberJS…). התשתית כוללת …המשך לקרוא