רוצה לבנות את הדבר הראשון
אתם יודעים איפה לכתוב ואיפה לראות את התוצאה. עכשיו נבנה משהו קטן, ננסה אותו ונבקש שינוי. בסוף יהיה לכם דבר שאפשר לפתוח ולהשתמש בו, וגם דרך לדעת אם הוא עובד.
אני מציע להתחיל ממשהו שאתם מבינים גם בלי מחשב. כך תוכלו לדעת אם מה שקיבלתם נכון. נבנה מחשבון הנחות: כותבים מחיר ואחוז הנחה, והוא אומר כמה משלמים אחרי ההנחה.
בינתיים זה תרגיל עם מספרים שאנחנו יכולים לבדוק בעצמנו. חנות אמיתית, תשלומים ופרטי לקוחות יכולים לחכות. כרגע מעניין אותנו לבקש משהו, לראות מה נבנה ולנסות אותו.
אם אתם מעדיפים משחק או רשימת ציוד, אפשר לעבוד עליהם במקום. שמרו על אותו גודל: פעולה אחת ברורה, תוצאה שאפשר לזהות וכמה דוגמאות שאתם יודעים לשפוט.
הודעה ראשונה שאפשר לשלוח
פתחו שיחה חדשה או משימת עבודה חדשה בכלי שכבר בחרתם. תנו לה שם, אם אפשר, שיאפשר לזהות אותה בהמשך: ״מחשבון הנחות ראשון״. כתבו בקשה קצרה:
בנה לי מחשבון הנחות פשוט בעברית. מזינים מחיר ואחוז הנחה, והוא מציג את המחיר אחרי ההנחה. אני רוצה לנסות אותו בתצוגה פרטית, בלי לפרסם ובלי לחבר שירותים בתשלום.
זו כל הבקשה כרגע. עוד לא בחרנו צבעים ולא הסברנו מה יקרה בכל טעות אפשרית. נגיע לזה כשננסה את המחשבון. אם הכלי שואל שאלה, ענו מתוך הדבר הפשוט שאנחנו רוצים לבנות עכשיו.
לפעמים התשובה תהיה הצעה, לפעמים קוד ולפעמים כלי שאפשר לנסות. הסתכלו על התוצר לפני שבוחרים את הצעד הבא. אם קיבלתם רק הסבר, בקשו: ״אני רוצה תוצר שאפשר להזין בו מספרים ולבדוק. האם אפשר ליצור ולהציג אותו כאן?״.
אם הכלי אומר שאי אפשר להפעיל את המחשבון כאן, בקשו שיסביר איך כן אפשר. אולי צריך לפתוח קובץ, ואולי החשבון שלכם לא כולל את האפשרות הזאת. לפני שנרשמים לעוד שירות, כדאי להבין מה חסר ואם יש דרך פשוטה בכלי שכבר פתוח.
פותחים את התוצאה
חכו שהכלי יסיים, ואז חפשו את המחשבון. אולי הוא מופיע ליד השיחה, אולי נפתחה לשונית ואולי קיבלתם קובץ. אם לא ברור, אפשר פשוט לשאול: ״איפה המחשבון שהכנת, ועל מה ללחוץ כדי לנסות אותו?״
אל תסתפקו במשפט שמודיע שהמחשבון מוכן. נסו למצוא מקום להזנת מחיר ומקום להזנת אחוז ההנחה. בדקו אם יש כפתור חישוב, או שהתוצאה מתעדכנת בזמן ההקלדה. שתי הדרכים אפשריות. החשוב כרגע הוא להבין איזו דרך נבנתה.
אם קיבלתם קובץ, שאלו איך פותחים אותו. קובץ שהשם שלו מסתיים ב־HTML יכול להיפתח כדף בדפדפן, אבל לפעמים הוא צריך עוד קבצים או שירותים כדי לעבוד. בקשו לדעת אם כל מה שצריך כלול בו. ואם ההסבר מסובך מדי, בקשו דרך פשוטה יותר לצפייה או עזרה בצעד הראשון.
הגענו למחשבון שאפשר להקליד בו? עכשיו ננסה חישוב אחד. את הצבעים ואת הכותרת אפשר לשפר אחר כך.
הבדיקה הראשונה
הזינו מחיר של 200 והנחה של 25 אחוזים. עשרים וחמישה אחוזים מ־200 הם 50, ולכן המחיר לאחר ההנחה צריך להיות 150. כתבו את התוצאה הצפויה לפני שמסתכלים בתוצאה שהמחשבון מציג.
קיבלתם 150? קראו גם מה כתוב לידו. זה המחיר אחרי ההנחה. אם ליד המספר כתוב ״סכום ההנחה״, יש כאן טעות, גם אם המספר נראה לכם מוכר. מי שישתמש במחשבון צריך להבין מה הוא רואה.
אם מופיע 50, ייתכן שהמחשבון מציג את גובה ההנחה במקום את המחיר שנותר לתשלום. אפשר לבקש תיקון מדויק: ״במחיר 200 ובהנחה של 25 אחוזים, סכום ההנחה הוא 50 והמחיר הסופי הוא 150. הצג את שניהם עם כותרות ברורות״.
אם אין תוצאה, תארו מה עשיתם ומה ראיתם. האם השדות קיבלו את המספרים? האם לחצתם על חישוב? האם הופיעה הודעה? תיאור קטן של הפעולה יעזור יותר מהוראה לבנות מחדש את כל המחשבון.
רגע, אפשר לנסות כאן
בגרסה האינטראקטיבית של הספר הכנו לכם מחשבון שאפשר להפעיל כאן, בתוך הפרק. אפשר להתחיל בו כדי להבין מה מחפשים, ואז לחזור לתוצר שבניתם בכלי שלכם. זו דוגמה מוכנה לתרגול; המחשבון שלכם יכול להיראות אחרת.
- בשדה ״המחיר לפני ההנחה״ כתבו 200.
- בשדה ״אחוז ההנחה״ כתבו 25.
- לחצו על ״חישוב״. מתחת לכותרת ״המחיר אחרי ההנחה״ צריך להופיע 150.00 ש״ח.
- סמנו ״להציג גם כמה חסכנו״. כעת חפשו גם את סכום ההנחה: 50.00 ש״ח. לחצו שוב על ״חישוב״ ובדקו שהמחיר הסופי נשאר 150.00.
שימו לב למה שעשיתם: הזנתם מספרים, חיפשתם תוצאה ידועה, הוספתם פרט אחד וחזרתם לבדוק. אפשר לעשות את אותו הדבר בכלי שבניתם, גם אם הכפתורים שלו נמצאים במקום אחר.
אפשר לפתוח גם את ״עוד מספרים שכדאי לנסות״. כל בחירה ממלאת את השדות ומסבירה מה אמור לקרות. החישוב יתחיל רק כשתלחצו על ״חישוב״. אחרי שינוי המספרים התוצאה הקודמת תיעלם, כדי שלא נתבלבל בינה לבין התוצאה החדשה.
מחשבון הנחות
מה המחיר, מה ההנחה, וכמה נשלם בסוף? הזינו שני מספרים ולחצו על ״חישוב״.
המחיר אחרי ההנחה
כאן תופיע התוצאה אחרי שתלחצו על ״חישוב״.
ש״ח
- המחיר המקורי
- ש״ח
- סכום ההנחה
- ש״ח
השוו למה שציפיתם לקבל. גם המספר וגם הכותרת שלידו צריכים להתאים.
נתחיל במחיר 200 ובהנחה של 25. לפני החישוב, כמה אתם מצפים לשלם?
משנים פרט אחד
רוצים לדעת גם כמה חסכתם? זו הבקשה שאפשר לשלוח לכלי שבנה את המחשבון שלכם:
הוסף את סכום ההנחה עם כותרת ברורה. שמור על השדות ועל חישוב המחיר הסופי.
כאן אפשר להדליק ולכבות תצוגה שהכנו מראש. נסו שוב 200 ו־25: המחיר צריך להישאר 150, ולצדו תופיע הנחה של 50.
עוד מספרים שכדאי לנסות
כל כפתור מכניס מספרים לשדות. קראו מה אמור לקרות, ואז לחצו על ״חישוב״.
זו דוגמה לימודית שנבנתה לספר. אין בה שמירת חישובים. אפשר לנסות את אותם מספרים גם במחשבון שבניתם בכלי שלכם.
מחיר של 200 ש״ח והנחה של 25% נותנים הנחה של 50 ש״ח ומחיר סופי של 150 ש״ח.
נסו גם מחיר של 100 בלי הנחה: נשארים 100. עם 100% הנחה: נשאר אפס. מחיר של 19.90 עם 10% הנחה: 17.91.
בשדה ריק או בהנחה של 120% צריכה להופיע בקשה לתקן את ההזנה, בלי מחיר סופי. אחרי שמוסיפים תצוגה של סכום ההנחה, חוזרים לאותם מספרים ובודקים שהמחיר לא השתנה.
אפשר להפעיל את המחשבון בגרסה האינטראקטיבית של הספר, או לנסות את המקרים האלה בתוצר שבניתם.
מוסיפים פרט אחד
אחרי שהבדיקה הראשונה עוברת, בחרו שינוי קטן. למשל, הוספת כותרת ״כמה משלמים אחרי ההנחה״, הגדלת המחיר הסופי או כפתור שמנקה את השדות. בקשו רק את השינוי הזה.
אחרי השינוי, נסו שוב 200 ו־25. הכותרת החדשה צריכה להופיע, והמחיר עדיין צריך להיות 150. לפעמים שינוי במראה משפיע בטעות גם על החישוב. הבדיקה המוכרת תעזור לכם לתפוס את זה.
אם משהו אחר השתנה בלי שביקשתם, אמרו זאת. ״הכותרת טובה, אבל כפתור החישוב נעלם. החזר אותו ושמור על החישוב שכבר בדקנו״. כך אתם מתחילים להגדיר גם מה צריך להישמר בין גרסאות.
אל תוסיפו בשלב הזה קטלוג מוצרים, חשבונות לקוחות, קופונים ושמירת היסטוריה. כל תוספת יוצרת שאלות חדשות. נגיע אליהן בהמשך, כשיהיה כלי קטן שאפשר לחזור אליו ולדעת כיצד הוא אמור להתנהג.
גם מקרים פשוטים יכולים להפתיע
בדקו מחיר של 100 עם אפס אחוזי הנחה. המחיר הסופי צריך להישאר 100. בדקו אותו מחיר עם מאה אחוזי הנחה. בגרסת התרגול שלנו התוצאה תהיה אפס. כעת רוקנו את אחד השדות ובדקו מה קורה.
שדה ריק אינו בהכרח אפס. ייתכן שהמשתמש עוד לא הקליד. אם הכלי מציג מיד מחיר סופי, עלול להיווצר רושם שיש חישוב מלא. אפשר לבקש הודעה פשוטה: ״כדי לחשב, הזינו מחיר ואחוז הנחה״.
מה יקרה אם נזין מינוס עשר כאחוז הנחה, או מאה ועשרים? צריך לבחור כלל. לצורך המחשבון הראשון נגדיר אחוזים בין אפס למאה ומחיר שאינו שלילי. בקשו הודעה ברורה כשמזינים ערך מחוץ לטווח, בלי להציג תוצאה שנראית תקינה.
בחרנו עכשיו כלל למחשבון שלנו. בכלי אחר אולי נבחר אחרת. זה חלק מהבנייה: להחליט אילו מספרים מקבלים, ומה אומרים למי שהקליד משהו אחר.
מחיר עם אגורות
נסו מחיר של 19.90 והנחה של עשרה אחוזים. המחיר הסופי הוא 17.91. בדקו אם מוצגות שתי ספרות אחרי הנקודה ואם ברור שמדובר בסכום כספי.
ומה אם בחישוב אחר יופיעו חמש ספרות אחרי הנקודה? נצטרך להחליט איך לעגל את המספר שמציגים. שאלו את הכלי מה הוא עושה כרגע, והסבירו איך אתם רוצים שהמחיר יופיע. בדוגמה שבספר מעגלים את המחיר הסופי לאגורה הקרובה; בדיוק בחצי אגורה מעגלים כלפי מעלה. סכום ההנחה הוא ההפרש בין המחיר המקורי למחיר הסופי, כך ששני הסכומים יחד חוזרים למחיר המקורי.
בתרגיל לימודי אפשר להוסיף גם הסבר קצר לחישוב. בחנות אמיתית צריך לבדוק שכללי החישוב והעיגול מתאימים לעסק. כאן נתחיל מהמספרים שאנחנו יודעים לבדוק, כדי להבין מה המחשבון מציג.
לרשום מה כבר עובד
כתבו לצד שם העבודה שלושה מקרים שעברו: 200 עם 25 נותנים 150; 100 עם אפס נותנים 100; 19.90 עם עשרה נותנים 17.91. הוסיפו את הטיפול שבחרתם לשדה ריק ולערך מחוץ לטווח.
שמרו את הרשימה הזאת. בפעם הבאה שתשנו צבע, כותרת או סדר שדות, תוכלו לחזור אליה ולבדוק שהחישובים עדיין נכונים.
תנו למחשבון שם שתזכרו ושאלו איך שומרים אותו בכלי שלכם. אחר כך נעבור לחזרה לעבודה קודמת. הרי תרצו למצוא אותו גם מחר.
בניתם משהו, ניסיתם אותו ושיניתם פרט אחד. יש לכם כבר עבודה משלכם שאפשר להמשיך ממנה.