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

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

ניסוי #18: הדמיית iOS7 (בעזרת Sass)

מטרת הניסוי לדמות את מערכת ההפעלה החדשה iOS7 באמצעות HTML ו-CSS בלבד. הציוד הדרוש עורך טקסט, Node.js, Sass, Grunt. רקע מה זה Sass? טכנולוגיה המאפשרת ליצור ולנהל CSS בנפחים גדולים, על-ידי שיטות הלקוחות מעולם התיכנות כמו: הפרדת עניינים (Soc – Separation of Concerns) – על-ידי פיזור הקוד בקבצים שונים. אל תחזרו על עצמכם (DRY – …המשך לקרוא

ניסוי #17: שעון שמתעדכן בזמן-אמת (בעזרת Node.js)

מטרת הניסוי להציג בזמן-אמת את השעה הנוכחית, ללא רענון הדפדפן. הציוד הדרוש עורך טקסט, שרת Node.js. רקע מה זה Node.js? טכנולוגיית צד-שרת, אשר מבוססת על מנוע ה-Javascript של גוגל V8. השרת פועל על Thread אחד, כך שהפעולות בו מתבצעות בצורה אסניכרונית. מהו התחביר (Syntax) לכתיבה ב-Node.js? התחביר הוא Javascript, כאשר אובייקטים מה-DOM: document, div… אינם …המשך לקרוא

ניסוי #10: לתת ל-Web Worker לעבוד בשבילנו

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

ניסוי #6: טיפול בחריגות (Exceptions)

מטרת הניסוי לבצע פעולות שגורמות לחריגות ואז לטפל בהן באמצעות try-catch-finally. הציוד הדרוש עורך טקסט, דפדפן. רקע מתי ישנה חריגה? פעולה לא-תקינה בקוד, שהמפרש של ג'אווה סקריפט לא יודע לבצע. מה קורה כאשר ישנה חריגה? הקוד מפסיק לרוץ. הפעולות שאמורות היו להתבצע לאחר הפעולה שגרמה לחריגה, אינן מתבצעות! תיאור החריגה נכתב ללוג של הדפדפן, ומודגש …המשך לקרוא