חידת jQuery קצרה לסופש
פוסט זה כולל טיפ קצר בנושא פיתוח Front End. אם אתם רוצים ללמוד יותר לעומק על פיתוח Front End מהבסיס ועד הנושאים המתקדמים תשמחו לשמוע שבניתי קורס וידאו מקיף בנושא זה הכולל מעל 50 שיעורי וידאו והמון תרגול מעשי.
למידע נוסף והצטרפות לקורס בקרו בדף קורס Front End באתר.
מכירים jQuery? יודעים לכתוב jQuery Plugin? אז קחו חידה קטנה לראות שלא שכחתם את הבסיס אחרי כל האנגולר של השנים האחרונות.
1. קוד הפלאגין
בקוד הפלאגין הבא יש באג. מה הפלאגין עושה? מה יקרה כשנלחץ על הכפתור? מה גורם לבעיה ואיך מתקנים?
יכולים לשנות את הקוד כאן בחלון הקודפן המוטמע ולראות את התוצאה באופן מיידי.
2. מה עושים עם זה
חידה כזו יכולה לעזור לשבור את הקרח בראיון עבודה כשרוצים לדבר על איך jQuery עובד ומהו ה jQuery Object, והאם זה טוב להחזיק ביד אוביקט אחד שמתיחס למספר אלמנטים ב DOM. אחרי זה אפשר להרחיב ולדבר על יתרונות וחסרונות בין jQuery Plugins לארכיטקטורות פקדים מודרניות יותר.
פתרונות? כיוון אחד יהיה להוסיף each כדי לשים את קוד הטיפול באירוע לכל אלמנט בנפרד. כיוון שני יהיה להוסיף התיחסות לכפתור שיצר את הלחיצה בפונקצית הטיפול באירוע כך שהפונקציה תדע לשנות רק את המונה המתאים. את הקוד לשני הפתרונות כתבתי בקישור כאן: http://codepen.io/ynonp/pen/NbExPW
יש לכם עוד רעיונות? שתפו בתגובות. וכמו שאומרים בפייסבוק- שתפו אם הצלחתם לפתור לבד.