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