באופן עקרוני, כל אתר בנוי על בסיס 3 טכנולוגיות; HTML, CSS ו- Javascript. HTML עוסק בסדר החלקים המרכיבים השונים של האתר, CSS באופן העיבוד של החלקים הללו Javascript משימות מורכבות כגון תגובה לפעולות משתמש.
En מאמרים קודמים הסברנו שזו מסגרת CSS ונתנו רשימה של מיטב היכולים להשתמש ב- Linux. איך קשה יותר להסביר את התפקיד של Javascript, אנו הולכים להכיר נושא קטן לפני שנגיע להגיב על מסגרותיו.
שפת תכנות Javascript. הקדמה קטנה
מה זה Javascript?
Javascript הוא שפת תכנות שנוצרה במקור בכדי למנוע דפי אינטרנט מלהיות סטטיים, למרות שהיום השימוש בו התפשט למגזרים שאין להם שום קשר לרשת.
Lתוכניות הכתובות ב- Javascript נקראות סקריפטים והם רצים בתוך מכונה וירטואלית המכונה מנוע Javascript.
כל הדפדפנים המודרניים כוללים את הגרסה שלהם למנוע Javascript
למען בטיחות המשתמשים, דפדפנים שונים מציבים מגבלות על מה שקוד Javascript יכול לעשות. לדוגמא, גישה לקבצים קריטיים בדיסק. עם זאת, ניתן להגביל זאת עוד באפשרויות התצורה של כל אחת מהן.
פעולת קוד Javascript בתוך דף אינטרנט היא כדלקמן:
- מנוע Javascript המוטמע בדפדפן קורא את הקוד.
- הקוד מומר לשפת מכונה.
- המכונה מבצעת את הקוד.
בהיותה שפת תכנות, Javascript יכול לבצע משימות כמו אלה:
- אחסן מידע בתוך משתנים.
- לטפל במחרוזות טקסט.
- הפעל תוכניות המגיבות לאירועים כמו לחיצה על קישור.
יכולות ה- Javascript מתגברות באמצעות ממשקי תכנות יישומים (API)
ממשקי API הם ספריות תוכניות שנוצרו למשימות ספציפיות שמשחררים את היזם מהצורך לשכתב קוד קיים. במקרה של Javascript אנו יכולים לדבר על שני סוגים של APIS
דפדפן Api
הם רצים בתוך הדפדפן ומגיבים לסביבה. יש לנו, למשל:
מודל אובייקט מסמך (DOM): זה מאפשר לבצע שינויים בקוד ה- HTML וה- CSS של הדף בתגובה לאירועים מסוימים. זה המקרה של אתרים המאפשרים לנו לראות כיצד דף יופיע במכשירים שונים.
ממשק API לגיאוגרפיהa: הוא משמש לאיתור מיקום המשתמש ולהגיב בהתאם. לדוגמה, Netflix משמש את זה כדי לדעת איזה תוכן אתה יכול לראות במדינתך או מפות Google כדי להראות לך היכן אתה נמצא.
קנבס ו- WebGL: הם אידיאליים לתכנון גרפיקה דו-ממדית ותלת-ממדית
ממשקי API למולטימדיה: הם מאפשרים העברה וקבלה של תוכן מולטימדיה מדף אינטרנט.
ממשקי API של צד שלישי
שירותי האינטרנט השונים מנסים להשיג יותר משתמשים (ובמקרים מסוימים מידע נוסף מאותם משתמשים למכור אותו) זו הסיבה ליצור ממשקי תכנות כך שמפתחים יוכלו לשלב פונקציות ששירותים אלה מספקים לאתרים חיצוניים. זה למשל המקרה של אותם דפי אינטרנט המאפשרים לך להירשם בחשבון Google או Facebook שלך.
כיצד פועל קוד Javascript בתוך אתר אינטרנט
קודם כל, יש להבהיר זאת כל סקריפט javascript פועל בסביבת זמן ריצה משלו. קיימת סביבת ביצוע עבור כל לשונית (אם אנו פותחים אתרים שונים באותו חלון) או עבור חלונות שונים אם אנו מעדיפים. בשום מקרה הם אינם קשורים זה בזה או, כפי שאמרנו, עם מערכת ההפעלה ללא התערבות פעילה של המשתמש.
ש 'ראשוניםe טוען את קוד ה- HTML של דף האינטרנט ומודל אובייקט של המסמך נוצר כך שהוא יכול להיות מוצג בדפדפן. לאחר מכן נטענים הפריטים שיש לצרף לדף כמדיה, תמונות וגיליונות סגנון. לבסוף, הסגנונות מוקצים לחלקים השונים של הדף כפי שקובע גליונות הסגנון.
ברגע שכל זה נגמר, זה כאשר מנוע Javascript מתחיל להפעיל בעקבות הרצף שהוזכר לעיל.
במאמר הבא אנו הולכים עם רשימת המסגרות המובטחת עבור Javascript.