נגישות       נגישות
שינוי גודל טקסט:
א א א
שינוי צבעי האתר:
? מקשי קיצור:

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

הפעלת מקשי הקיצור תלויה בדפדפן שבו אתם משתמשים.

Internet Explorer, Chrome ובגרסאות ישנות של Firefox: לחצו על מקש Alt ועל מקש המספר או האות על-פי הרשימה. ב Firefox 3 ומעלה: לחצו על המקשים Alt + Shift + המספר או האות.

S - עבור לתוכן הדף
L - חיפוש
1- עמוד הבית
2 - פרוייקטים
3 - מדריכים
4 - אודות
5 - צרו קשר
6 - הצהרת נגישות
 

מה זה JavaScript וסקריפט ראשון

מחבר:
בתאריך:

JavaScript היא שפת תכנות פשוטה ללימוד ופופולארית מאוד שהופכת את הגלישה באינטרנט להרבה יותר מעניינת ואינטראקטיבית.

ניתן לפגוש ב-JavaScript בכל מקום באינטרנט. לדוגמה:

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

הלוגו של javascript

 

מהו הידע הקודם שנדרש כדי ללמוד JavaScript?

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

 

שימוש בעורך הטקסט כדי לערוך את הסקריפטים

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

להורדת Notepad++

אפשר להוריד גם מפה

 

 

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

how to open new file with notepad++

 

הוספת הטמ"ל

לתוך הקובץ שפתחתם עליכם להוסיף את הקוד הבא שהוא קוד הטמ"ל בסיסי:

<html>
<head>
  <meta charset="utf-8">
</head>
<body>


</body>
</html>

 

בתחתית ה-body מוסיפים את הסקריפט בין תגיות script.

<html>
<head>
  <meta charset="utf-8">
</head>
<body>


<script>
</script>
</body>
</html>

  • חובה להקפיד על תגית פותחת וסוגרת של script שאומרת לדפדפן שמדובר בסקריפט של JavaScript.

 

סקריפט ה-JavaScript הראשון שלנו

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

<html>
<head>
  <meta charset="utf-8">
</head>
<body>


<script>
    alert("שלום עולם");
</script>
</body>
</html>

 

שמירת הקובץ

שומרים את הקובץ בתור סוג html.

  1. לחיצה על Save בתפריט הראשי.
  2. בחלון שנפתח בוחרים לשמור את הקובץ על שולחן העבודה.
  3. נותנים שם לקובץ "first_script".
  4. בוחרים בסוג הקובץ :Hyper Text Markup Language file (*.html,*.htm,*.shtml,*.shtm,*.xhtml,*.htm)
  5. לוחצים על Save לשמירה.

how to save your javascript files with notepad++

 

הרצת הסקריפט

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

how to open the javascript script you have just created

 

אנו יכולים לראות את התוצאה של הסקריפט הראשון שלנו. פופאפ שבו כתוב "שלום עולם!".

Run your very first javascript the you have written with the tutorial

 

ומה עושים עכשיו?

עוברים למדריך הבא שבו נלמד על משתנים וערכים ב-JavaScript.

לכל מדריכי ה-javascript

הוסף תגובה חדשה

 

= 3 + 9