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

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

ניסוי #34: המרת כתוביות SRT לפורמט ווב (WEBVTT)

הפוסט נכתב על-די שקד דלריאה, מפתח מוכשר אותו הדרכתי בקורס אפליקציות ווב בבאר-שבע. הקורס מתקיים מטעם עמותת תפוח הפועלת לצמצום הפערים החברתיים באמצעות הנגשת המידע והטכנולוגיה. מטרת הניסוי להמיר כתוביות מפורמט SRT (הנפוץ כיום להורדה), לפורמט WEBVTT, על-מנת להציגם כחלק מהתגית <video> הציוד הדרוש עורך טקסט, דפדפן נתמך. רקע כיצד מציגים ווידאו? כיצד מציגים כתוביות? …המשך לקרוא

ניסוי #29: בניית אפליקציית מובייל-ווב ל"בנק לאומי"

מטרת הניסוי בניית אפליקציה במסגרת האקטון שערך "בנק לאומי", תוך שימוש בטכנולוגיות ווב (HTML5, CSS, JS) בלבד. הציוד הדרוש jQuery, Backbone.js, Underscore.js רקע מטרת ההאקטון הייתה לפתח אפליקציות פורצות דרך בתחום הבנקאות. הרעיון שלי היה: לפתח אפליקציה המציגה יצור בשם "לומי" אשר תפקידו לסייע בהתנהלות פיננסית נכונה. האפליקציה תאפשר: לבדוק את מצב החשבון (עו"ש, אשראי…). …המשך לקרוא

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

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

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

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