שלום לכולם,
השיעור למדנו את הנושאים הבאים:
הכרות עם ES6-7
CLASS + OBJECTS
PROMISE
עשינו את התרגילים הבאים:
- צרו מחלקה המתארת סטודנט.
ביצירת אובייקט מהמחלקה נדרש להעביר שם לסטודנט, גיל, ומספר ימים בשבוע בהם הוא לומד. בהתאם למספר
הימים אפשר לתת קורסים.
למשל רועי נרשם לחוג "מדעי הטבע" בלימודי ערב, 3 ימים בשבוע לכן הוא יכול ללמוד עד 3 קורסים במקביל.
ביצירה והוספה של רועי, ידרש לתת שם (רועי) גיל (30) ואת המספר 3 כמספר קורסים מקסימלי שאפשר לשבץ לו.
לכל סטודנט יש את הפונקציה "showCourses" שמחזירה את כל הקורסים אליהם הסטודנט רשום.
ויש פונקציה addCourse שמקבלת שם של קורס (סטרינג) ומוסיפה אותו לנתונים של רועי
(מוסיפה למערך שמחזיק את כל הקורסים). - צרו פונקציה שמקבלת מערך של סטודנטים המבוססים על תרגיל 1 ומדפיסה את הממוצע גילאים שלהם.
בשביל לבדוק את הפונקציה – צרו מערך שמכיל 5 אובייקטים על בסיס התרגיל (5 סטודנטים).
שיעורי בית:
- כתבו פונקציה שמדמה זריקת קוביות. הדימוי מתבצע על ידי הגרלת 2 מספרים רנדומלים מ 1 עד 6.
כמו קוביה אמיתית, לוקח לפונקציה 2 שניות להציג/להחזיר את המספרים. לכן צריך שהיא תחזיר promise.
לאחר כתיבת הפונקציה, הפעילו אותה והרשמו ל promise. אם הפונקציה החזירה 2 מספרים זהים, הדפיסו "דאבל" . אם לא, הדפיסו את שתי המספרים.
(השתמשו ב promise) - צרו דף HTML שבפתיחו יהיה רשום לי loading (ברגע שנכנסנו אליו בדפדפן)
אחרי 3 שניות התוכן של הדף ישתנה ל Hello World!
מאחורי הקלעים יהיה לי promise עם התוכן של hello world , ואני אאזין אליו. אחרי 3 שניות הוא יחזיר לי תשובה, ואז אני אכניס את התשובה הזאת בדף ( באמצעות document.getElementById )
- לטובת הספריה העירונית, בנו מחלקה המייצגת ספר , המחלקה תקרא Book, לכל ספר יש מספר מזהה, שם הספר, מספר עמודים. צרו 2-3 אובייקטים מהמחלקה והדפיסו אותם לקונסול.
- בהמשך לתרגיל 3 – בנו דף html עבור הספריה.
בדף יהיה לי אפשרות להוסיף ספר חדש, ע"י מילוי טופס. הוספה של ספר למעשה תיצור אובייקט חדש מסוג Book עם הנתונים שמגיעים מ HTML ותוסיף אותו למערך בשם books.
בדף HTML הוסיפו כפתור "הצג את כל הספרים" שלחיצה עליו תדפיס לקונסול את כל הספרים.
ובנוסף, יהיה לי כפתור בשם "הספר הארוך ביותר" שלחיצה עליו תדפיס לי את שם הספר הארוך ביותר במערך (זה עם המספר עמודים הכי גבוה)