ארזתם לבד את פרויקט הווב שלכם? Webpack יכול לעזור לכם

רקע Webpack הוא דבר שימושי ונפלא, אך כדי להסביר מהם יתרונותיו בואו ונחזור כמה שנים אחורה לתקופה בה רוב העיבוד נעשה בצד-השרת ואילו אחריות צד-הלקוח הסתכמה בדרך כלל באנימציות נחמדות וכמה קריאות AJAX. ובכן, בתקופה ההיא אתר היה טוען קובץ Javascript יחיד בו רוכזה כל פונקציונליות ה-Front-end. קובץ זה היה נטען לדף באמצעות תגית script …המשך לקרוא

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

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

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

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