סטודנטים/ות יקרים/ות!

הפוסט הנ"ל הינו סיכום קצר של השיעור בנקודות + מכיל את הקבצים שתורגלו בכיתה במהלך השיעור.
אם החומר לא מובן, אפשר לשלוח לי מייל או להתקשר : 050-555-6693 (אשתדל לענות, אם לא שלחו SMS ואחזור אליכם)

זכרו כי המפתח להצלחה הינו תרגול

שיעור 44 – תרגול קומפוננטות + העברת נתונים מאב לבן

שלום לכולם,

השיעור נפתח בתרגיל הבא – לתרגול יצירה של קומפוננטות :

צרו אפליקציית אנגולר עם 4 קומפוננטות על פי המבנה הבא:

כאשר כל הקומפוננטות מתארחות בקומפוננטה Main.
והקומפוננטה Main מתארחת ב app-component הראשי.

 

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

בהמשך השיעור, העברנו את המשתמשים מהתצוגה בקומפוננטה הראשית  לקומפוננטה יעודית של User-Card .
ולמדנו איך מעבירים נתונים מקומפוננטת האב לקומפוננטת הילד.

 

שיעורי בית:

ליצור אפליקציה של Notes על פי המבנה הבא:


עליכם ליצור את הקומפוננטות הבאות :

  1. Main  – קומפוננטה ראשית של האפליקציה , בתוכה יהיה טופס HTML של הוספת פתקיות, וברגע שיוסיפו פתקית תצרו אובייקט חדש לאותה פתקית ותוסיפו אותו למערך של הפתקיות. היא תארח את הקומפוננטה Board.
  2. BOARD – קומפוננטה שמייצגת את ה"לוח" משימות, היא תקבל מהאבא ( MAIN) מערך שבתוכו יהיה את כל האובייקטים של הפתקים.
  3. NOTE – קומפוננטה שתהיה בתוך הקומפוננטה BOARD , היא תופיע מספר פעמים בהתאם לכמות הפתקים, היא תקבל מהאבא את התאריך, שעה, ותיאור המשימה.

 

קבצי השיעור להורדה

סגירת תפריט