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

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

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

Angular שיעור 2 – Component, directives ועוד..

שלום לכולם,

בתחילת השיעור עשינו חזרה על ההתקנה של אנגולר, למה הוא נועד ועוד..

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

עשינו את התרגיל הבא:

צרו אפליקציה שמציגה משתמשים.

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

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

פתרנו את התרגיל בכיתה, הפתרון נמצא בקבצי השיעור.

קיבלתם לשיעורי בית את המשימה הבאה:

 

צרו אפליקציה של יומן משימות, כמו שכבר עשינו בעבר – רק הפעם ב Angular.

בתוך האפליקציה יהיה לנו קומפוננטה אחת שמקבלת מערך של פתקים – ומציגה את כל הפתקים עם שימוש  ב ngFor

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

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

 

 

 

סגירת תפריט