JavaScript

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

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

Github Project

גאווה סקריפט היא שפת התכנות של האינטרנט, ומיועדת ליצור דפים דינאמיים המגיבים למשתמש.
בשיעור זה נעשה היכרות ראשונית עם שפת JavaScript. נלמד היכן כותבים את הקוד (בתגית בדף או בקובץ נפרד).
נלמד בנוסף כיצד כותבים לדף HTML באמצעות הפקודה Document.writeln, וכיצד מקפיצים הודעת אזהרה באמצעות הפקודה Alert.

שימו לב, קבצי JS בפרוייקט רייזור חייבים להשמר תחת הספריה wwwroot, או בתוך ספריית משנה תחתיה.

לינק לוידיאו

PDF לינק ל

משתנים (Variables) הם תאים בזכרון המחשב המאפשרים לנו לשמור מידע ונתונים מסוגים שונים. אנו נלמד כיצד להגדיר ולהשתמש במשתנים ב JavaScript ונכיר את סוגי המשתנים הבסיסיים. בנוסף נלמד לבצע פעולות עם משתנים: פעולות חשבון ופעולות עם מחרוזות. לבסוף, נלמד כיצד לקלוט נתונים מהמשתמש באמצעות פקודת prompt.

לינק לוידיאו

PDF לינק ל

בפרק זה נלמד כיצד לשלוט על סדר ביצוע פעולות המחשב בג'אווה סקריפט. אנו נלמד להשתמש בתנאי if-else, ונכיר מהם תנאים מורכבים ומכוננים. נלמד מהו תנאי switch-case ובאילו מקרים הוא מתאים לשימוש.
לבסוף, נזכיר בקצרה שני סוגי לולאות בג'אווה סקריפט: לולאת for ולולאת while.

לינק לוידיאו

PDF לינק ל

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

לינק לוידיאו

PDF לינק ל

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

לינק לוידיאו

PDF לינק ל

באמצעות גאווה סקריפט ניתן לבצע אינטראקציה עם דף האינטרנט. ניתן לקרוא מה כתוב בדף ולשנות את האוביקטים בדף.
נלמד את הפקודה document.getElementById המאפשרת לנו לפנות לדף HTML.

לינק לוידיאו

PDF לינק ל

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

לינק לוידיאו

PDF לינק ל

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

לינק לוידיאו

PDF לינק ל

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

לינק לוידיאו

PDF לינק ל