על קוד CSS מיותר ואיך להימנע ממנו
בפרויקטים רבים עלול להיווצר המון קוד CSS מיותר, וחבל, כי הדבר גם עלול להגדיל את זמן הטעינה של האתר וגם עלול לסרבל את תהליכי הפיתוח. אז כיצד אפשר להימנע מזה? בפוסט הבא.
בפרויקטים רבים עלול להיווצר המון קוד CSS מיותר, וחבל, כי הדבר גם עלול להגדיל את זמן הטעינה של האתר וגם עלול לסרבל את תהליכי הפיתוח. אז כיצד אפשר להימנע מזה? בפוסט הבא.
בפוסט זה אסביר על המתודות flat ו-flatMap ב-JavaScript, מתודות די ותיקות אבל כאלו שחבל מאוד שלא להכיר.
axios היא ספרייה מדהימה שמאפשרת לבצע בקשות HTTP בצורה קלה ונעימה.
בפוסט זה אסביר על axios, על ההבדלים העיקריים מ-fetch ובעיקר אתן מספר טיפים לספרייה הנהדרת הזו.
בפוסט זה אסביר לכם על פעולות סינכרוניות, אסינכרוניות ו-Async/Await, Promises, Callbacks ב-JavaScript.
אין ספק שמדובר בנושא מעט מורכב ומבלבל אבל הפוסט הבא יעשה לכם קצת סדר.
גרסת 5 Bootstrap יצאה (כרגע בגרסת alpha) והיא מביאה עמה מספר שינויים וחידושים שכדאי להתעדכן בהם.
Tailwind CSS הוא CSS Framework פופולארי.
הוא די שונה מ-Bootstrap המוכר ואהוב ובהחלט כדאי להכיר אותו.
במדריך זה נבצע התקנה והגדרה ראשונית של ESLint, כלי לאיתור בעיות בקוד JavaScript שמומלץ מאוד להכיר.
לפעמים ניתן להתבלבל ולחשוב ש-null ו-undefined זה אותו הדבר, אך זוהי טעות.
בפוסט זה אציג לכם את ההבדלים ביניהם.
רשימה של מספר כלים אונליין שלמפתחי WEB בהחלט כדאי להכיר.
אנחנו משתמשים במערכים המון ולא מעט פעמים נרצה לאחד מספר מערכים למערך אחד.
בפוסט זה אציג בפניכם מספר דרכים לעשות זאת ועל ההבדלים ביניהן.
עורך הקוד Visual Studio Code ממשיך לצבור פופולאריות ומאגר ההרחבות שלו רק גדל מיום ליום.
בפוסט זה אציג לכם מספר הרחבות שבהחלט כדאי לכם להכיר.
הרצת בדיקות ב-JavaScript הוא תהליך שכדאי מאוד לעשות בעת פיתוח. באמצעותו תוכלו לוודא שהקוד שלכם מתנהג כפי שאתם מצפים ותוכלו לבדוק שהוא נשאר ככה גם בעתיד.
הרצת בדיקות באמצעות Jest הוא קל ונוח, בואו נתחיל.
תפריט הפקודות ב-Chrome DevTools מאפשר לבצע פעולות רבות, בפוסט זה אסביר עליו ואתן דוגמה לכמה פקודות מעניינות.
שכפול של אובייקט ב-JavaScript לא נשמע כמו משהו מסובך במיוחד.
האמת? נכון, זה לא מסובך אבל זה כן טריקי. למה ואיך בפוסט הבא.
Method Chaining הוא syntax פשוט ונוח לביצוע מספר מתודות בזו אחר זו על instance של אובייקט מסוים. אל דאגה, זה רק נשמע מסובך.
לא תמיד הכל ורוד ולפעמים הקוד עלול לזרוק שגיאות, ובשגיאות צריכים לדעת לטפל כראוי.
במאמר זה אסביר כיצד לטפל בשגיאות JavaScript באמצעות try catch.
המתודות call, apply ו-bind ב-JavaScript הן מתודות שימושיות מאוד אך ההבדל ביניהן עלול לבלבל.
אז למה הן משמשות ומה ההבדלים ביניהן? במאמר הבא.
כל מפתח JavaScript ברמה די בסיסית אמור לשלוט בהבדלים בין Value ל- Reference. בפועל, מדובר באחד מהנושאים הכי מבלבלים ויותר מכך, כזה שעלול לגרום להמון באגים בקוד שאמור להיות די פשוט.
ללא צורך בקימפול, עם תמיכה די רחבה ותחביר נוח, CSS Variables הוא חידוש מרהיב שכל מפתח Web חייב להכיר.
שנתחיל?
Spread Operator הוא תחביר שהגיע ל-JavaScript בתקן ES6 הדי ותיק.
מפתחים ב-JavaScript? אל תפספסו.
Destructuring הוא תחביר ב-JavaScript המאפשר לנו "לחלץ" ערכים מאובייקטים וממערכים בצורה מהירה ופשוטה.
Higher Order Functions הן פונקציות המקבלות פונקציה כארגומנט או מחזירות פונקציה ב-return.
השימוש ב-Higher Order Functions יגרום לקוד שלנו להיות קצר, נקי וקל יותר להבנה.
כנס Press for Word מתקיים השנה בפעם השלישית ברציפות.
בכנס אעביר הרצאה ואפילו השגתי לכם קופון הנחה שווה במיוחד!
Arrow Functions הוא אחד מהחידושים האהובים ביותר ב-ES6 (שכבר די ותיק) שבהחלט כדאי להכיר.
שנצא לדרך?
מדריך מקיף ומפורט על CSS Grid Layout, אחד הנושאים החמים והחשובים ב-CSS כיום.
סביר להניח שאת המונח npm שמעתם לא מעט, אז מהו npm, מדוע הוא כל כך פופולרי וכיצד משתמשים בו?
Visual Studio Code הוא עורך קוד חינמי, נוח, תומך במגוון פלטפורמות, בעל פיצ'רים נרחבים, מגוון הרחבות רב וכל מה שאפשר לדרוש מעורך קוד.
בפוסט זה אציג עבורכם מספר טיפים, תוספים ועוד דברים שכדאי לדעת על עורך הקוד הנפלא.
בעת בניית אתר בוורדפרס לעתים נרצה להשתמש בתמונות בגדלים שונים.
במדריך זה נראה כיצד נוכל להוסיף גדלים מותאמים אישית.
מדריך שיעשה לכם סדר בנוגע ליחידות מידה רספונסיביות ב-CSS.
מהו rem? במה הוא שונה מ-em? מתי נשתמש ב-vw ועוד.
כתיבת SASS מאפשרת לנו לכתוב קבצי CSS במהירות ובקלות.
כבר שנים ששימוש ב-SASS הפך לסטנדרט למפתחי אתרים, במאמר זה אסקור מספר פונקציות SASS שבהחלט כדאי לכם להכיר.
במהלך בניית אתר וורדפרס, סביר להניח כי נרצה לשלוף את הפוסטים הנמצאים במסד הנתונים השלנו.
וורדפרס מאפשרת לנו לעשות זאת ובנוסף לכך, גם להתאים את השאילתא לפי הצרכים שלנו.
כאשר המשתמש גולש ממובייל, לא פעם נרצה לזהות האם מסך המשתמש הוא לאורך או לרוחב ובהתאם לכך לשנות חלק מהתצוגה.
במאמר זה אסביר כיצד ניתן לזהות זאת ואף לבצע פקודות CSS בהתאם לכך.
ביום רביעי האחרון, ה-13.9, העברתי הרצאה בכנס Press4Word 2017 בנושא "האצת תהליכי פיתוח".
עקב בקשות רבות, החלטתי לסכם את תוכן ההרצאה והנה, הסיכום לפניכם.
בבניית אתר וורדפרס אנו עלולים להיתקל בתלקות והודעות שגיאה כאלה ואחרות.
במדריך זה אסקור מספר תקלות ושגיאות נפוצות ואת דרך ההתמודדות איתן.
כנס Press4Word 2017 שיתקיים ב-"LAGO" בתאריך ה-13/09 הוא אירוע חובה לכל מי שמעורב בעולם פיתוח האתרים והוורדפרס בישראל.
בכנס אעביר הרצאה בנושא "האצת תהליכי פיתוח".
קופון שווה מחכה לכם בפנים!
הטמעת סרטונים באתר באמצעות תגית Embed הנה פעולה פשוטה ונפוצה במיוחד אך נכון להיום, קוד ה-Embed אינו רספונסיבי כברירת מחדל.
במדריך זה נלמד כיצד להטמיע סרטונים באופן רספונסיבי.