בכיתה
1. מדוע Javascript?
* שפה המיועדת לריצה על דפדפנים בלבד.
* נועדה לביצוע בדיקות תקינות בעת מילוי טופס ובטרם שליחתו בפועל לשרת.
* קוד תכנותי לצורך שינויים עיצוביים ואפקטים נוספים.
* היררכיית עצמים בשפה: חלון, תחתיו אזור ה- Body ותחתיו כל אלמנט אחר, כמו התגית p.
2. שילוב קוד JS בדף HTML
* השילוב ייעשה באמצעות תגית הפתיחה <"script type="text/javascript> ותגית הסגירה <script/>.
* ניתן לשלב קוד JS באיזור ה- Head או באיזור ה- Body.
בהמשך נראה כי ניתן ליצור קובץ JS נפרד, כמו שיצרנו קובץ CSS נפרד,
וזאת לשם יצירת קוד אותו ניתן יהיה לזמן מכל דפי האתר.
3. תכנות ראשוני בשפה
* ()window.alert - הקפצת חלון הודעה.
* ()document.write - כתיבה לתוך הדף.
* document.bgColor - קביעת צבע הרקע של הדף.
* var - הטיפוס הכללי של כל המשתנים.
* ()window.prompt - לצורך קלט מהמשתמש.
* parseInt - המרת קלט מספרי לערך מספרי.
* ()getElementById - גישה לתגית בדף על-פי שמה.
* יצירת עצם מטיפוס Date.
* הדפסת גרסאות ToString של עצם מטיפוס Date.
* חילוץ רכיבים מעצם מטיפוס Date.
* מתן התכונה id לאלמנט הנמצא בדף, למשל <"p id="demo>.
* הוספה או החלפה של תוכן הנמצא בתגית לה ניתן שם.
* שימוש בהתניה באמצעות הפקודה if.
ראו קוד סיכום השיעור כאן.
לבית (ליום ב' הבא, ה- 20.3.2023 מבדק ש.ב ב- Javascript בשיעור הבא בו ניפגש)
1. העתיקו את קוד הדוגמה לאתר תרגול שתצרו בנושא JS וודאו שאתם מבינים את פלט הריצה.
2. וודאו כי אתם יודעים להשתמש בכל הפקודות שלמדנו היום.
בשיעור הבא
1. כתיבת פעולות לצורך בדיקת תקינות שדות הטופס לפני שליחתו לשרת.
אין תגובות:
הוסף רשומת תגובה