מה היא Java script? ​

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

היום? זה לא בדיוק המקרה.

Java Script עדיין שפת התכנות של האינטרנט, בנוסף, היא גם שפת פיתוח שדרכה ניתן לפתח כמעט הכול, ממש ככה. עם Java Script ניתן לפתח:

• שרתי אינטרנט

• אפליקציות

• תוכנות מחשב

הסיבה לכך התחילה עם יציאתה לאור של טכנולוגיית Node.JS אשר השתמשה בשפת Java Script לייצור של תוכנות מחשב, עוד כל כך בפרק "מבוא ל-NodeJS"

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

שפת Java Script נוצרה בשביל להוסיף "חיים" לדפי אינטרנט.

אם HTML היא שלדת הרכב ו-CSS היא העיצוב וצבעי הרכב אז Java Script היא המנוע.

אם HTML היא הרכיבים להכנת העוגה ו-CSS היא המתכון והמינונים אז Java Script היא התנור שאופה אותן.

בעזרת Java Script ניתן לייצר יישומיים עם אינטראקציה לפעולות המשתמש.

נסביר זאת עם דוגמא קלה, מסך התחברות.

כאשר משתמש מזין שם משתמש וסיסמה ולוחץ על "התחברות" והיה ונניח ודף האינטרנט אינו משתמש ב-Java Script מה שיקרה הוא שעמוד האינטרנט יישלח כולו לצד השרת אשר יבדוק את הפרטים ויעביר המשתמש לעמוד הפרופיל במקרה של הצלחה. כמו בתמונה הבאה

התמונה של מסך התחברות כאשר יש חץ שהולך לצד השרת עם 2 תרחישים 1. משתמש עבד ומועבר לפרופיל 2. משתמש לא טוב מוחזר לעמוד בתוספת שגיאה

התהליך שמודגם כאן הוא תקין לגמרי אך לא חף מתקלות, ללא Java Script לא ניתן לדעת האם הערך שהוזן בשדה שם משתמש באמת קיים ותואם לכללים של המערכת (לדוגמא אותיות באנגלית בלבד).

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

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

אומנם כיום HTML5 תומך בעניין באופן מלא אבל בשביל סך החלקים נשאר וקיים הצורך להשתמש ב-Java Script.

לעומת זאת, כך יתרחש התהליך עם Java Script. כאשר המשתמש יילחץ על "התחברות" ​

• נבדוק ראשית שהשדות עם תוכן

• כמו כן נבדוק שהתוכן תקין

• נשנה את לחצן ההתחברות לסימן הטעינה

• נשלח בקשה לצד השרת עם השם משתמש והסיסמה

• בזמן ההמתנה המשתמש יראה את סימן הטעינה והתהליך יראה טבעי

• לאחר שצד השרת עיבד את הנתונים הוא יישלח חזרה לצד השרת אישור או סירוב

• במקרה של אישור נעביר את המשתמש לעמוד הפרופיל ובמקרה של סירוב נציג שגיאה

• התמונה של מסך התחברות עם Java Script

• זו הייתה דוגמה מאוד קלאסית של Java Script והייתה מורכבת ברובה מתהליכים לוגים. ל-Java Script יש עוד חלק משמעותי בהקשר לדפי אינטרנט, החלק נקרא DOM. DOM = Document- Object-Model

• – מודל-אובייקט-מסמך DOM

• הוא מודל של פקודות ועזרים המסופק ע"י הדפדפן הכתוב בשפת Java Script דרכו ניתן לשנות, למחוק ולהוסיף אלמנטים למודל המסמך של האתר.

• הכוונה היא שהרי כל אתר מורכב מאלמנטים (המורכבים מתגיות) הכתובים בשפת HTML. דרך Java Script ומודל ה-DOM באופן ספציפי אנו יכולים לקבל גישה לאלמנט אחד או יותר "ולשחק" איתם.

• כך שניתן לסכם ששפת Java Script היא קודם כל שני דברים עיקריים

1. שפת תכנות
2. ספרייה עם גישה ל-DOM

לפני שנעבור לפרק הבא בו נדע כיצד נערוך את הקוד שאותו נכתוב עבור Java Script ובמקרה ויש לכם עבר בתכנות מומלץ להציץ בפרק "למה Java Script" שמסביר את המודל של שפת Java Script מבחינת שפת התכנות שלה.