Hello World

תמלול ההרצאה: Hello World

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

1. 00:01

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

2. 00:13

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

3. 00:33

   נלחץ ונשמור אותו על הדסטופ כ-hello-world.htm.save. כעת אנחנו רוצים לכתוב קוד JavaScript. ראינו בסרטון הקודם שישנם שני מקומות שבהם אנחנו יכולים לכתוב JavaScript.

4. 00:56

   מקום אחד הוא בתוך דף ה-HTML עצמו, ומקום שני הוא בקובץ JS חיצוני. בואו נראה את שניהם. ראשית נכתוב בקובץ ה-HTML עצמו את הקוד שלנו.

5. 01:09

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

6. 01:26

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

7. 01:45

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

8. 01:56

   ראשית language ואני בוחר javascript כי זאת השפה שאני רוצה לכתוב בה. שנית type=text/javascript. הסיבה שאנחנו צריכים את שניהם מפני שיש דפדפנים שמחפשים את הדבר הזה ויש דפדפנים שמחפשים את הדבר הזה.

9. 02:17

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

10. 02:39

    אז אחרי שהגדרתי את הסקריפט בתוכה, בתוך הסקריפט אני מסוגל לכתוב. אז בואו נכתוב תקודה שנקראת alert והיא מציגה את הטקסט הלאו וורד. תקודות JavaScript מסתיימות בנקודה פסיק ממש כמו בכל שפות C, משפחת שפות C, C, C++, JavaScript, Java, C-Sharp וכדומה אז פקודות מסתיימות

11. 03:07

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

12. 03:33

    במחשב ומכיל קוד JavaScript שיכול להיות גם הרסני למחשב שלנו כי ניתן לכתוב בג'אווה סקריפט דברים שהם כמו וירוסים דברים שיכולים טיפה להרוס דברים טיפה או הרבה ולכן המחשב אומר לנו הדפדפן בעצם אומר אם אתה רוצה לאשר את זה תלחץ ותגיד לו allow blocked content yes וכעת הוא מסוגל להריץ את הקוד שלנו ולהלן

13. 03:57

    הקוד אוקיי איך אנחנו מסוגלים לכתוב את אותו קוד בקובץ חיצוני אז בכדי לכתוב את הדבר הזה בקובץ חיצוני מה שאנחנו צריכים לעשות זה קודם כל לצרף קובץ פייל מסוג JavaScript בואו נותר אותו הנה הוא כאן Jscript file open ואנחנו רואים דף לבן עם סיומת js כאן פשוט אני כותב את הקוד שאני רוצה alert Hello World again שוב עם נקודה פסיק בואו

14. 05:14

    נשמור את הקובץ הזה ביחד עם קובץ ה-HTML זאת אומרת גם הוא על הדסטופ נקרא לו Hello World.js כעת אני צריך לבצע את הקישור בין קובץ ה-HTML לבין קובץ ה-JavaScript זאת אומרת שאני צריך תגית סקריפט נוספת שתגרום להצבעה מקובץ ה-HTML על קובץ ה-JavaScript.

15. 05:46

    לא ניתן לעשות את זה בתגית שכבר JavaScript כתובה בה. זאת אומרת שאני צריך לגשת לכאן ולפתוח עוד תגית סקריפט language JavaScript type text JavaScript ולהוסיף לה src כלומר