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

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

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

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

ניסוי #33: איתור מוצרי אפל עם תכנות פונקציונלי JS Functional Programming

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

ניסוי #32: ייצור אייפון 6 באמצעות ES6 class

מטרת הניסוי לייצר אובייקט המייצג מכשיר ״אייפון 6״, היורש מהמחלקות ״טלפונים״ ו-״מכשירים״ באמצעות class וירושה. הציוד הדרוש עורך טקסט, דפדפן נתמך. רקע מהי מחלקה (class)? מבנה מוגדר מראש, המאפשר יצירה של אובייקטים. האובייקטים המיוצרים מתוך המחלקה, יכילו את אותן הפונקציות והמשתנים. ממה מורכבת מחלקה? שם המחלקה פונקציות למשל: המחלקה כוללת 2 פונקציות: fly getState שתי …המשך לקרוא

ניסוי #31: מיפוי ח״כים למפלגותיהם באמצעות map ב-ECMAScript 6

מטרת הניסוי ליצור מיפוי בין חברי כנסת ובין מפלגותיהם באמצעות map ב-ECMAScript 6. הציוד הדרוש עורך טקסט, דפדפן נתמך. רקע מהי מפה (Map) ב-ECMAScript 6? אובייקט המכיל צמדים של מפתח וערך (key-value). מה יכולים לכלול הערכים והמפתחות במפה? כל אובייקט או משתנה פרימיטיבי. מהו ההבדל בין מפות לאובייקטים? הרי שניהם הם מבני נתונים של מפתח-ערך. …המשך לקרוא