ניסוי #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…). התשתית כוללת …המשך לקרוא

ניסוי #21: קיצור-דרך להתקנת Backbone בעזרת Bower

רקע מה זה רכיב ג׳אווה סקריפט? קובץ או ספרייה בג׳אווה סקריפט, שממלאים תפקיד מסויים. אילו תפקידים יכולים רכיבים למלא? לדוגמה: Twitter Bootstrap – עיצוב. Modernizr – תאימות-לאחור עבור דפדפנים. מה זה Bower? כלי לניהול רכיבים – התקנה, הסרה ועדכון. כיצד מתקינים רכיב? כיצד מתקינים גרסה מסויימת של רכיב? כיצד מתקינים קבוצת רכיבים? ניצור קובץ בשם …המשך לקרוא