מהו JavaScript וכיצד זה עובד?

מהו JavaScript וכיצד זה עובד?

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





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



מהו JavaScript?

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





הגרסה האחרונה של השפה היא ECMAScript 2018 שיצאה ביוני 2018.

iphone 12 לעומת iphone 12 pro max

JavaScript עובד עם HTML ו- CSS לבניית אפליקציות אינטרנט או דפי אינטרנט. JavaScript נתמך על ידי רוב דפדפני האינטרנט המודרניים כמו Google Chrome, Firefox, Safari, Microsoft Edge, Opera וכו 'רוב הדפדפנים הניידים לאנדרואיד ולאייפון תומכים כעת גם ב- JavaScript.



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

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



אבני בניין אפליקציות אינטרנט

ישנם שלושה מרכיבים הבונים אתרים ואפליקציות: Hypertext Markup Language (HTML), גליונות סגנון מדורגים (CSS) ו- JavaScript. לכל אחד יש תפקיד ביצירת אפליקציית אינטרנט.

  • HTML היא שפת סימון היוצרת את השלד של דף האינטרנט. כל הפסקאות, החלקים, התמונות, הכותרות והטקסט כתובים ב- HTML. התוכן מופיע באתר בסדר בו הם כתובים ב- HTML.
  • CSS שולט בסגנון ובהיבטים הנוספים של הפריסה. CSS משמש ליצירת עיצוב האתר ויצירת הצבעים, הגופנים, העמודות, הגבולות וכו '. הוא לוקח את האתר מרכיבי טקסט רגיל ועד לעיצובים צבעוניים.
  • המרכיב השלישי הוא JavaScript. HTML ו- CSS יוצרים את המבנה, אך משם הם אינם עושים דבר. JavaScript יוצר פעילות דינאמית באפליקציה שלך. סקריפט ב- JavaScript הוא מה ששולט בפונקציות כאשר לוחצים על לחצנים, כיצד מאומתים טפסי סיסמה, אופן השליטה במדיה.

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



כיצד פועל JavaScript?

לפני כתיבת JavaScript חשוב לדעת איך זה עובד מתחת למכסה המנוע. יש ללמוד שני חלקים חשובים: כיצד פועל דפדפן האינטרנט ומודל Object Object Document (DOM).

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

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

ה- HTML ו- CSS מורכבים על ידי DOM כדי ליצור תחילה את דף האינטרנט. לאחר מכן, מנוע ה- JavaScript של הדפדפנים טוען קבצי JavaScript וקוד מוטבע אך אינו מפעיל את הקוד באופן מיידי. הוא מחכה שה- HTML ו- CSS יסתיימו בטעינה.

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

הסדר כאן חשוב. אם ה- JavaScript לא היה מחכה לסיום ה- HTML ו- CSS, הוא לא יוכל לשנות את רכיבי ה- DOM.

מה אני יכול לעשות עם JavaScript?

JavaScript היא שפת תכנות מלאה שיכולה לעשות את רוב הדברים בשפה רגילה כמו Python. אלו כוללים:

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

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

שימוש ב- JavaScript

בואו נסתכל על כמה יסודות JavaScript עם דוגמאות קוד.

הצהרת משתנים

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

let num = 5;
let myString = 'Hello';
var interestRate = 0.25;

מפעילים

חיבור

12 + 5
>> 17

חִסוּר

20 - 8
>> 12

כֶּפֶל

5 * 2
>> 10

חֲלוּקָה

50 / 2
>> 25

מודולוס

45 % 4
>> 1

מערכים

let myArray = [1,2,4,5];
let stringArray = ['hello','world'];

פונקציות

JavaScript יכול לכתוב פונקציות, הנה פונקציה פשוטה שמוסיפה מספרים.

כיצד לשלב גיליונות אקסל מרובים לאחד
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

לולאות

JavaScript יכול לבצע לולאות לצורך איטרציה, לולאות כמו עבור לולאות ו בזמן לולאות.

for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!

הערות

// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/

בדף אינטרנט

הדרך הנפוצה ביותר לטעון JavaScript בדף אינטרנט היא שימוש ב- תַסרִיט תג HTML. בהתאם לדרישותיך, תוכל להשתמש באחת מהשיטות הבאות.

  • טען קובץ JavaScript חיצוני לדף אינטרנט באופן הבא: | _+_ |
  • תוכל לציין את כתובת ה- URL המלאה אם ​​javascript הוא מתחום אחר מדף האינטרנט כדלקמן: | _+_ |
  • ניתן להטביע JavaScript ישירות ב- HTML. להלן | _+_ |

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

אלה נושאים מתקדמים יותר, כרגע אתה לומד את היסודות.

קטעי קוד JavaScript לדוגמה

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

  • הדברים הבאים בוחרים הכל נוֹעָז אלמנטים במסמך ומגדיר את צבע הראשון לאדום. | _+_ |
  • רוצה לשנות את התמונה ב- img תָג? הבאים משייכים מטפל אירועים עבור נְקִישָׁה אירוע של כפתור. | _+_ |
  • עדכן את תוכן הטקסט של פסקה ( עמ ) אלמנט? הגדר את פנימי HTML המאפיין של האלמנט כפי שמוצג: | _+_ |

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

עכשיו אתה יודע מה JavaScript עושה

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

לַחֲלוֹק לַחֲלוֹק צִיוּץ אימייל כיצד לנקות את מחשב Windows באמצעות שורת הפקודה

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

קרא הבא נושאים קשורים
  • הסבר על הטכנולוגיה
  • תִכנוּת
  • בניית אתרים
  • JavaScript
  • תסריט
על הסופר אנתוני גרנט(פורסמו 40 מאמרים)

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

עוד מאת אנתוני גרנט

הירשם לניוזלטר שלנו

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

לחצו כאן להרשמה