גלילה אינסופית (Infinite Scroll) טוענת תוכן חדש באופן דינמי ככל שהמשתמש גולל למטה בדף. במקום ללחוץ על קישורי עימוד, המבקרים רואים את הקבוצה הבאה של פוסטים מופיעה אוטומטית כשהם מגיעים לתחתית. גישה זו עובדת היטב עבור בלוגים ואתרים עתירי תוכן [...]
בפוסט זה נראה כיצד להחליף CSS Classes של אלמנטים באמצעות JavaScript ו-data attributes. גישה זו שומרת על JavaScript גנרי וניתן לשימוש חוזר – במקום לכתוב handler נפרד לכל toggle, מגדירים את היעד ושם ה-class ישירות ב-HTML. שימוש ב-data attributes כ-hooks [...]
::marker הוא pseudo-element ב-CSS המאפשר לעצב את הסימנים של פריטי רשימה (list-items). בין אם ברצונכם להתאים את המראה של כדורים ברשימה לא מסודרת (ul) או את המספור ברשימה מסודרת (ol), השימוש ב-::marker מעניק לכם את הגמישות לשפר את הנראות של [...]
הפונקציה appendChild בג'אווה סקריפט משמשת להוספת צומת לסוף רשימת הילדים של צומת הורה ספציפי. שיטה זו היא בסיסית לתפעול דינמי של Document Object Model (DOM) בפיתוח אתרים. The appendChild method in JavaScript is used to add a node to the [...]
ה-Document Object Model (DOM) הוא ממשק תכנותי (API) עבור מסמכי אינטרנט המספק ייצוג מובנה של דפי אינטרנט כעץ. ה-DOM הוא קומפוננטה שבהחלט עליכם להכיר כמפתחי אתרים. הוא מייצג את מבנה המסמך כעץ של צמתים, כאשר כל צומת מתאר חלק מהמסמך [...]
SCSS או (Sassy CSS) הוא CSS preprocessor המוסיף יכולות כמו משתנים, קינון, mixins, הורשה ועוד. הוא בעצם CSS superset, כלומר כל CSS תקין הוא גם SCSS תקין. קבצי SCSS משתמשים בסיומת .scss, והתחביר הוא יותר מובנה וידידותי לתכנות בהשוואה ל [...]
הצהרת throw בג'אווה סקריפט משמשת ליצירת שגיאות מותאמות אישית. באמצעות throw ניתן ליצור exceptions ולטפל בהן באמצעות הצהרת try…catch, דבר המאפשר ניהול יעיל יותר וטיפול בשגיאות בצורה מבוקרת. תחביר בסיסי – Syntax התחביר הבסיסי של הצהרת throw נראה כך: throw [...]
מודולים בג'אווה סקריפט מאפשרים לפצל את הקוד שלכם לחלקים קטנים יותר בהם ניתן לעשות שימוש חוזר. פעולה זו עוזרת בארגון ותחזוקת הקוד, במיוחד כשהקוד שלכם ארוך ומורכב. מודולים יכולים לייצא פונקציות, אובייקטים או ערכים מקובץ אחד כדי לייבא אותם בקובץ [...]
המרת טיפוסים בג'אווה סקריפט מתייחסת לשינוי ערך של סוג נתונים (Data Type) אחד לאחר. המרה זו יכולה להתרחש בשתי דרכים הנקראות implicit ו explicit. ההבנה כיצד להמיר טיפוסים בג'אווה סקריפט היא הבנה קריטית לכתיבת קוד JavaScript יעיל. Implicit Conversion המרה [...]
הצהרת try...catch...finally בג'אווה סקריפט משמשת לטיפול ב exceptions ולניהול שגיאות בצורה אלגנטית. היא מאפשרת להריץ בלוק של קוד ולטפל בכל שגיאה שעלולה להתרחש במהלך ביצועו, ובכך למנוע את הקריסה של היישום כולו בשל שגיאות בלתי צפויות. מבנה הצהרת try…catch…finally המבנה [...]
הפונקציה setTimeout() בג'אווה סקריפט מבצעת פונקציה לאחר השהייה מוגדרת. היא אחת מפונקציות התזמון הנפוצות ביותר בשפה, ושימושית למשימות כמו אנימציות, פעולות מושהות, debouncing של קלט משתמש, או אירועים מתוזמנים. במדריך זה תלמדו כיצד setTimeout() עובדת, כיצד לבטל אותה עם clearTimeout(), [...]
console.log() הוא כלי ניפוי השגיאות הנפוץ ביותר ב-JavaScript. הוא מדפיס הודעות, ערכי משתנים ונתונים נוספים ישירות לקונסול של הדפדפן. במדריך זה נכסה היבטים שונים של console.log(), משימוש בסיסי ועד עיצוב פלט, מתודות console נוספות ושיטות עבודה מומלצות לקוד בפרודקשן. שימוש [...]