Console Log

תמלול ההרצאה: Console Log

הטקסט המלא של הדקות הראשונות בהרצאה «Console Log» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:01

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

2. 00:28

   דוגמא יש לנו פה איזה שהיא פונקשן say hi כל מה שאנחנו הולכים לעשות בפונקציה alert, בואו ניקח לחצן ונקרא לפונקציה אם אנחנו מריצים את התוכנית, אנחנו לוחצים על הלחצן, אנחנו רואים את ההודעה אם אנחנו רוצים להציג את ההודעה הזאת למשתמש, זה מעולה אבל אם אנחנו רוצים רק להציג את ההודעה הזאת לעצמנו בתום מתכנתים

3. 01:15

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

4. 01:40

   מה הבעיה עם אלרטים כאלה? הבעיה יכולה להיות ראשית שאנחנו שוכחים את האלרט והאלרט נמצאת בתוך איזושהי פונקציה שלנו בטעות ואז הלקוח יראה את האלרט הזה.

5. 01:54

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

6. 02:04

   זאת אומרת שאנחנו נמצאים באיזושהי לולאה מאוד מאוד ארוכה והלרט עכשיו יעצבן אותנו ואנחנו נצטרך להתחיל ללחוץ עליו שוב ושוב ושוב עד שאנחנו יוצאים מהלולאה.

7. 02:13

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

8. 02:35

   עכשיו אנחנו מכירים את הפונקציה הזאת ב-JavaScript כבר, השתמשנו איתה המון אני מקווה והשאלה היא איפה אנחנו רואים את ההודעה הזאת אז אם אנחנו מריצים את האפליקציה אם אני עוד פעם אריץ אותה ctrl f5 say היי אני בעצם לא רואה כלום כמובן זה לא אלרט

9. 02:53

   והתשובה היא כזאת ניתן לראות את ההודעה הזאת אך ורק אם אנחנו במצב דיבאג אתם רואים כאן דיבאג ולא בריליס ואם אנחנו מריצים את התוכנית על ידי f5 ולא ctrl f5 אם אנחנו מריצים את התוכנית על ידי F5 אז אנחנו יכולים עכשיו להתבונן בחלונית שנקראת Output.

10. 03:23

    יש לנו כאן את החלונית הזאת שהמערכת עצמה גם זורקת לתוך החלונית הזאת המון המון הודעות וזה בדיוק מתבצע על ידי console.log אם אנחנו מבצעים clear עבור החלונית הזאת מציגים את הממשק משתמש לוחצים על הלחצן say hi אנחנו יכולים לראות עכשיו שבעצם מוצגים לנו פה כל מיני דברים

11. 03:49

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

12. 04:16

    שהיא יכולה להציג בואו נסתכל איך עושים את זה נעצור רגע את של התוכנית נחזור בחזרה וקודם כל נירשם לאירוע document add event listener של device ready שראינו נבנה פה איזושהי פונקציה אנחנו יודעים שהפונקציה הזאת תתבצע אוטומטית כשהדיווייס מוכן לשימוש אנחנו רוצים לבדוק

13. 04:57

    אם