קידוד יעיל עם Emmet

למי שמחפש לייעל את כתיבת קוד ה- HTML / CSS, מצורף קישור לתוסף מעולהשנקרא Emmet (ממשיכו של Zen Coding, למי שמכיר) שמתאים למספר עורכים מובילים, כמו למשל Notepad++, Sublime ועוד.

הקוד מאפשר כתיבה מהירה של קוד HTML / CSS ע”י כתיבה מקוצרת ההופכת בלחיצת כפתור לקוד מלא ותקני.
כך למשל תוכלו לחולל רשימה של 5 פריטים עם קישור בכל אחד מהם:

סדר אירועים במעבר דפים עם JQM

בדומה לאתרי אינטרנט, גם אפליקציות רבות הינן מונחות אירועים – זיהוי מצבים של טעינה ראשונית, לחיצה על כפתור, שינוי ערך בפקד ועוד שבעקבותיהם מבוצע קטע קוד רלוונטי.

ישנה חשיבות רבה בהבנת סדר האירועים כשמדובר בטעינה של דף, זאת על מנת לדעת היכן לשלב את הקוד שלנו. שילוב במקום לא נכון עלול לפגוע בתצוגה (הוספת אלמנטים חדשים לדף לאחר שהוטמע ה- Skin) ואף בלוגיקה.

מפתחי אפליקציות היברידיות או אפליקציות אינטרנט טהורות העושים שימוש בספריה הפופולרית jQuery Mobile שמו לב וודאי שיש לא מעט אירועי load / unload כאשר עוברים מדף אחד לשני. כדי לעשות סדר בסדר – להלן סדר האירועים בהנחה שהפעולה המבוצעת היא מעבר מדף A לדף B:

1. page B - event pagebeforecreate

2. page B - event pagecreate

3. page B - event pageinit

4. page A - event pagebeforehide

5. page B - event pagebeforeshow

6. page A - event pageremove

7. page A - event pagehide

8. page B - event pageshow

Remote Debugging w/ G Chrome

גוגל כרום הינו אחד הדפדפנים החביבים ביותר על משתמשים מהשורה אך לא פחות – על מפתחים: מהיר, מדורג גבוה מבחינת התמיכה שלו בתקן HTML 5 המתהווה ובעל אחד מכלי המפתח (Develop tools) העשירים שיש.

עם השקתו של דפדפן כרום עבור המכשירים הניידים הכל מגרסה 4.0+ של מערכת ההפעלה אנדרואיד, נוספה יכולת אדירה – האפשרות לדבג את אפליקציית האינטרנט שלנו המורצת מהמכשיר באמצעות כלי הפיתוח המותקנים על המחשב באמצעות פרוצדורה פשוטה:

שימוש נכון ב- parseInt

parseInt(string, [radix])

פונקציית JS parseInt משמשת אותנו להמרה של משתנה המכיל מספר השמור כמחרוזת (למשל: "04") למספר שלם (בדוגמה שלנו: 4).

הפונקציה מקבלת שני פרמטרים:

1. המחרוזת אותה אנחנו רוצים להמיר.
2. אופציונלי – הבסיס הנומרי של המספר (אוקטאלי, דצימלי, הקסדצימלי…)

5 טעויות בפיתוח למובייל

פוסט מצוין זה נכתב ע”י ג'יימי סיין מחברת uTest Inc:

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

טעות מס' 1: לא לבדוק על מגוון מכשירים

מטריצת המובייל, הינה ענקית ומגוונת, היא כוללת חומרה, תוכנה, גרסאות, מפעילות סלולאריות, מיקומים, קישוריות, מסכים בגדלים שונים, RAM ועוד, אבל עצם היותה מאיימת אינה תירוץ להתעלם מהצורך בבדיקות על גבי מגוון רחב של מכשירים (Cross-Device Testing) או שימוש בסימולטרים בלבד. אחת הטעויות הגדולות ביותר שמפתח אפליקציות מובייל יכול לעשות הוא לוותר על בדיקת האפליקציה על גבי מגוון מכשירים, מערכות הפעלה ומפעילות סלולאריות באופן ממשי ולא על ידי סימולטרים.

CSS Positioning

אחד המאפיינים השימושיים ביותר לעימוד / עיצוב דפי אינטרנט, בייחוד אחרי העידן האפל של עיצוב באמצעות tables,הוא position. באמצעות מאפיין זה ניתן לקבוע את מיקומו של כל אלמנט בדף. שליטה באופציות השונות ובשילובים בינהן תאפשר לנו, המפתחים, לבנות פריסות מורכבות ולהימנע ממצבים מביכים בהם אלמנטים מקבלים חיים משלהם ומתמקמים במקומות בדף שלא ממש התכוונו אליהם…

מה הבעיה של Internet Explorer?

מאמר מרתק מהבלוג המצוין של ליאור בר-און, מובא כלשונו:

סוגי בדיקות תוכנה

תהליך בדיקות תוכנה הינו תהליך הנועד לאפשר לבעלי העניין במוצר לקבל מדד לאיכותו ועמידתו בדרישות שהוצבו לו. בדיקות תוכנה מהוות חלק אינטגרלי מתהליכי הנדסת תוכנה והבטחת איכות תוכנה.

ישנן רמות שונות של בדיקות תוכנה:

• בדיקות יחידה Unit Tests – בדיקה שמטרתה לוודא שכל יחידת תוכנה בפני עצמה מבצעת את אשר תוכננה לבצע.
• בדיקות מערכת System Tests - בדיקות המבוצעות הן מבחינה פונקציונאלית והן מבחינת מאגרי המידע וכד'
• בדיקות קבלה Acceptance Tests - בדיקות המתבצעות מהיבט הלקוח ברמה הפונקציונאלית לוודא כי הלקוח קיבל את מה שביקש.
• בדיקות אינטגרציה Integration Tests - בדיקות הנערכות על כמה יחידות תוכנה וזאת על מנת להבטיח כי הן מתקשרות האחת עם השניה.
• בדיקות רגרסיה Regression Tests – בדיקות חוזרות של הרמות האחרות. מבוצעות לאחר תיקון התקלות לוודא כי התקלות אכן תוקנו.
• בדיקות שפיות Sanity Tests - תפקידן להבטיח כי המערכת נמצאת במצב שבו ניתן לבדוק אותה ללא "תעופה" לדוגמא. כמו כן להבטיח כי העברת המערכת ממחלקת הפיתוח למחלקת הבדיקות עברה בהצלחה.
• בדיקות Monkey Tests - בדיקות שנערכות ללא תסריטי בדיקה מסודרים וללא מתדולוגיה מסודרת.

Root למכשירי Android

Root הינו פריצה למערכת ההפעלה האנדרואיד (במקביל ל- Jailbreak עבור מכשירי iOS), אשר מאפשרת למשתמש לשנות את המערכת (למשל לטובת Over Clocking), להתקין ללא תשלום אפליקציות שבחנות הרישמית של גוגל עולות כסף ואף להתקין גרסאות מתקדמות של מערכת ההפעלה שאינן מסופקות ע”י היצרן, או גרסאות משופרות של מערכת ההפעלה שפותחו ע”י מפתחים עצמאיים, מה שמכונה רום (Rom) או רום “מבושל” עבור גרסאות שהוכחו כיציבות. אחד האתרים הטובים למציאת רומים מבושלים הינו XDA Developers, אתר הקהילה של מפתחי Windows Phone ו- Android.

על אף שתהליך זה אינו מורכב, יש לקחת בחשבון כי זו פעולה לא חוקית שבעקבותיה תוסר אחריות היצרן מהמכשיר 
בנוסף, ביצוע לקוי של התהליך במלואו עלול לגרום תקלות פטאליות שבעקבותיהן המכשיר שלכם יהפוך ללא יותר ממשקולת נייר ממש, אבל ממש יקרה – לתשומת ליבכם/ן (אם כי במקרה של התקנה כושלת של רום, משתמש מתקדם יוכל לשחזר את מערכת ההפעלה הקודמת, במידה ושמר גיבוי מוצלח קודם לפריצה), כך שלמי שהחליט לבצע Root למכשיר – מומלץ מאוד להיעזר בחבר מנוסה או באינטרנט, שם ניתן למצוא אינסוף מדריכים ועזרה.

התקנת XAMPP על Linux

XAMPP הינה חבילת תוכנות חינמית הזמינה במערכות הפעלה שונות כולל Windows ו- Linux, המאפשרת למפתחים להפוך המחשב האישי למעין שרת Web (Apache) עליו ניתן לפתח ולהריץ אתרים מבוססי PHP, מסדי נתונים מסוג MySQL ועוד. באמצעות ממשק גרפי פשוט, יכול המפתח להריץ אחת או כמה מתוכנות השרת אשר מסופקות בחבילה בזמן הפיתוח.

השלבים הבאים מסבירים כיצד ניתן להתקין את חבילת XAMPP על מחשבים מבוססי מערכת הפעלה Linux (אגב, בעבר היתה ידועה חבילת XAMPP למחשבי Linux בשם LAMPP, אך כדי לא לסבך את המשתמש, שמה הוחלף ל- XAMPP For Linux):